ما يجب فعله وما لا يجب فعله في الطباعة

الطباعة يلعب دورًا حاسمًا في تصميم واجهة المستخدم لأنه يساعد على إنشاء تسلسل هرمي مرئي وتحسين سهولة القراءة ونقل شخصية العلامة التجارية. فهم الطريقة التي يمكن أن تؤثر بها الطباعة على جمالية التصميم والتأثير كيفية إدراك المستخدمين للواجهة وتفاعلهم معها ستوفر دائمًا منتجات أفضل.

Just see the difference 👇

يمكن للمحرف المختار بعناية أن يجعل التصميم يبدو احترافيًا ومنظمًا وسهل الاستخدام، في حين أن خيارات الطباعة السيئة يمكن أن تجعله يبدو غير احترافي ومشوشًا ويصعب توجيه المستخدمين أثناء التنقل بين منتجاتنا.

بالإضافة إلى ذلك، يمكن أن تؤثر الطباعة أيضًا على إمكانية الوصول من خلال التأكد من أن النص مقروء للأشخاص ذوي الإعاقات البصرية. بمجرد أن يفهم المصممون مدى أهمية الطباعة كعنصر حيوي في تصميم واجهة المستخدم، كلما كان ذلك يساعد على تحسين تجربة المستخدم وتوصيل الرسالة المقصودة بفعالية.

من خلال مراعاة معايير ومنطق التصميم هذه، يمكن للطباعة أن تعزز تجربة المستخدم بشكل فعال وتساعد في توصيل الرسائل المقصودة على منتجاتك.

Dos and Don’ts for working with typography in User Interface Design

• استخدم محارف واضحة ومقروءة: اختر عائلات الخطوط التي تكون سهلة القراءة ومناسبة للجمهور والسياق المستهدف.
• إنشاء تسلسل هرمي مرئي: استخدم أحجامًا وأوزانًا وأنماطًا مختلفة من الكتابة لإنشاء ترتيب انحداري للمعلومات وتوجيه انتباه المستخدم.
• تأكد من التباين: احرص على وجود تباين كافٍ بين النص والخلفية لتجنب حدوث مشاكل في الوضوح.
• ضع في اعتبارك تباعد الأسطر وتباعد الحروف: اضبط تباعد الأسطر وتقنين المسافات (المسافة بين حرفين محددين) والتتبع (المسافة بين جميع الحروف) لتحسين إمكانية قراءة النص وجعله يبدو جماليًا.
• نقل شخصية العلامة التجارية: استخدم الطباعة لتعكس قيم العلامة التجارية وتجربتها، وهي طريقة جيدة لتعزيز هويتها البصرية.

• تجنب استخدام الكثير من المحارف في نفس الوقت: قلل عدد المحارف المستخدمة إلى واحد أو اثنين من المحارف لتحقيق الاتساق وتجنب الفوضى.
• الخطوط المزخرفة بشكل مفرط أو التي يصعب قراءتها: تجنب استخدام المحارف التي تصعب قراءتها، خاصة للكتل الكبيرة من النصوص. قد تنجح هذه الخطوط في حالات محددة، مثل العناوين الكبيرة، ولكن لا ينصح باستخدام هذه الخطوط في السيناريوهات الصغيرة.
• إمكانية الوصول إلى الإهمال: تأكد من أن النص مقروء للأشخاص الذين يعانون من إعاقات بصرية. إذا لم يكن مقروءاً لهؤلاء الأشخاص، يجب تحسينه.
• تجاهل السياق: ضع في اعتبارك الجمهور المستهدف والسياق المستهدف عند اختيار المحارف والأنماط.
• مقاسات صغيرة جداً: تجنب استخدام خط صغير جدًا، خاصة للنص الأساسي، على الأحجام الصغيرة، حيث قد يكون من الصعب قراءته وقد يسبب إجهاد العين.

➡️ الخطوط هي موارد قوية: في الواقع، صُمم بعضها خصيصاً لوضع الأطر السلكية، راجع هذين الخيارين:

التدفق

يحتوي هذا الخط على وزن واحد فقط (دائري أو دائري أو مستدير أو كتلة) أو أن تكون نسخة مبسطة جدًا للعنصر النائب، فهي مفيدة حقًا في وضع الأطر السلكية منخفضة الدقة في السيناريوهات التي نريد فيها التركيز على ميزة أو قسم معين.

تنزيل التدفق بقلم دان روس هنا.

نص منقح

هذا هو الخيار المتاح لمحبي البرمجة السلكية المطبوعة، يحتوي البرنامج النصي المنقح على ثلاثة أوزان and emulates a persons handwriting. It provides a nice look and feel while doing it’s job.

تنزيل منقحة السيناريو بقلم كريستيان ناهتس هنا.

☝ Before finishing, the فريق Lasting Dynamics ستعرض بعض عائلات الخطوط المفضلة لدينا للعمل على الواجهات الرقمية:

تنزيل إنتر بقلم راسموس أندرسون هنا.

تنزيل لارسيت بقلم نيكو إينوسانتو هنا.

تنزيل التعميم STD بقلم لورينز برونر هنا.

تنزيل بيرتولد أكزيدينز غروتسك بقلم فرديناند ثينهارتد هنا.