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