مولّد لوحات الألوان

لماذا تحمل لوحة ألوان جيدة تصميماً بأكمله

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

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

نظرية الألوان، من دون المصطلحات المعقّدة

تأتي معظم التناغمات من فكرة بسيطة واحدة: أين تجلس الألوان على العجلة بالنسبة لبعضها. تعلّم أربعة أنماط فتستطيع قراءة أو بناء أي مخطّط تقريباً.

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

المولّد العشوائي ممتع للإلهام، لكن أوضاع التناغم هي حيث تكمن القيمة الحقيقية. فهي تُبقي ألوانك مترابطة رياضياً، بحيث تبدو وكأنها تنتمي معاً حتى قبل أن تعدّل أي شيء.

HEX وRGB وHSL بعبارات واضحة

كل لون تنسخه يأتي بعدة صيغ، وجميعها تصف الشيء نفسه على نحو مختلف.

HEX هو الرمز المكوّن من ستة أحرف الذي تراه أكثر ما تراه، مثل #3A7BD5. إنه مجرد الأحمر والأخضر والأزرق محزومة في سلسلة واحدة، حرفان لكل منها. مدمج وهو ما ستلصقه في CSS أو في أداة تصميم.

RGB يكتب القنوات الثلاث ذاتها أرقاماً من 0 إلى 255، مثل rgb(58, 123, 213). اللون نفسه، أسهل للقراءة، ومفيد حين تريد قناة ألفا للشفافية.

HSL يصف اللون بالطريقة التي يفكّر بها الناس فعلاً: الدرجة (أي لون، من 0 إلى 360 درجة حول العجلة)، والتشبّع (مدى الحيوية)، والإضاءة (مدى السطوع). إنها أسهل صيغة للتعديل يدوياً، لأن تحريك الإضاءة أو التشبّع يفعل بالضبط ما تتوقّعه دون تخمين. وإن احتجت يوماً إلى التنقّل بين الصيغ، فتحويل سريع من HEX إلى RGB يجعل الأمر سهلاً.

لا تنسَ التباين وإمكانية الوصول

يمكن أن تبدو اللوحة رائعة وتفشل مع ذلك في اللحظة التي يحاول فيها أحدهم قراءة نص عليها. التباين هو حيث يلتقي الجميل بالقابل للاستخدام. تضع إرشادات الوصول إلى محتوى الويب (WCAG) حدّاً واضحاً: ينبغي أن يبلغ نص النص الأساسي العادي نسبة تباين لا تقل عن 4.5:1 مقابل خلفيته، والنص الكبير لا تقل عن 3:1. هذا ليس روتيناً بيروقراطياً، إنه الفرق بين قارئ يمرّ بسلاسة عبر صفحتك وآخر يحدّق بصعوبة، ويستسلم، ويغادر.

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

سير عمل عملي

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

متى حصلت على مرشّح، وزّع الأدوار. اختر لوناً مهيمناً للخلفيات والمساحات الكبيرة، وثانوياً للبنية، ولمسة لافتة واحدة للأجزاء التي تحتاج أن تبرز. تقسيم مرن بنسبة 60-30-10، من المهيمن إلى الثانوي إلى اللمسة، يُبقي الأمور متوازنة دون أن تبدو جامدة. ثم افحص التباين على كل اقتران نصي، وانسخ الرموز الست عشرية، وانتهى الأمر. احفظ ما ينجح منها، فاللوحة التي أتقنتها لمشروع غالباً ما تكون بذرة المشروع التالي. وحين تكون مستعداً لمواصلة البناء، تستطيع بقية مجموعة كل المولّدات لدينا التعامل مع القطع الأخرى.

الأسئلة الشائعة