الخطوط
الطباعة هي أكثر من مجرد كلمات على صفحة؛ فهي عنصر أساسي ينسج من خلال نسيج هوية علامتنا التجارية. فالخطوط التي نختارها بعناية هي السفراء الصامتون لرسالتنا، حيث تقدم صوتاً متناسقاً ومميزاً في جميع اتصالاتنا.
روابط سريعة:
بالإضافة إلى نقل المعلومات، فإن خطنا يجسد جوهر علامتنا التجارية - مزيج متناغم من الوضوح والحداثة والاحترافية. في هذا القسم، لا نستكشف في هذا القسم ليس فقط الخطوط التي نستخدمها، بل المبادئ التي توجه تطبيقها، مما يضمن تمثيلاً سلساً ومؤثراً لعلامتنا التجارية في كل تفاعل.
تم تصميم نظام الطباعة الخاص بنا لتعدد الاستخدامات، حيث يقدم إرشادات مرنة قابلة للتكيف مع الوسائط المتنوعة؛ حيث تمتلك كل قناة مواصفات مميزة، مصممة من نظامنا الشامل لتمثيل متماسك ومخصص للعلامة التجارية.
سيمبلون
تشكل مجموعتنا الأساسية الجزء الأكبر من إبداعنا ويجب أن تمثل أقوى الألوان في أي قطعة.
نورم
فصيلة Norm الفرعية هي خطنا الأساسي ويأتي في 8 أوزان.
أحادية
على الرغم من وجود مجموعة كاملة من الأحرف الأحادية إلا أنها لا تُستخدم للأرقام إلا لماماً.
روبوتو
يُستخدم Roboto في الحالات التي لا يمكن فيها استخدام Simplon. إذا كان محرف النظام ضروريًا أو مطلوبًا بشكل مطلق، فإن Roboto هو محرف احتياطي مقبول.
فونت أوفوم برو
إمكانية الوصول. من الضروري ملاحظة أن هذا الخط ليس بديلاً عن أنظمة الأيقونات المخصصة لدينا؛ بل يجب تطبيقه في الحالات التي تكون فيها الحلول النصية ضرورية.
استخدم هذه الصفحة أو موقع Font Awesome للعثور على أحرف الأيقونات ونسخها ولصقها بسهولة.
يتم حزم Font Awesome Pro مع بعض الأوزان المختلفة. نحن نستخدم فقط الأحرف العادية أو الصلبة وليس الخفيفة لأن هذه الأحرف تستخدم فقط بالحجم الأصغر للجداول والمخططات.
تأتي عائلة الخطوط بمئات الأحرف. فيما يلي القليل منها المعتمد للاستخدام في المخططات والجداول.
الخط رائع عادي
الخط الرائع الصلب
اللون
الاستخدام والتطبيق
استكشف أمثلة الاستخدام والتطبيق أدناه، حيث نوضح الطرق الصحيحة وغير الصحيحة لتوظيف نظام الخط والطباعة لدينا. في إيقاع التصميم الخاص بنا، يتعاون المحتوى والطباعة مثل رقصة متناسقة بشكل جيد. ترشد هذه القواعد كيفية عمل الكتابة المرئية وتصميم المحتوى معًا، مما يضمن تكاملهما معًا للحصول على مزيج مثالي من سهولة القراءة والجماليات وهوية العلامة التجارية. قد تُحل بعض التحديات البصرية بتغييرات في المحتوى وبعض تحديات المحتوى تحتاج إلى حلول بصرية.
على الرغم من أنك ستجد إرشادات مفاهيمية، إلا أن المواصفات الدقيقة غائبة عن قصد بسبب الطبيعة المتنوعة والديناميكية للوسائط التي تشملها علامتنا التجارية. تضع الأقسام، مثل تصميم الطباعة أو تصميم الويب، مواصفاتها الخاصة بها بناءً على هذه المبادئ التوجيهية لتتماشى مع أفضل الممارسات لكل وسيط.
استخدم وزن خط Simplon Norm Bold بوزن عريض بأحجام كبيرة للمساعدة في أن يكون لعباراتنا البطولية والقوية تأثير كبير.
استخدم وزن خط Simplon Norm Bold بوزن عريض بأحجام كبيرة للمساعدة في أن يكون لعباراتنا البطولية والقوية تأثير كبير.
امنح العناوين الكبيرة مساحة كبيرة من المساحة الواضحة. دع الرسالة تتحدث عن نفسها دون أن تعيقها الرسومات الغريبة أو القرب من محتوى آخر.
يجب أن تكون العبارات المؤثرة الكبيرة والجريئة ضيقة؛ 3-5 كلمات كحد أقصى. يمكن استخدام علامات الترقيم لخلق دراما مع وضع نقطة أو سؤال. يجب دائمًا استخدام علامات الترقيم وغلاف الجملة معًا وعدم استخدام علامات الترقيم والجمل بشكل غير متطابق.
في بعض الأحيان نحتاج إلى تقديم بيان قوي لا يتكون من 3-5 كلمات. استخدم خط الوزن العادي ولكن احتفظ بالحجم الكبير والتباعد وعلامات الترقيم وقواعد الترقيم والغلاف.
تكون العناوين الرئيسية وعبارات التأثير كبيرة الحجم وتتطلب ارتفاع سطر أضيق من النسخة الأساسية. يوصى بارتفاع السطر النسبي بنسبة 100% إلى حجم الخط ولكن يمكن تعديله حسب الوسط. فقط تجنب تمديد ارتفاع السطر وضغط ارتفاع السطر إلى حد تلامس النازلين والصاعدين في نص التأثير.
تكون العناوين الرئيسية وعبارات التأثير كبيرة الحجم وتتطلب ارتفاع سطر أضيق من النسخة الأساسية. يوصى بارتفاع السطر النسبي بنسبة 100% إلى حجم الخط ولكن يمكن تعديله حسب الوسط. فقط تجنب تمديد ارتفاع السطر وضغط ارتفاع السطر إلى حد تلامس النازلين والصاعدين في نص التأثير.
لا تستخدم الوزن العريض في الأحجام الأصغر لأنه يسبب بعض المشاكل في القراءة كلما صغر حجمه. نحن بحاجة إلى الحفاظ على مستوى عالٍ من التباين والترتيب للمحتوى، لذا استخدم الحجم واللون والوزن لجعل الصفحة مريحة للقراءة.
لا تستخدم معالجة التأثير لذكر ما هو واضح. استخدم الخطوط الفوقية أو العناوين الفرعية أو العناوين المتقاربة لإبقاء هذه الكتل في سياقها.
القسم التالي
التسلسل الهرمي مهم
لا يمكن أن يكون كل شيء أهم شيء. استخدم الطباعة لتوجيه المستخدم وجعل القطعة مسحًا سريعًا أو غوصًا عميقًا مريحًا.
العناوين الفرعية سريعة القراءة والمسح الضوئي
لا تحاول أن تقول الكثير في عنوان فرعي مشابه للعنوان الرئيسي. امنح المستخدم تلك الجزرة أو فتات الخبز لقراءة المزيد إذا اختار ذلك. استخدم العناوين الرئيسية عبر القطعة كعلامات في القصة. إذا قام المستخدم بتمرير الصفحة بأكملها أو مسح الصفحة وقراءة العناوين الرئيسية فقط، فهل سيفهم الفرضية الأساسية للقصة؟ هل يمكنهم العثور بسرعة على ما يهمهم؟
يجب أن تتبع العناوين الفرعية نفس قواعد علامات الترقيم وعلامات الترقيم التي تتبعها العناوين الرئيسية.
ستكون هناك حالات ستحتاج فيها إلى عمل بيان ثانوي أو متداخل. استخدم نفس المبادئ لهذه العناوين الفرعية. تمامًا مثل العبارات ذات التأثير الأكبر، استخدم اللون والوزن والحجم لخلق تباين وتسلسل هرمي كافٍ في مقالتك. ليس فقط لأنها تبدو جميلة ولكن لأنها أسهل في القراءة أيضاً.
التسلسل الهرمي مهم
استخدم جميع الأدوات الموجودة في صندوق أدوات العلامة التجارية لجعل القصة تتألق.
النوع النظيف يُظهر خبرتنا.
- ارتفاع الخط - قد يختلف ارتفاع الخط وسيحتاج إلى ذلك لوسائط معينة. لكي يكون النص الأساسي سهل الاستخدام ومريحًا ومقروءًا أيضًا، ابدأ بـ 130% ولا يجب أن يكون أكبر من 155% من حجم الخط أبدًا. قد يكون نص التسمية التوضيحية أضيق ولكن لا ينبغي أن يكون خط النص الأساسي أضيق من 100%. قد تتطلب القطعة التقنية قدراً كبيراً من المحتوى في مساحة ضيقة بينما يجب أن تميل القطعة التسويقية دائماً إلى الوضوح والانفتاح مقابل زيادة المحتوى.
- ارتفاع الفقرة - على غرار ما ورد أعلاه، ستحتاج إلى التأكد من أن هذا يناسب المحتوى والوسط. ومع ذلك، حدد ما بين 100% و140% من حجم الخط.
- التصميم المضمّن - يمكن أن يضيف التصميم المضمّن لمسة من التركيز أو التركيز داخل نص أكبر من النص. استخدم هذه الأساليب باعتدال وحاول التأكيد على الكلمات القليلة الأساسية فقط.
إذا أردنا تسليط الضوء على فكرة أو جملة بأكملها فحاول الانتقال إلى سطر جديد تمامًا.
استخدم لون الكتابة لخلق تجربة قراءة مريحة واستخدم اللون الذي يثير الحركة. لا تستخدم أبدًا لون الحركة كعنوان رئيسي. احتفظ باللون الأزرق للعمل والروابط وتجنب استخدامه للكتابة الثابتة. تأكد من مراجعة إرشادات إمكانية الوصول التالية لمعرفة متطلبات تباين الكتابة المناسبة.
إمكانية الوصول
لضمان تمتع أكبر عدد ممكن من عملائنا بتجربة متسقة نريد دائمًا أن نبقى متاحين قدر الإمكان. وتتمثل إحدى الطرق التي يمكننا من خلالها القيام بذلك في الالتزام بإرشادات WCAG 2.1 الخاصة بنسب التباين للنصوص.
سترى أدناه الحد الأدنى لنسبة التباين المقبولة لمنصاتنا الأساسية كألوان خلفية. ستظهر فوقها ألوان نصية مختلفة مقبولة من منصاتنا. نعني بكلمة "الحد الأدنى" أننا نحدد النص الأفتح على الخلفيات الأفتح التي يمكن استخدامها لتلبية معايير AAA. يمكن استخدام هذا اللون بما في ذلك أي لون أغمق في مجموعة الظل. والعكس بالعكس بالنسبة للخلفيات الداكنة واستخدام الأفتح في النص.
يُرجى ملاحظة أنه إذا تم عرض لون النص بخط عريض، فيرجى ملاحظة أنه سيصل إلى معايير AA فقط ويجب تجنبه في التطبيقات ذات وزن الخط الصغير والخفيف.
نحن نعرض فقط ألوان النص الموصى بها. لا يوصى بالألوان الأرجواني والبرتقالي والأصفر والأزرق المخضر للنص.
المحايدون
يمكن أن يكون نصك أغمق من أي من الظلال المذكورة أدناه.
القوات البحرية
يمكن أن يكون نصك أفتح من أي من الظلال المذكورة أدناه.
أزرق
يمكن أن يكون نصك أفتح أو أغمق من أي من الظلال المذكورة أدناه اعتمادًا على نصف اللوحة التي نستخدمها.
