الدرس الثالث : اللون

[أمة القوي]

السلام عليكم أخواتي الحبيبات وأعتذر عن التأخر الفترة السابقة فقد كانت لدي ظروف ولم أكن في بيتي
ونستكمل إن شاء الله نقل الدروس إلى هذا المنتدى المبارك بإذن الله



اللــــــــــــــون

http://www.shazly.net/~freehosting/2x1/dnkc8yut_spectrum_bar1.gif


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

http://www.shazly.net/~freehosting/2x1/g2m4ftot_pdf1.png

فقط نحتاج أن نتعرف أكثر على اللون وكيف يمكننا اختياره.

[أمة القوي]

كيف تتكون عجلة الألوان
تتكون من 3 تقسيمات :

الألوان الرئيسية:
جميع الألوان تتكون من الأساسيات الثلاث الأحمر والأزرق والأصفر. وهذه هي الألوان الرئيسية

http://www.shazly.net/~freehosting/2x1/uuiia7wv_3partwheel.gif

ألوان ثانوية:

وهي ناتجة عن مزج لونان رئيسيان مع بعضهما بنسب متساوية
البرتقالي ( أحمر+ أصفر)
الأخضر ( أزرق+ أصفر )
البنفسجي ( أزرق+ أحمر)

أصبحت العجلة الآن 6 ألوان

http://www.shazly.net/~freehosting/2x1/hwv4d6za_6partwheel.gif

الألوان الوسطية:
وهي ناتجة عن مزج لون اساسي مع لون ثانوي مجاور له
وتسمى هذه الألوان بأسماء الألوان التي أستخدمت فيها : أزرق-أخضر، أصفر-أخضر، أزرق- بنفسجي، أحمر-بنفسجي، أحمر-برتقالي، و أصفر-برتقالي

وبهذا اكتملت عجلة الألوان واصبحت 12 لون


http://www.shazly.net/~freehosting/2x1/uxk73njo_12part.gif

[أمة القوي]

الألوان الدافئة:

http://www.shazly.net/~freehosting/2x1/hekqj5qk_alalwan_aldafi2h.jpg



الألوان الدافئة وغالبيتها من درجات اللون الأحمر تجعل المنظر أنعم وهي تميل لكونها نسائية
هذه الألوان تكون جيدة لتوصيل رسالة تعبير عن الجمال أو تعبير عن الأهمية والضرورة

الألوان الباردة:


http://www.shazly.net/~freehosting/2x1/fkphojc5_alalwan_albardh.jpg


وغالبيتها من درجات الأزرق
تعطي طابع جاد وتعبر عن الصراحة والمباشرة والوضوح
والألوان الداكنة منها تظهر وتوضح ما فوقها من درجات أفتح

[أمة القوي]

كيف نختار اللون؟ وما هي الألوان التي تليق ببعضها؟
التصنيف حسب اختيارات اللون:


1-ألوان هرمية متدرجة

أما هذا المسار لا يتطلب الجرأة ولا الشجاعة اللونية , كما يمكن التعامل معه في جميع أجزاء التصميم , ويتناسب مع جميع الأذواق وهي مريحة للنظر ومنها :

أ- الألوان المتجاورة :


http://www.shazly.net/~freehosting/2x1/j8dmyvpq_alalwan_almtgawrh.jpg

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

اختيارنا الأساس هو الأزرق وهذا الأسلوب يعطي الفراغ طيفاً لونياً واحداً .

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


http://www.shazly.net/~freehosting/2x1/5626hqz2_ctheory_leaf.gif

[أمة القوي]

ب-اللون الأحادي :


http://www.shazly.net/~freehosting/2x1/j662z7p6_allwn_alahadi.jpg

يقوم المشروع على لون واحد ويتدرج بألوان مشتقة وقريبة منه , وذلك بتفاعله عند مزج الألوان الحيادية ( أبيض ,رمادي ,أسود ) معه .

التأثير البصري الذي يحدثه هذا المسار هو التناغم و الهدوء و الراحة


http://www.shazly.net/~freehosting/2x1/5j2euke4_industrial.jpg



http://www.shazly.net/~freehosting/2x1/dnkc8yut_spectrum_bar1.gif

[أمة القوي]

2-
الألوان المتممة:


http://www.shazly.net/~freehosting/2x1/6doq0a3q_alalwan_almtmmh.jpg


http://www.shazly.net/~freehosting/2x1/54hqws0r_alalwan_almtmmh2.jpg



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

أمثلة: الأحمر و الأخضر، الأزرق و البرتقالي، الأصفر و البنفسجي

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


http://www.shazly.net/~freehosting/2x1/qnewkqmv_ctheory_orchid.gif


ما تعنية الألوان المتممة هو التضــاد contrast
ولهذا يستخدم بقعة لونية صغيرة من اللون المكمل على خلفية عريضة من درجات اللون المتمم الآخر بحيث تظهر كمؤكد للون وتفيد هذه الطريقة في لفت الانتباه (مثل

البرتقالي في المثال الأول على خلفيات من درجات الأزرق)

[أمة القوي]

3- ألوان متممة منشطرة :


http://www.shazly.net/~freehosting/2x1/3kymhgze_alalwan_almtmmh_almnshtrh.jpg


http://www.shazly.net/~freehosting/2x1/5nzxsu54_alalwan_almtmmh_almnshtrh2.png






وهنا نختار لوناً أساساً للمشروع ثم اللونين المجاورين للون المتمم له و مثلاً نختار اللون الأحمر كأساسي و الألوان المجاورة للون المتمم ( الأخضر )

ميزة هذا المسار اللوني أنه يجعل الهيمنه للون واحد ويبقى الألوان الأخرى كمقارنة ( contrast) بصرية

[أمة القوي]

4- لون ولون متمم له مع الألوان المجاورة

وهي تقريبا نفس طريقة الألوان المتممة المنشطرة مع زيادة لون في الوسط

http://www.shazly.net/~freehosting/2x1/4yf4ma2s_lwn_mtmm_wmtgawr1.jpg


http://www.shazly.net/~freehosting/2x1/a6wopeam_Klwn_mtmm_wmtgawr1.jpg

[أمة القوي]

ألوان متجاورة مع اللون المتمم لها


http://www.shazly.net/~freehosting/2x1/se83wyww_lwn_mtmm_wmtgawr.jpg


http://www.shazly.net/~freehosting/2x1/qoy6d57q_lwn_mtmm_wmtgawr_1.png



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


http://www.shazly.net/~freehosting/2x1/uh63js2z_lwn_mtmm_wmtgawr_2.png

ألوان متضادة بقيم لونية مختلفة ألوان متضادة بنفس القيمة اللونية



5- التناغم الثلاثي :

أسلوب جرئ جداً يتطلب شجاعة لونية اكثر مما قبل , وهو القيام برسم مثلث متساوي الأضلاع داخل الدائرة لتؤشر زواياه على ألوان المشروع مثل ( الأخضر

والبرتقالي و البنفسجي ).

[أمة القوي]

نقاط يجب الحذر منها عند اختيار الألوان
(قيمة اللون ودرجة الإشباع وتأثيرها على الألوان)

لأن الألوان المتضادة فعالة في الإظهار والبروز فإنها تستخدم كثيرا بين الخلفية والنصوص عندما نريد تضادا عاليا بين الخلفية والنص لإظهار النص


ليس جيد
http://www.4img.com/ar/up/06/07/12/6d0c932802f6953f70eb20931645fa40.gif
الأفضل
http://www.4img.com/ar/up/06/07/12/ef16eb9ad9476987857bb5e38d3930a3.gif


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

وهذا مثال آخر

جيد للخلفية
http://www.4img.com/ar/up/06/07/12/6fd6b030c6afec018415662d0db43f9d.jpg
سيء للنص
http://www.4img.com/ar/up/06/07/12/83a100ec3c2c30751156cea2d60aacbe.jpg

[أمة القوي]

أيضا العمل ضد القيم الطبيعية للألوان قد يعطي تأثير سيء للرائي
على سبيل المثال الأصفر طبيعيا هو أخف من اللون المتمم له , الأزرق
فحين يتم عمل تركيب لوني فيه الأصفر يبدو أغمق من الأزرق فسوف يظهر غريبا للرائي


http://www.4img.com/ar/up/06/07/12/8c96a3d5e1a41ee7925daa5a4dc0c25a.gif
ضد القيم اللونية
http://www.4img.com/ar/up/06/07/12/1ba922ac006a8e5f2b123684c2f4d65f.gif
مناسب للقيم اللونية

http://www.4img.com/ar/up/06/07/12/fd5c905bcd8c3348ad1b35d7231ee2b1.bmp

http://www.4img.com/ar/up/06/07/12/ef7be8c57773f2ab48d013434d3ad4f7.bmp

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

[أمة القوي]

وأخيرا يمكنك النظر في ألوان المجلات التي ترينها عندك وقد تستطيعين اقتباس تركيبة لونية منها



http://www.shazly.net/~freehosting/2x1/f6bewzux_color0.bmp


http://www.shazly.net/~freehosting/2x1/fcbytjmd_color1.bmp


http://www.shazly.net/~freehosting/2x1/qg4ybj5x_color2.bmp


http://www.shazly.net/~freehosting/2x1/djkw7pk8_color3.bmp

[أمة القوي]

http://www.shazly.net/~freehosting/2x1/5xt3hu0r_color4.bmp


http://www.shazly.net/~freehosting/2x1/0ixaje5d_color5.bmp