6 طرق لزيادة الوزن البصري للعناصر – Visual Weight

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

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

في هذا المقال سأتحدث عن بعض الحيل لزيادة الوزن البصري لعنصر.

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

عندما يكون التباين بين لون العنصر ومحيطه (خلفيته) مرتفع، فستزيد قدرته في جذب الانتباه.

visual-weight-different-color

لاحظ في المثال أعلاه انه بالرغم من أن حجم وشكل النجوم متطابق فان النجمة الحمراء تجذب الانتباه لها بسهولة بسبب اختلاف لونها وتميزها مقارنة بالعناصر الأخري.

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

خدعة سهلة لزياة الوزن البصري لعنصر عن طريق إبعاده عن العناصر الأخري. اضافة مساحة سلبية “negative space” حول العنصر يفصله عن بقية العناصر الأخري، مما يجعله بارز ويجذب الانتباه.

visual-weight-proximity

في المثال أعلاه، تفسر أعيننا التكوين لمجموعتين من الأرانب: مجموعة كبيرة تتكون من 12 أرنب ومجموعة صغيرة تتكون من أرنب واحد فقط. بابعاده عن الآخرين فالأرنب المُبعد قادر علي جذب اهتمامنا أكثر من أي أرنب آخر.

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

عندما تبدو العناصر متشابهة فمن الصعب تمييزها. لذلك وبكل بساطة يمكننا زيادة الون البصري للكائن بجعله مختلف عن غيره من العناصر.

visual-weight-uniqueness

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

 4. أشر إليه

خدعة بسيطة أخري لزيادة الوزن البصري لعنصر عن طريق توجيه عين المشاهد إليه باستخدام إشارات بصرية (visual cues) مثل الأسهم.

visual-weight-pointing

في المثال أعلاه، يزيد الوزن البصري للمنزل لأنه يحيط به العديد من الأسهم التي تشير إليه. فلا يهم أين يذهب اهتمامنا فسنقوم بالنظر للمنزل بسبب الأسهم.

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

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

visual-weight-complexity

في المثال أعلاه، الدائرة متعددة الألوان لديها أثقل وزن بصري لأن العناصر حولها بسيطة.

6. اجعله أكبر

جعل عنصر أكبر من العناصر حوله يزيد من وزنه البصري. فكلما زادت المساحة البصرية التي يأخذها العنصر ازداد وضوحا.

visual-weight-large-size

في المثال أعلاه، لاحظ كيف تنجذب أعيننا بسرعة إلي أكبر قلب. الشئ الوحيد المختلف هنا هو حجمه.

الوزن البصري بسيط ولكنه أداة تصميم قوية جدا لترتيب العناصر استراتيجيا بحيث يسهل رؤية وملاحظة العناصر المهمة بسهولة.

ما الحيل التي تستخدمها لتقوم بزيادة الوزن البصري لعنصر “object”؟ شاركنا في العليقات.

مقالات ذات صلة

3 تعليقات

  1. مصطفى وهبه
    17 ديسمبر,2014 في 2:09 ص - Reply

    موضوع مميز جدا يا محمد ما شاء الله .. تسلم ايديكم .

  2. مدحت شوقي
    25 يونيو,2015 في 1:05 ص - Reply

    شكرا جزيلا

  3. marouane
    1 فبراير,2016 في 10:54 م - Reply

    موضوع في منتهى الروعة