الخريطة الباب ٣: الهوية البصرية

التوازن والانسجامBalance & harmony

لا عنصر يطغى على الباقين.

٠ من ٦ تمارين

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

النسبة: لا عنصر يبتلع البقية

في البطاقة الأولى كل الأساسيات موجودة، لكن الصورة الضخمة والزر العملاق يسحبان كل الانتباه، فيضيع الاسم والوصف والتقييم بينهما. ليس الهدف تصغير كل شيء، بل أن يأخذ كل عنصر حضوراً يناسب دوره: الصورة جذابة، الزر واضح، والنص مقروء — دون أن يصرخ أحدهم فوق الآخرين.

خطأ
ملاحظة المصحّح: الصورة والزر يبتلعان البطاقةآيس كريم الكيوي في سلة وافل

آيس كريم بنكهة الكيوي الطازج في سلة وافل مقرمشة، بين الحلاوة والحموضة.

4.8 (12.6 ألف تقييم)اطلبه الآن
صح
آيس كريم الكيوي في سلة وافل

آيس كريم بنكهة الكيوي الطازج في سلة وافل مقرمشة، بين الحلاوة والحموضة.

4.8 (12.6 ألف تقييم)اطلبه الآن
نفس العناصر، بأحجام تتناسب مع أدوارها.

انسجام الألوان: لون واحد ليس هوية

حين يتكرر لون واحد في الخلفية والزر والصورة والشارات، تصبح الواجهة رتيبة ومرهقة، ويفقد اللون قدرته على الإشارة إلى المهم. الحل: خلفيات محايدة، ولون مميز واحد للإجراء الأساسي، وتنويع خفيف من نفس العائلة اللونية حيث تحتاج.

خطأ
آيس كريم الكيوي في سلة وافل

آيس كريم بنكهة الكيوي الطازج في سلة وافل مقرمشة، بين الحلاوة والحموضة.

4.8 (12.6 ألف تقييم)اطلبه الآن
صح
آيس كريم الكيوي في سلة وافل

آيس كريم بنكهة الكيوي الطازج في سلة وافل مقرمشة، بين الحلاوة والحموضة.

4.8 (12.6 ألف تقييم)اطلبه الآن
حين يكون كل شيء أخضر، لا شيء يبرز.
أيّهما أفضل؟+١٠ XP

قسم ترحيبي بنص وصورة. أي نسخة تبدو متوازنة؟

اكتشف الخطأ+٢٠ XP

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

وضع التفتيش: مرّر على عناصر التصميم وانقر على موضع الخطأ — أو تنقّل بـ Tab واضغط Enter.

جديد!
آيس كريم الكيوي
4.8 (12.6 ألف تقييم)
اطلبه الآن
أصلحه بنفسك+٣٠ XP

أعد التوازن للبطاقة: صورة جذابة لا تبتلع المحتوى، وزر واضح لا يصرخ.

آيس كريم الكيوي في سلة وافل

آيس كريم بنكهة الكيوي الطازج في سلة وافل مقرمشة، بين الحلاوة والحموضة.

4.8 (12.6 ألف تقييم)اطلبه الآن

الخصائص

اختبر نفسك

اختبار سريع+١٠ XP

١. ما المقصود بالتوازن في الواجهة؟

اختبار سريع+١٠ XP

٢. ما مشكلة استخدام لون واحد في كل شيء؟

اختبار سريع+١٠ XP

٣. شارة «جديد» على منتج — أين مكانها الأنسب؟