قواعد التناسق اللوني: المتكاملة والثلاثية والرباعية، ومتى تستخدم كل منها

نظرية اللون تبدو أكاديمية. من الناحية العملية، هي صندوق أدوات صغير من القواعد يستخدمه المصمم الجيد دون تفكير. سبعة تناسقات كلاسيكية تغطي 95% من عمل اللوحات — معرفة كل واحد ومتى تستخدمه هي الفرق بين لوحة تبدو مقصودة ولوحة تبدو عشوائية.

العجلة هي البوصلة

كل قاعدة تناسق تحدد مواضع على عجلة الألوان ذات 12 شريحة. تختار لونًا أساسيًا، ثم تخبرك القاعدة بأين تأخذ الباقي على العجلة. القواعد لا تحدد التشبع أو الإضاءة — هذه الأبعاد متروكة لك لتحسينها.

المتكاملة (الألوان المتقابلة)

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

الفخ: بتشبع كامل، الأزواج المتكاملة تهتز بعدم ارتياح. قلل أحدهما (قلل التشبع أو اجعله أفتح أو أغمق) واستخدم الآخر كعنصر بارز.

الثلاثية (ثلاثة متباعدة بالتساوي)

ثلاثة ألوان بفواصل 120°: أحمر-أصفر-أزرق، برتقالي-أخضر-بنفسجي. متوازنة ونشيطة. شهيرة للرسوم التوضيحية ومنتجات الأطفال والعلامات التجارية التي تريد أن تشعر بالحيوية دون أن تكون مرهقة.

الفخ: جميع الثلاثة بتشبع متساوٍ يتنافسان على الانتباه. اختر واحدًا ليهيمن (60% من تصميمك)، واحدًا للدعم (30%)، واحدًا للعناصر البارزة (10%).

المتجاورة (الجيران على العجلة)

ثلاثة إلى خمسة ألوان متجاورة: أصفر-أصفر-أخضر مصفر-أخضر أو أزرق-أزرق-بنفسجي-بنفسجي. أهدأ تناسق — لا صراع لأن لا لون يقاتل آخر. المشاهد الطبيعية (غروب الشمس والغابات) تكون دائمًا تقريبًا متجاورة.

الفخ: لوحات المتجاورة يمكن أن تبدو مسطحة. أضف عنصرًا بارزًا متكاملًا (جرعة صغيرة من عكس لونك الأوسط) لنقاط التباين.

المتكاملة المقسمة (اثنان بالقرب من المتقابلة)

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

الرباعية (زوجان متكاملان)

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

الفخ: لوحات رباعية تقرأ بسهولة كفوضى. قرر أي لون يحمل الهوية وخفف الثلاثة الآخرين إلى أدوار أصغر.

أحادية اللون (لون واحد، قيم متعددة)

لون واحد بتشبع وإضاءة متفاوتة. تماسك أقصى، صفر تباين الصبغة. مثالية للواجهات حيث تريد للمحتوى (الصور والطباعة) أن يحمل الاهتمام البصري، وليس الواجهة نفسها.

معظم أدوات SaaS البسيطة تميل إلى أحادية اللون — العلامة التجارية هي أزرق واحد، كل شيء آخر رمادي.

الاتجاهات (كسر القواعد بشكل جيد)

وضع سابع نضمنه في مولد لوحة الألوان الخاص بنا: 177 لوحة مختارة يدويًا من المجتمع من ColourLovers و Coolors والمصممين الصناعيين. هذه اللوحات غالبًا ما تكسر القواعس الكلاسيكية عن قصد — تعمل لأن المصمم كان لديه نية إبداعية محددة — وهي مصدر إلهام رائع عندما تنتج النظرية البحتة شيئًا آمنًا جدًا.

أيهما تختار؟

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

ما وراء القواعد

جميع التناسقات السبعة تتجاهل بعدين حاسمين: التباين (هل يمكن قراءة النص على هذه الخلفية؟) واللون الدلالي (الأحمر يعني الخطر في الواجهة الغربية بغض النظر عن النظرية). تشغل دائمًا لوحتك النهائية من خلال فحص تباين WCAG — مولد لوحة الألوان يعرض لك نسب AA/AAA لكل زوج بنقرة واحدة — ولا تختر لون خطر لأن العجلة تقول إنه يبدو لطيفًا.

القواعد هي نقاط بداية وليست نقاط نهاية. أنشئ خمس لوحات، انتقدها، اضبطها. اللوحات الجيدة تأتي من التكرار، وليس من رمية واحدة من النرد.