تنسيق الألوان في التصميم



السلام عليكم ورحمة الله وبركاته 

أهلاً بكم في أول درس فتوشوبي في كومفورت 

كمصمم جديد ومُتحمس تود بشدة أن تصل لمستوى تصاميم المبدعين  الزاهية من حولك
وتقوم بعمل الكثير من تصاميم ولكن النتائج لاتبدو جيدة 

السبب هو أننا نتجاهل البدء من الدَرجة الأولى في سُلم التصميم 
وهي تعلم عجلة الألوان وتنسيقات اللونية المُتناسبة للتصميم 
ومع نهاية هذا الموضوع ستكون قادراً إختيار ألوان جذابة ومتناغمة 
وستصبح تصاميمك أكثر إحترافية 

في هذا الدرس سنتعلم :

- تمهيد ( لمحة عن الألوان وانواعها )
-كيف تختار الوان متناسقة لتصميميك وشرح لأنماط التنسيقات اللونية مع امثلة
- مجموعة من المواقع تساعدكم في إختيار تنسيقات لونية جميلة للتصميم


*ملاحظة :

كان هذا الموضوع  جزء من فقرات مجلة قمت بنشرها في منتديات مكسات
 لذالك ستُلاحظون وجود حقوق المنتدى على الصور 
المحتوى من مجهودي الشخصي وترجمتي وأمثلة التصاميم من مُصممين من منتديات مكسات 


تعتبر الألوان من العناصر الأساسية في الحياة فهي متواجدة في كل مايحيط بنا وتؤثر
على نفسية الإنسان ومشاعره ، وتلعب الألوان دوراً مهماً في التصميم وهي نقطة
الانطلاق والبداية لأي تصميم احترافي 


تذكرون في سابق تعلمنا أن الألوان تنقسم إلى
الألوان الأساسية :الأصل الذي تشتق منه جميع الألوان وهي ( أحمر ، أصفر والأزرق )
الألوان الثانوية : التي يتم الحصول عليها عن طريق خلط لونين اساسسين ببعضهما
وهي (أخضر ، برتقالي و بنفسجي )




والألوان الثلاثية أو الوسطية : و هي الناتجة عن المزج بين لون أساسي و لون ثانوي
متجاورة (كما في صورة فوق ) فمثلاً مزج أحمر( أساسي ) + بنفسجي ( ثانوي ) = بنفسجي محمر


و هناك 6 ألوان وسطية في عجلة الألوان وهي :


الأصفر المخضر , الأزرق المخضر , البنفسجي المزرق ,
البنفسجي المحمر, البرتقالي المحمر , البرتقالي المصفر

وهذي المجموعة من الألوان تكون لنا في النهاية شيء اسمه عجلة الألوان




ومن هذه العجلة يمكننا استخراج مجموعة من تنسيقات لونية متناغمة للتصميم
ولكن قبل ان نغوص في شرح التنسيقات بوضح لكم بعض المصطلحات التي ربما مرت عليكم
في سابق والي بنذكرها في الفقرات القادة ^__^


HUE




وهي كلمه تعني ( اللون ) مثلاً لو شفنا هذا الهيو بالصورة فوق
بتقولون انه ازرق والبعض يمكن يقول انه ازرق مخضر 
لكن المُهم هنا هو انكم فهمتو معنى الهيو = اللون 


Saturation




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


Lightness




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





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



مخطط أحادي اللون (Monochromatic)




تعتمد هذه الطريقة على اختيار لون واحد من عجلة الألوان واستخدام تدرجات هذا اللون
مع تداخلات من اللونين الأبيض والأسود حسب الرغبة، وتكون الظلال وباقي التفاصيل أيضاً
من تدرجات اللون الأساسي المختار( يعني بنلعب في Lightness & Saturation للون المُختار )،
وهذا المخطط يُستخدم في التصاميم البسيطة حيث يخفف وجود لون واحد من التشتت.



تصميم بواسطة : Јeaη Valjean



تصميم بواسطة : Sitsu



مخطط الألوان التناظرية (Analogous)




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


&


تصميم بواسطة : The Lord of Dark



مخطط الألوان المتكاملة (Complementary)




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



تصميم بواسطة : Јeaη Valjean



المخطط المركب ( Split Complementary)




وهذا المخطط هو مزيج بين المخططين السابقين، حيث يتم أولاً اختيار لونين
متكاملين (متقابلين) ثم يكون التصميم باستخدم أحد اللونين المتكاملين مع الوان
مجاورة للّون المقابل له في عجلة الألوان، وينصح بتخفيف حدة الألوان المكملة
لتجنب كون المزج جريء وقاسٍ على النظر.



تصميم بواسطة : K H A



التكامل الثلاثي (Triadic)




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




تصميم بواسطة : Јeaη Valjean



التكامل الرباعي - المستطيل (Rectangular -Titradic)




حيث نختار هنا المجاورين لزوج من الألوان المتقابلة، بكلام آخر على فرض
اخترنا لونين متقابلين الأصفر والأرجواني، فيكون التصميم مزيج من أربعة
الوان هي اللونين المجاورين للأصفر واللونين المجاورين للأرجواني.




تصميم بواسطة : H A N A



المربع (Square)




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




تصميم بواسطة : H A N A







هذه بعض المواقع الي فيها اقتراحات تنسيقات لونية جميلة
والبعض منها يتيح لكم عمل تنسيق ومشاركته 




هذه الأداة المقدمة من شركة adobe تساعد في اختيار وتنسيق
الألوان وفقًا لعجلة الألوان وتصديرها والعمل عليها على الفوتوشوب.



يعد هذا الموقع من أفضل المواقع التي تعطي أفكارًا لاختيار تناسق
الألوان في التصميمات، فهو يعطيك العديد من المجموعات للألوان
المتناسقة، كما يتيح لك مشاركة أفكارك وألوانك المفضلة مع الآخرين،



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



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



يقوم هذا الموقع بالبحث عن الصور عن طريق الألوان، حيث يقوم بالبحث على موقع Flickr
من ضمن 20 مليون صورة، ليحصل على الصور ذات تناسق الألوان والعناصر التي تبحث عنها.



المصادر :




0 Comments