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