في تكوين التصميم، فالوزن البصري للعنصر هو مدي جذبه للانتباه مقارنة مع العناصر الأخري في التصميم. كلما زاد ثقل العنصر كلما زاد جذبه للانتباه أكثر.

عند إنشاء تصميم، من الجيد تحديد أولويات العناصر الأساسية في المساحة المرئية “visual space” بإعطائهم وزن أثقل بصريا. علي سبيل المثال، قد تفكر في إعطاء وزن بصري أثقل لأزرار الدعوة للفعل CTA في تصميم مواقع الويب ليسهل رؤيتهم للمشاهد. في هذا المقال سأتحدث عن بعض الحيل لزيادة الوزن البصري لعنصر. [divider] [/divider]

1. إعطائه لون مختلف

عندما يكون التباين بين لون العنصر ومحيطه (خلفيته) مرتفع، فستزيد قدرته في جذب الانتباه. لاحظ في المثال أعلاه انه بالرغم من أن حجم وشكل النجوم متطابق فان النجمة الحمراء تجذب الانتباه لها بسهولة بسبب اختلاف لونها وتميزها مقارنة بالعناصر الأخري. [divider] [/divider]

2. انقله بعيدا عن العناصر الأخري

خدعة سهلة لزياة الوزن البصري لعنصر عن طريق إبعاده عن العناصر الأخري. اضافة مساحة سلبية “negative space” حول العنصر يفصله عن بقية العناصر الأخري، مما يجعله بارز ويجذب الانتباه. في المثال أعلاه، تفسر أعيننا التكوين لمجموعتين من الأرانب: مجموعة كبيرة تتكون من 12 أرنب ومجموعة صغيرة تتكون من أرنب واحد فقط. بابعاده عن الآخرين فالأرنب المُبعد قادر علي جذب اهتمامنا أكثر من أي أرنب آخر. [divider] [/divider]

3. اجعله يبدو مختلفا

عندما تبدو العناصر متشابهة فمن الصعب تمييزها. لذلك وبكل بساطة يمكننا زيادة الون البصري للكائن بجعله مختلف عن غيره من العناصر. حتي التغير البسيط في شكل العنصر يمكن أن يؤثر بشكل كبير في وزنه البصري اذا كانت بقية العناصر تبدو مشابهة. في المثال أعلاه، لاحظ كيف أن الدائرة في وسط الصف الأول قادرة علي جذب أعيننا مقارنة بالدوائر الأخري. [divider] [/divider]

 4. أشر إليه

خدعة بسيطة أخري لزيادة الوزن البصري لعنصر عن طريق توجيه عين المشاهد إليه باستخدام إشارات بصرية (visual cues) مثل الأسهم. في المثال أعلاه، يزيد الوزن البصري للمنزل لأنه يحيط به العديد من الأسهم التي تشير إليه. فلا يهم أين يذهب اهتمامنا فسنقوم بالنظر للمنزل بسبب الأسهم. [divider] [/divider]

5. اجعله يبدو مُركب بصريا (Visually Complex)

العنصر المزخرف يجذب أعيننا إليه عند وضعه بين عناصر بسيطة غير مزخرفة. يمكننا جعل عنصر مركب بصريا بإعطائه ظلال، textures، تغيير شكله، اضافة أكثر من لون له، إلخ.. في المثال أعلاه، الدائرة متعددة الألوان لديها أثقل وزن بصري لأن العناصر حولها بسيطة. [divider] [/divider]

6. اجعله أكبر

جعل عنصر أكبر من العناصر حوله يزيد من وزنه البصري. فكلما زادت المساحة البصرية التي يأخذها العنصر ازداد وضوحا. في المثال أعلاه، لاحظ كيف تنجذب أعيننا بسرعة إلي أكبر قلب. الشئ الوحيد المختلف هنا هو حجمه. الوزن البصري بسيط ولكنه أداة تصميم قوية جدا لترتيب العناصر استراتيجيا بحيث يسهل رؤية وملاحظة العناصر المهمة بسهولة. ما الحيل التي تستخدمها لتقوم بزيادة الوزن البصري لعنصر “object”؟ شاركنا في العليقات.]]>