التأكيد في أ تصميم صفحة الويب يُنشئ منطقة أو كائنًا يمثل النقطة المحورية للصفحة. إنها طريقة لإبراز عنصر واحد في التصميم. قد تكون النقطة المحورية أكبر من العناصر الأخرى في التصميم أو ذات ألوان زاهية - وكلاهما يميل إلى جذب العين. عندما تقوم بتصميم صفحة ويب ، يمكنك إضافة التركيز عن طريق اختيار كلمة أو عبارة وتخصيصها بامتداد اللون أو الخط أو الحجم الذي يميزه ، ولكن هناك العديد من الطرق الأخرى لاستخدام التركيز في ملف التصميم.
استخدام التركيز في التصميم
أحد أكبر الأخطاء التي يمكن أن يرتكبها مصممو الويب هو محاولة إبراز كل شيء في التصميم. عندما يكون لكل شيء تركيز متساوٍ ، يبدو التصميم مشغولاً ومربكًا أو أسوأ - مملًا وغير جذاب. لإنشاء نقطة محورية في تصميم الويب ، لا تغفل استخدام:
- خطوط: خلق التركيز على النقيض. إذا كانت عدة عناصر أفقية ، يصبح العنصر الرأسي هو النقطة المحورية.
- اللون: إذا كانت معظم العناصر في التصميم مظلمة أو صامتة ، فإن أي كائن له لون يجذب العين.
- الأشكال: عندما تكون معظم الأشكال غير منتظمة ، يبرز الشكل الهندسي.
- القرب: عندما يتم تجميع عدة عناصر ، ويكون عنصر واحد منفصلاً عن المجموعة ، تنتقل العين إلى العنصر الفردي.
- تحديد مستوى: على الرغم من وجود استثناءات ، فإن العنصر الذي يوضع في وسط التصميم عادة ما يلفت الأنظار.
- وزن: عنصر ثقيل يجذب انتباه المشاهد.
- تكرار: عند تكرار رسم بسيط لكتابة عنصر ، تتبع العين العنصر المكرر إلى النقطة المحورية.
- مقابلة: بالإضافة إلى التباينات التي تم إنشاؤها بواسطة اللون والخطوط ، يمكن إنشاء التباين من خلال تغيير الحجم أو النسيج أو الخط. يؤدي التغيير إلى إبراز العنصر المحوري أو التركيز.
- مسافة بيضاء: يصبح العنصر المحاط بمساحة بيضاء (أو فارغة) نقطة محورية.
التسلسل الهرمي في تصميمات الويب
التسلسل الهرمي هو الترتيب المرئي لعناصر التصميم التي تشير إلى الأهمية بالحجم. أكبر عنصر هو الأهم ؛ العناصر الأقل أهمية هي أصغر. ركز على إنشاء تسلسل هرمي مرئي في تصميمات الويب الخاصة بك. إذا كنت قد عملت على إنشاء تدفق دلالي إلى ملف لغة البرمجة الترميز ، هذا سهل لأن صفحة الويب الخاصة بك بها تسلسل هرمي بالفعل. كل ما يحتاجه التصميم هو التأكيد على العنصر الصحيح - مثل عنوان H1 - لأكبر قدر من التركيز.
جنبا إلى جنب مع التسلسل الهرمي في الترميز، تعرف على أن عين الزائر تشاهد صفحة ويب في نمط Z يبدأ في الزاوية اليسرى العليا من الشاشة. هذا يجعل الزاوية العلوية اليسرى من الصفحة مكانًا جيدًا لعنصر مهم مثل شعار الشركة. الركن الأيمن العلوي هو ثاني أفضل موضع للحصول على معلومات مهمة.
كيفية تضمين التركيز في تصميمات الويب
يمكن تنفيذ التركيز في تصميم الويب بعدة طرق:
- استخدم العلامات الدلالية لتوفير التركيز حتى بدون أي أنماط.
- قم بتغيير حجم الخطوط أو الصور للتأكيد عليها أو تقليل التركيز عليها في التصميم.
- يستخدم ألوان متناقضة لتوفير التركيز.
- الحجم مهم. كلمة ضخمة على الصفحة أو الشاشة تحظى باهتمام فوري.
- إحاطة النقطة المحورية بمسافة بيضاء.
- كرر كلمة أو صورة لجذب الانتباه.
أين تقع التبعية؟
يحدث التبعية عندما تقوم بتخفيف حدة العناصر الأخرى في التصميم لإبراز النقطة المحورية. أحد الأمثلة على ذلك هو رسم ذو ألوان زاهية موضوعة على صورة خلفية بالأبيض والأسود. يحدث نفس التأثير عند استخدام الألوان الصامتة أو الألوان التي تمتزج مع الخلفية خلف النقطة البؤرية ، مما يجعلها تبرز.