15 أدوات الطباعة عبر الإنترنت يجب على جميع المصممين معرفتها
الطباعة هي أساس أي تصميم ، لأن القراءة هي واحدة من أكثر الأشياء الأساسية التي نقوم بها على الويب. تؤثر الطباعة التي تختارها على جوانب متعددة من موقع ويب ، بما في ذلك سهولة القراءة والمزاج وتجربة المستخدم بشكل عام. من الضروري للمصممين والمطورين القيام بذلك معرفة المبادئ الأساسية للطباعة إلى إنشاء تصاميم ممتعة للقراءة.
كنا نتحدث عن أدوات الاقتران الخطي من قبل ، واليوم سوف نشارك معك أدوات الكتابة التي يمكنك من خلالها تحقيق تجربة قراءة أفضل في مواقع الويب التي تنشئها و / أو تصممها.
فيما يلي المكونات الإضافية ، والأدوات عبر الإنترنت ، والبرامج النصية التي ستساعدك إنشاء عناوين رهيبة و نص مقروء نظيفة.
Typeplate
لن تحدد خيارات التصميم لك ، ولكنها ستحدد العلامة الصحيحة بالتصميم لقوالب الطباعة الشائعة. يمكن أن يوفر لك أيضًا نصائح حول كيفية تصميم نسخة نصية بشكل صحيح.
الدفع: تجريبي | كابل بيانات
غوتنبرغ
Gutenberg هي مجموعة أدوات طباعة مرنة وسهلة الاستخدام للمطورين والمصممين. سيساعدك ذلك على ضبط حجم النوع الأساسي ، ارتفاع الخط وعرض الحد الأقصى. Gutenberg هو مشروع مفتوح المصدر ، لذلك لا تتردد في المساهمة فيه وتكييفه وتعديله.
الدفع: تجريبي | كابل بيانات
Lettering.js
Lettering.js هو البرنامج المساعد jQuery والذي يمنحك السيطرة على نوع المسافات بين الحروف. يسمح لك بالحصول على تصميم تحريري بكل سهولة وإدارة الشفرة. يتميز الموقع بأمثلة مذهلة من الطباعة المصممة باستخدام هذا البرنامج المساعد للإلهام.
الدفع: تجريبي | كابل بيانات
Typebase.css
Typebase.css هو ورقة أنماط الطباعة للتخصيص. أنه يحتوي على كل من saas وإصدارات أقل ويمكن تعديله بسهولة في مشاريع الويب الحديثة.
الدفع: تجريبي | كابل بيانات
FitText
FitText هو البرنامج المساعد الذي سيجعل أحجام الخطوط موقع الويب الخاص بك مرنة. سوف تساعدك على تحقيق عناوين قابلة للتحجيم لمختلف دقة الشاشة ؛ بمعنى آخر ، اجعل طباعتك سريعة الاستجابة. إنه مصنوع لعرض نص ضخم فقط.
الدفع: تجريبي | كابل بيانات
Kerning.js
يساعدك Kerning.js على تحويل طباعتك تلقائيًا وتوسيع نطاقها وتعديلها باستخدام CSS. من السهل أن تبدأ مع Kerning.js.
الدفع: تجريبي | كابل بيانات
Typesettings.css
Typesettings.css هي ساحة لعبك لإنشاء مشاريع أو مدونات على الويب بأضيق الحدود. جميع أنماط الطباعة المستخدمة هنا مستوحاة من أساسيات التصميم الجرافيكي.
الدفع: تجريبي | كابل بيانات
حقيبة ظهر
مع Rucksack ، يمكنك إنتاج طباعة سائلة مذهلة بفضل خاصية جديدة تستجيب لحجم الخط. يتم إنشاء الطباعة استجابة سهلة للغاية.
الدفع: تجريبي | كابل بيانات
FlowType.JS
تحتوي الطباعة الأكثر قابلية للقراءة على ما بين 45 و 75 حرفًا في كل سطر ولكن العثور على هذا التوازن مهمة صعبة للمطورين. يقوم FlowType.JS بتغيير حجم الخط وبالتالي ارتفاع الخط بناءً على عرض عنصر معين.
الدفع: تجريبي | كابل بيانات
Blast.js
سوف يساعدك Blast.js على فصل النصوص لتسهيل التعامل مع الطباعة. يحتوي على 4 محددات مضمّنة: الحرف ، الكلمة ، الجملة ، والعنصر. يمكن أن تتطابق أيضًا مع التعبيرات والعبارات المخصصة.
الدفع: تجريبي | كابل بيانات
slabText
slabText هو برنامج نصي بسيط يقوم بتقسيم العناوين إلى صفوف لملء المساحة الأفقية المتاحة بشكل مثالي. يحسب البرنامج النصي عددًا مثاليًا من الأحرف لضبطه في كل صف من خلال قسمة العرض المتاح على حجم خط البكسل.
الدفع: تجريبي | كابل بيانات
اكتب مقياس
باستخدام Type Scale ، ستتمكن من معاينة واختيار مقياس الكتابة المناسب لمشروعك. لا توجد قواعد - العب فقط مع حجم الخط وحجمه وخطوط الويب المختلفة.
الدفع: تجريبي | كابل بيانات
مطبعي
Typographic يساعدك على جعل الطباعة تستجيب. كل ما عليك القيام به هو مجرد تحديد عدد قليل من الخطوط ، وتعيين بعض الإعدادات وستحصل على طباعة مستجيبة لطيفة.
الدفع: تجريبي | كابل بيانات
Typi
Typi عبارة عن مزيج من saas يمكنك استخدامه لجعل الطباعة سريعة الاستجابة. يخلق حجم الخط وارتفاع خط HTML وغيرها من العناصر. أيضا ، Typi لديه وظيفة إيقاع عمودي لحساب ارتفاعات الخط.
الدفع: كابل بيانات
Lining.js
مع البرنامج المساعد Lining.js ، ستحصل على تحكم كامل في طباعة الويب. إنه مدعوم في معظم المتصفحات الشائعة مثل Safari و Google Chrome و Opera و Mozilla Firefox.
الدفع: تجريبي | كابل بيانات
المكافأة: 2 أدوات أخرى!
حالة نوع الويب
حالة نوع الويب هو موقع ويب يقدم بيانات محدّثة حول دعم النوع والميزات الموجودة على الويب. يمكنك استخدام البحث أو الفئات ، مثل المسافات بين الحروف ، وتباعد الحروف الكبيرة ، وتحميل خطوط CSS ، والمزيد للعثور على ما تريده بالضبط.
واضع الحروف
Typograph عبارة عن مكون إضافي رائع للويب ورسم يسمح لك بوضع مسافات غير قابلة للكسر بعد كلمات ذات حرف واحد ، وتوصيل الرقم والوحدة. كما أنه يزيل المساحات المزدوجة ، ويدخل ، والنقاط وغيرها من الأخطاء المطبعية ، حتى تتمكن من تحقيق الطباعة الجميلة النظيفة التي يسهل قراءتها.
الدفع: كابل بيانات
