Latest web development tutorials

جودة الويب قراءة

والاستخدام السليم للالخطوط والألوان جعل موقعك أسهل للقراءة.


إيلاء الاهتمام لتباين الألوان

لرؤية ليست جيدة ليست جيدة للشعب أو جهاز العرض، أسود وأبيض أو أسود والأبيض هو الأفضل.

النص الرمادي على خلفية ساطعة، على النقيض من الفقراء:

نص رمادي على خلفية بيضاء (#EEEEEE)
نص رمادي على خلفية بيضاء (#CCCCCC)
نص رمادي على خلفية بيضاء (#AAAAAA)
نص رمادي على خلفية بيضاء (# 888888)
نص رمادي على خلفية بيضاء (# 666666)
نص رمادي على خلفية بيضاء (# 444444)
نص رمادي على خلفية بيضاء (# 222222)
نص رمادي على خلفية بيضاء (# 111111)

في النص الرمادي على خلفية مظلمة، وعلى النقيض أيضا الفقراء:

نص رمادي على خلفية سوداء (# 222222)
نص رمادي على خلفية سوداء (# 444444)
نص رمادي على خلفية سوداء (# 666666)
نص رمادي على خلفية سوداء (# 888888)
نص رمادي على خلفية سوداء (#AAAAAA)
نص رمادي على خلفية سوداء (#CCCCCC)
نص رمادي على خلفية سوداء (#DDDDDD)
نص رمادي على خلفية سوداء (#EEEEEE)

مع بعض - مثل الأسود والأحمر والأسود والأزرق والأصفر والأخضر - سوف ينتج التعب البصري:

نص أسود على خلفية حمراء
نص أسود على خلفية زرقاء
نص أصفر على خلفية خضراء

وكانت المباراة لم تكن سيئة:

النص سوداء على خلفية رمادية
نص أسود على ضوء أزرق
نص أسود على خلفية بيضاء العتيقة
نص أبيض على أزرق غامق


إيلاء الاهتمام لالمباعدة بين الرسالة

لضعف البصر من القراء، وتباعد قريبة نسبيا من الرسائل مع أي صعوبة الصغيرة القراءة.

المعتدل تباعد الأحرف النص أسهل للقراءة.

تباعد النص نص صغير من الصعب قراءة.


مشاهدة تباعد الخاص بك

التباعد التالية من السهل قراءة

مع تباعد جيدة من النص أسهل للقراءة

التباعد التالية من الصعب قراءة

الرائدة نص صغير من الصعب قراءة


تجنب الخطوط الهوى

هذا الخط من السهل قراءة ....

هذا الخط من الصعب قراءة ....


التقليل من استخدام المائل

الخط العادي سهلة القراءة.

خط مائل ليس من السهل أن تقرأ.