SkillGato

أسس التصميم · 23 دقيقة

الألوان والخطوط

الألوان والخطوط تصنع مزاج التصميم في لحظة، وبضع قواعد بسيطة تمنع معظم أخطاء المبتدئين.

توافقات لونية ناجحة

تُظهر عجلة الألوان كيف ترتبط الألوان ببعضها. ثلاث طرق موثوقة لاختيار الألوان:

عجلة ألوان وبجانبها ثلاث لوحات ألوان نموذجية
1 متكاملة: ألوان متقابلة وتباين قوي (الأزرق والبرتقالي). 2 متجاورة: ألوان متجاورة هادئة ومتناغمة (الأخضر والأزرق). 3 ثلاثية: ثلاثة ألوان متباعدة بالتساوي وحيوية (الأحمر والأخضر المصفرّ والأزرق).

قواعد عملية:

  • استخدم لونًا رئيسيًا واحدًا، ولونًا أو اثنين داعمين، وألوانًا محايدة (أبيض، رمادي، شبه أسود).
  • توازن مفيد تقريبي: 60% للّون الرئيسي أو المحايد، و30% للداعم، و10% للّون المميّز.
  • استخدم اللون المميّز للشيء الوحيد الذي يجب أن يتفاعل معه الناس: الزر، السعر، رقم الهاتف.
  • التزم بألوان هوية العميل بدقة. في Canva اكتب كود اللون (مثل #0F6E56) بدلًا من التخمين.

التباين: هل يستطيع الناس القراءة؟

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

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

الطباعة: اختيار الخطوط

الطباعة (Typography) هي شكل النص: الخط والحجم والتباعد وطول السطر.

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

المزاج

  • الأخضر الداكن والذهبي: الثقة والمال والفخامة.
  • الألوان الزاهية والخطوط المستديرة: الأطفال والطعام والمرح.
  • الأسود والأبيض والخطوط الرفيعة: الأزياء والفخامة والبساطة.

هذه ميول لا قوانين. صمّم دائمًا لجمهور العميل لا لذوقك الشخصي.

مهمة عملية (20 دقيقة)

  1. اختر نشاطًا خياليًا (مثل مقهى) واختر لوحة ألوان: لون رئيسي، ولون داعم، ولون مميّز، وألوان محايدة. اكتب الأكواد.
  2. اختر خطًا للعناوين وخطًا للنص.
  3. صمّم منشورًا واحدًا بهذه الألوان والخطوط فقط، وتحقق من تباين النص على هاتفك.

سجّل الدخول أو أنشئ حسابًا مجانيًا لحفظ تقدّمك وأداء الاختبارات. تسجيل الدخول