30 من أفضل موارد الطباعة على الإنترنت على الإنترنت
يبدو أن هناك اثنين من المعسكرات بين مصممي الويب: أولئك الذين يحتضنون الطباعة على شبكة الإنترنت ، وتجربتها ، وتجربة أشياء جديدة في جميع تصاميمهم ؛ وأولئك الذين يتجنبونها مثل الطاعون ، يختارون استخدام رصات خطوط قياسية وآمنة للويب مع اختلاف بسيط.
يبدو أيضا أن الكثير من المصممين الذين يسقطون في المجموعة الثانية يرغبون في أن يكونوا أقرب إلى الأول.
يمكن أن تساعدك الموارد أدناه على تحسين الطباعة على الويب ، بغض النظر عن المعسكر الذي تقع فيه.
هناك أدوات لإنشاء الطباعة والمراجع والمقالات الفريدة التي يمكن أن تعلمك مبادئ الطباعة ، والكثير من الإلهام والأخبار لتبقى على اطلاع على حالة الطباعة على شبكة الإنترنت.
أدوات الطباعة
Typetester
يتيح لك Typetester مقارنة ما يصل إلى ثلاثة خطوط ، جنبًا إلى جنب ، مع أي نص عينة تريده. يمكنك تحديد حجم الخط الأساسي ، ومحرف الطباعة ، والحجم ، والرائدة ، والتعقب ، والمحاذاة ، والمسافات بين الكلمات ، والديكور ، واللون ، ولون الخلفية للحصول على صورة دقيقة جدًا لما ستبدو عليه الخطوط على موقع الويب الفعلي. بعد ذلك ، عندما يكون لديك كل ما تبحث عنه بالطريقة التي تريدها ، يمكنك الحصول على CSS.
HTML Ipsum
HTML-Ipsum هو مولد ipsum lorem على وجه التحديد لتصميم الويب. بدلاً من مجرد إعطائك أجزاء من النص ، يمكن أن يوفر لك HTML-Ipsum نصًا تم تنسيقه مسبقًا مثل الفقرات والقوائم المرتبة والجداول الفارغة والنماذج وقوائم التنقل. يعد النص المنسق مسبقًا مثل هذا طريقة رائعة لتوفير الوقت عند إنشاء نماذج بالأحجام الطبيعية لموقع الويب والتصميمات الأولية.
Typechart
يتيح لك Typechart استعراض الخطوط المهيأة مسبقًا والموجودة على ويب ، وعرضها كما ستظهر على كل من كمبيوتر يعمل بنظام Windows وجهاز Mac. يمكنك فرز خلال الخطوط المضمنة استناداً إلى حجم ومحرف والتركيز.
WP-الطباعة
WP-Typography هو برنامج WordPress المساعد الذي يساعد على جعل الطباعة المعيارية الخاصة بك WP أكثر جاذبية. وهو يدعم الواصلة ، التحكم في المسافات ، استبدال الحروف الذكي (بما في ذلك علامات الاقتباس ، الشرطات ، علامات الحذف ورموز الرياضيات) ، وخطافات CSS لتصميم أشياء معينة (بما في ذلك علامات العطف ، المختصرات والأرقام).
مجموعة CSS Type
تمكنك مجموعة نوع CSS من إنشاء مجموعة من النص ثم نسخ CSS. إنه مولد CSS بسيط رائع لتصميم خط واحد في كل مرة. فإنه يتيح لك التحكم في محرف ، حجم ، تباعد ، الرائدة ، الديكور ، واللون.
التقليب نموذجي
يظهر "Flipping Typical" نموذجًا للنص في مجموعة متنوعة من الخطوط التي قمت بتثبيتها على الكمبيوتر. إنها طريقة رائعة لمقارنة مجموعة من الخطوط ، جنبًا إلى جنب ، جميعها مرة واحدة. التحذير الوحيد: فقط بعض الخطوط المعروضة هي آمنة للويب.
الشبكة الطباعية
الإيقاع العمودي الراسخ هو أحد الأشياء التي تميز الطباعة العظيمة من الطباعة الجيدة. تساعد الشبكة الطباعية على إنشاء ذلك الإيقاع العمودي لك. ويتضمن أيضًا شبكة رأسية كدليل لتحديد موضع كل من الطباعة وغيرها من العناصر.
WhatTheFont
يوفر WhatTheFont طريقة سهلة لمعرفة ما هو خط معين. كل ما عليك هو تحميل صورة (أو تحديد عنوان URL) وسيقوم WhatTheFont بتحديد الخط المستخدم. هذه طريقة رائعة للعثور على الخطوط التي تم استخدامها في الصور أو ملفات Flash.
المغلق مع إيقاع عمودي
كما ذكرنا من قبل ، فإن إيقاعًا رأسيًا ثابتًا يحدد الطباعة العظيمة بخلاف ما هو "جيد" فقط. يمكن أن تساعدك هذه الأداة على إنشاء CSS للطباعة التي لديها إيقاع عمودي متسق. ما عليك سوى إدخال عائلة الخط وحجم الخط الأساسي وارتفاع الخط الأساسي وأحجام الخطوط المستهدفة وحساب الحصول على CSS لإيقاع عمودي متسق.
خط الأساس إيقاع حاسبة
آخر عظيم إيقاع آلة حاسبة العمودية. هذا ، على الرغم من ذلك ، سوف يظهر لك ما تبدو أحجام مختلفة من الخطوط بجانب بعضها البعض عند إعداد الإيقاع العمودي الراسخة. إنها طريقة رائعة للتأكد من أن جميع أحجام الخطوط التي تستخدمها ستبدو جيدة.
الخط الموقد
يتيح لك Font Burner تضمين الخطوط على مواقع الويب الخاصة بك باستخدام sIFR ، باستخدام واجهة رسومية. يوجد حاليًا أكثر من 1000 خط متاح من خلال Font Burner ، وهناك أيضًا مكون إضافي لـ WordPress. كل ما عليك فعله لاستخدامه هو العثور على الخط الذي تريد استخدامه ، ونسخ رمز التضمين ، ثم لصقه في رمز موقع الويب الخاص بك.
مكفوفه النص مولد
يتيح لك هذا المولّد النصي الوهمي إنشاء ipsum ليس فقط فقط ، بل أيضًا عددًا من أنواع النص الأخرى. في نفس الوقت ، يمكنك أيضًا تنسيق هذا النص داخل المولد مباشرة (انقر فوق خيارات متقدمة) ، ثم قم بنسخ CSS.
خط الأساس
Baseline هو إطار عمل شبكي وطباعي يتضمن ملفات لإعادة تعيين الإعدادات الافتراضية للمتصفح وإنشاء تخطيط مطبعي أساسي. إنه خيار جيد للمصممين الذين يرغبون في استخدام تخطيط الشبكة ويريدون أيضًا بعض المساعدة في تصميم الطباعة في الموقع. يتضمن إعداد الطباعة العناوين الرئيسية ، والقوائم ، والفقرات ، و blockquotes ، والجداول ، بالإضافة إلى بعض رموز الترميز الأخرى.
مصفوفة الخط
يعرض Font Matrix الخطوط المضمنة في أنظمة التشغيل Mac و Windows و Microsoft Office و Adobe Creative Suite ، وكل ذلك في شبكة تجعل من السهل رؤية الخطوط الأكثر احتمالاً للعثور على أنواع أجهزة الكمبيوتر. على سبيل المثال ، إذا كان موقع الويب الخاص بك يلبي احتياجات المصممين ، فقد تكون أول محرف في خط البداية لديك يأتي مع Adobe Creative Suite ، بينما إذا كان الموقع موجهًا لمستخدمي الأعمال ، فقد يكون الخط الأول المتضمن شيئًا من Microsoft Office.
واضع الحروف
يتيح لك Typograph تجربة المقاييس المختلفة والعناصر الأخرى للإيقاع العمودي. ويشمل مجموعة متنوعة من المقاييس التقليدية (بما في ذلك Le Corbusier و Fibonacci) بالإضافة إلى خيارات تخطيط أخرى.
خدمات خط الويب
Typekit
تقدم Typekit خطوطًا من مجموعة متنوعة من أنواع البائعين والمسابك ، بما في ذلك The League of Movable Type و FontFont و Veer (يمكنك عرض قائمة الخطوط بالكامل دون الحاجة إلى التسجيل للحصول على حساب). كما أنها توفر خيارات التحكم المتقدمة لتصميم الخطوط الخاصة بك ، قابلية التوسع اللانهائي ، و colophon الذي يخبر زوارك عن الخطوط التي يستخدمها موقعك. الأسعار بالنسبة لـ Typekit معقولة ، تتراوح من الدخول المجاني إلى الوصول الجزئي إلى 100 دولار في السنة للمواقع ذات معدل الزيارات المرتفع.
Kernest
Kernest هي خدمة خطوط ويب تستخدم خطوط OFL ، و GPL ، و GUST ، و Creative Commons ، بالإضافة إلى تلك ذات التراخيص التجارية. العديد من الخطوط الخاصة بهم مجانية للاستخدام (الخدمة نفسها مجانية) بينما البعض الآخر لديه رسوم اشتراك تبدأ من بضعة دولارات.
يعيش خطوط من Ascender
تقدم Ascender خدمة خطوط الويب الخاصة بها ، Fonts Live. لديهم أكثر من 110 محارف متاحة ، مع خطوط من Monotype ، Microsoft ، Bigelow & Holmes ، وغيرها ، بالإضافة إلى الخطوط الخاصة بهم.
Google Font API
تقدم Google مجموعة محدودة من خطوط الويب مفتوحة المصدر. على الرغم من أن التحديد ليس كبيرًا ، إلا أنه مجاني ويدعمه Google ، مما يعني أنه من غير المحتمل أن تواجه مشكلات في القدرات أو تباطؤًا في الوقت.
TypeFront
TypeFont تقترب من خطوط الويب بشكل مختلف قليلاً. وبدلاً من تقديم مكتبة من الخطوط المتوافقة مع الويب ، فإنها تسمح لك بتحميل الخطوط الخاصة بك التي تحمل ترخيصًا متوافقًا مع الويب. يعد هذا خيارًا رائعًا إذا كانت الخطوط التي تريد استخدامها غير متوفرة حاليًا بواسطة أي من خدمات خطوط الويب الأخرى. هناك خطة مجانية لمواقع ذات معدل نقل منخفض ، بالإضافة إلى خطط مدفوعة.
Typotheque ويب الخطوط
يقدم Typotheque خدمة خطوط الويب الخاصة بهم لجعل خطوطهم متاحة لتطبيق @ font-face. الميزة هي أن هناك فقط تكلفة ترخيص لمرة واحدة يمكن أن تغطي كلا من تطبيقات الطباعة والويب. الجانب السلبي هو أن التحديد يقتصر على الخطوط الخاصة بهم فقط.
موارد الطباعة & المواد
عناصر نمط الطباعة المطبقة على الويب
هذا هو دليل مرجعي دقيق للغاية لأي شخص يريد أن يتعلم ليس فقط أساسيات الطباعة على شبكة الإنترنت الجيدة ، ولكن أيضا تقنيات ومبادئ أكثر تقدما. تم تقسيمه إلى فصول وفصول فرعية ، بما في ذلك الحركة الأفقية والعمودية ، والكتل والفقرات ، وترقيم الصفحات ، والحجم ، والكثير غير ذلك. إنه عمل قيد التقدم ، لذا نتوقع ظهور المزيد من المعلومات في المستقبل.
نوع ويب جميل
يحتوي Nice Web Type على العديد من المعلومات حول تطبيق الطباعة على الويب. لديهم "ملاحظات" عن كل شيء بدءا من الطباعة على شبكة الإنترنت إلى استخدام CSS @ font-face. كما يناقشون الاتجاهات والأفكار الجديدة على أساس منتظم ، ولهم صفحة مخصصة لما يعتبرونه من أفضل الخطوط هناك.
12 أمثلة على فقرة الطباعة
هذه المجموعة من تنسيقات الفقرة النموذجية من جون تان تعطي نقطة انطلاق رائعة لأي شخص يقوم بتصميم موقع ثقيل النص. العديد من المصممين يغفلون كل الاحتمالات التي تأتي مع تصميم الفقرة ، ويختارون الخيارات التقليدية الأكثر محافظة. تثبت هذه المقالة أنه ليس من الصعب الخروج من المربع وأن تفعل شيئًا مثيرًا للاهتمام بالفقرات في تصميماتك.
التباين الطباعي والتدفق
هذا دليل رائع من WebDesignerWall على مبادئ التدفق والتباين في الطباعة على شبكة الإنترنت. ينقسم هذه المبادئ إلى عدة أقسام ، بما في ذلك الحجم ، ومحرف / التصنيف ، واللون ، والوزن.
منقحة Font Stack
تتناول هذه المقالة توسيع مداخن خطوط CSS العامة الآمنة للويب باستكشاف الخطوط الأخرى الشائعة. كما يستكشف مداخلات الخطوط لبعض مواقع الويب الشائعة ، بالإضافة إلى توصيات حول كيفية تحسينها لمكدساتها.
على الطباعة على شبكة الإنترنت
هذه المقالة التي كتبها جيسون سانتا ماريا على A List Apart هي نظرة شاملة للغاية في إقران الخطوط في تصاميم موقعك. إنه موضوع لم تتم مناقشته كثيرًا ولكن من الأهمية بمكان إنشاء تصميمات رائعة للطباعة على الويب.
التفكير بالنوع
التفكير بالنوع هو الموقع الإلكتروني المصاحب للكتاب الذي يحمل نفس العنوان إلين لوبتون. يقدم الكثير من المعلومات الأساسية عن الطباعة. في حين يركز الكثير منه على الطباعة الطباعية ، يمكن تطبيق الكثير من المعلومات المضمنة على الطباعة على شبكة الإنترنت.
10 نصائح مهمة لتحسين طباعة الويب الخاص بك
قائمة من عشرة أشياء بسيطة يمكنك القيام بها لتحسين الطباعة في تصاميم موقع الويب الخاص بك. ويتضمن معلومات عن الخط والحجم والمقياس والتسلسل الهرمي والرائدة والمزيد.
طباعة إلهام ، الاتجاهات والأخبار
Typophile
Typophile هو منتدى لمحبي الخطوط المطبوعة و typographers. إذا كنت ترغب في معرفة ما يحدث في عالم الطباعة ، فإن Typophile هو مكان رائع للنظر فيه. كما أنه مكان جيد للحصول على المساعدة في أي مشاكل متعلقة بالطباعة قد تكون لديك.
أنا أحب الطباعة
ILT هي مدونة مكرسة بالكامل للطباعة. ويناقش كل من مواضيع التصميم والأعمال ، من وجهة نظر مهنية. إن أرشيفهم ضخم ، لذا هناك الكثير من المعلومات حول الأخبار والاتجاهات الحالية والسابقة لإبقائك مشغولاً.
نحن نحب الطباعة
WLT هو معرض للطباعة والحروف واللافتات ونوع آخر. يمكن للمستخدمين إرسال صور من النوع الذي يحبونه ، وهو مكان رائع للذهاب إليه لإلهام الطباعة للمشروع التالي.
طباعه للالعناوين
تضم عناصر التصميم معرضًا رائعًا يضم أكثر من 120 نموذجًا لطباعة العنوان. أنها تدير سلسلة كاملة من بسيطة إلى معقدة ، في مجموعة متنوعة من المحارف والأساليب. إنه مكان ممتاز للذهاب إذا كنت تبحث عن القليل من الإلهام. لديهم أيضا معرض لل سحب يقتبس مع 20+ أمثلة.
Typographica
تقدم Typographica مراجعات من نوع ، التعليقات ومراجعات كتاب الطباعة. تعتبر مراجعات نوعهم مفيدة بشكل خاص إذا كنت تتطلع إلى معرفة ما الذي يصنع محرفًا جيدًا.
وراء الكواليس من رائعة الطباعة على شبكة الإنترنت
هذا هو في الواقع الأول في سلسلة من خمسة أجزاء. ينظر هذا المنشور إلى الطباعة خلف A List Apart ، وكسر الخطوط والأنماط المستخدمة لأجزاء مختلفة من الموقع. تظهر المشاركات اللاحقة في: Jesús RodrÃguez Velasco ، جون تان ، Designr.it و الدستور الغذائي .
Typesites
Typesites هي مدونة تعرض تصاميم ويب رائعة على أساس منتظم. تتنوع المواقع التي تتميز بها ، ولكن جميعها تتضمن استخدامًا ملهمًا للنوع.
