كيفية جعل النوع الخاص بك أكثر جاذبية على شبكة الإنترنت
ليس من غير المألوف بالنسبة لمصمم في عالم اليوم أن يهتم قليلاً بكيفية كتابة النوع ، خاصةً مع الإعدادات الافتراضية الملائمة دائمًا لبطاقات العنوان والخطوط الآمنة للويب التي يتم العثور عليها عالميًا على الويب.
إذا كنا كمصممين تفاعليين ، فسنتمكن من أخذ مزيد من الوقت عندما يتعلق الأمر بالطباعة ، من أن تظهر النتائج تصميمًا فريدًا ومدروسًا بشكل جيد لمعارضة إنشاء "تشغيل المصنع".
هناك فرصة جيدة لأن غالبية المصممين والتصاميم التي تعجب بها تعرض أمثلة جيدة على الطباعة.
سوف أعرض عليك بعض الخطوات التي أتخذها في نوع التغيير والتبديل لتكون أكثر جاذبية من تلك السيناريوهات الافتراضية لعلامات H1 24px إلى جانب 13px في Times New Roman.
لا تستقر على الإعدادات الافتراضية ، فكل شخص يفعل ذلك.
هنا لدينا مظهر دائم للغاية من عنوان جنبا إلى جنب مع قطعة من نسخة الجسم لمتابعة. هذا لا يسحبك بالضبط أو يضع نفسه بعيدا عن جميع العينات الأخرى مثله ، أليس كذلك؟ لذا ، لجعل عينة النص جذابة أكثر ، أولاً ، سنجري بعض التغييرات من خلال اختيارنا للخط.
اختر خطًا سيكون له وزن مرئي أكثر مع العنوان
على الرغم من أن اختيار الخط ليس "الطباعة" بالضبط ، إلا أنه في الواقع مكون أساسي لمساعدة النوع على صفحة يميز نفسه عن العناصر الأخرى. مع ظهور @ font-face ، تتوفر كميات هائلة من الخيارات للمصممين في أي مكان.
لقد استخدمت هنا خطًا قوطيًا إضافيًا مكثفًا يمكن العثور عليه بسهولة على موقع خط مجاني مثل FontSquirrel.com. إذا توقفنا ونفكر في الأمر ، فإن اسم "مكثّف" يجب أن يعني شيئًا ، لأنه في الواقع أكثر كثافة من فرد العائلة المعتاد في أسلوب الكتاب ، وهو بالضبط ما نريده من عنوان رئيسي: شيء يسحب المستخدم ويضع نفسه حقا بعيدا عن نسخة الجسم. من المؤكد أنه ينجح في جذب انتباهك بشكل أفضل من الأصل ولكن هناك بعض الأشياء التي يمكننا القيام بها لتحسين النص بشكل أكبر.
اجعله أكثر جاذبية باستخدام سطرين من CSS
التغيير المباشر هو في الحروف. انهم جميعا رسملة الآن ، ولكن لديهم الآن تقنين السلبية بين كل من الحروف (تقنية نقلت من تصميم الصحيفة).
يمكن تحقيق كل من هذه الخصائص بسهولة من خلال CSS ، { text-transform: uppercase؛ وتباعد الأحرف: -Xpx. }. من خلال جعل هذين الخطين يستحقان تغيير الترميز ، فإنه يؤدي إلى تحسن كبير في الوزن البصري ، خاصةً على الأصل.
تمرن على أي قرص آخر
في الخطوة التالية ، فإن الخط المستخدم في الفقرة الأساسية قد تغير في الواقع إلى sans-serif أكثر نظافة ، والتي تكمل النص الرئيسي بشكل أفضل. نحن نقترب من تصميم أكثر جاذبية بصريًا ، لكن هناك بعض التغييرات التي يمكننا إجراؤها لتنظيفها بشكل أكبر.
كما تظهر المؤشرات الخضراء ، فهناك هوامش غير متساوية وما يحبذ الطباعون أن يدعوا "اليتيم". وهي كلمة واحدة تقع في السطر الأخير من الفقرة. إنه يخلق وزنًا غير متساوٍ جدًا بصريًا مقارنة ببقية النص ، ويمكن حل هذه المشكلة بسهولة عن طريق إعادة صياغة النص قليلاً.
عندما يتعلق الأمر بالهوامش ، لا توجد قاعدة أن الجميع يجب أن يكونوا متساوين. ومع ذلك ، إذا كنت تبدأ مهنة تصميم مواقع ويب شاب ، فمن الجيد أن يكون لديك هوامش متساوية طوال الوقت حتى تتعلم وتتعلم تقنيات تسمح لك بالتوسع إلى ما وراء إرشادات التنضيد وما زالت تحقق هدفك بصريًا.
بعد إنشاء لوحة عرض بصرية أكثر توازناً عن طريق إزالة اليتيم وتعديل الهوامش ، يمكنك رؤية النتيجة النهائية ، وهي عينة من نوع البئر مريحة في مكانها.
ما أفضل نصائحك للطباعة على الويب؟ اسمحوا لنا أن نعرف في التعليقات!