المساعد الشخصي الرقمي


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



مَـلآك إْلـرُوح
22-04-2010, 10: PM
][ مقدمة ][

يعتبر اختيار الألوان من الأمور الأساسية في استخدامات الانترنت سواء كان ذلك في الجرافيكس أو تصميم المواقع

لان من خلاله تأخذ نظرة عامة على العمل فتحكم عليه إما بالجمال أو غير ذلك ..

وانتقاء الألوان أمر قد يصعب تحقيقه أحيانا فتجد أن بعض المصممين المبتدئين يخونه ذوقه فتجده تائه بين الألوان محتار

كيف يتنقي الألوان التي تناسب ما عمله .

من خلال الألوان ترى أن بعض المصممين يُحبط عندما يعرض ما صممه على احد الأشخاص أو المتخصصين

فيفاجأ بقولهم " أنت ما عندك ذوق ..!! "

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


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

مثال 1

تدرج ألوان عنقود العنب

http://www.4shbab.net/vb/imgcache/40860.png


يمكن تميز الألوان الموجودة فيه و حصرها من درجات البنفسجي
و الأزرق و قليل من البني .


http://www.4shbab.net/vb/imgcache/40861.png


و هنا صورة توضح طريقة توظيفها و استخدامها داخل الفراغ



http://www.4shbab.net/vb/imgcache/40862.png

مثال 2



الرمال و الصحراء



http://www.4shbab.net/vb/imgcache/40863.png


تميز الألوان الموجودة فيها من درجات البيج و السكري


http://www.4shbab.net/vb/imgcache/40864.png


و هنا صورة توضح طريقة توظيفها و استخدامها داخل الفراغ


http://www.4shbab.net/vb/imgcache/40865.png



مثال


المياه و البحر



http://www.4shbab.net/vb/imgcache/40866.png


تميز الألوان الموجودة فيها من درجات الأزرق و الأخضر


http://www.4shbab.net/vb/imgcache/40867.png


و هنا صورة توضح طريقة توظيفها و استخدامها داخل الفراغ


http://www.4shbab.net/vb/imgcache/40868.png


مثال


الغابات و الخريف



http://www.4shbab.net/vb/imgcache/40869.png



تميز الألوان الموجودة و هي الأخضر و الأحمر و الأصفر بدرجاتهم




http://www.4shbab.net/vb/imgcache/40870.png


و هنا صورة توضح طريقة توظيفها و استخدامها داخل الفراغ


http://www.4shbab.net/vb/imgcache/40871.png

مثال



بياض الجليد



http://www.4shbab.net/vb/imgcache/40872.png


تميز الألوان الموجودة و هي تدرج الأبيض



http://www.4shbab.net/vb/imgcache/40873.png


طريقة تطبيقها و استخدامها داخل الفراغ



http://www.4shbab.net/vb/imgcache/40874.png

http://images.abunawaf.com/2008/02/14/1293592_l.jpg

http://images.abunawaf.com/2008/02/14/1293599_l.jpg

http://images.abunawaf.com/2008/02/14/1293593_s.jpg
وهنا وجدت موقع رائع وسلس لتناسق الألوان
الموقع
http://www.colorjack.com/sphere/ (http://www.colorjack.com/sphere/)

اختر اللون المطلوب

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

يـتبع...!!

مَـلآك إْلـرُوح
22-04-2010, 10: PM
][ نصائح وتوجيهـات ][

أولاً: تجد أن بعض المصممين عندما يصمم مثلا تصميم عن تهنئة شخص أو ما شبهه يستخدم ألون كئيبة وقاتمة

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

تتمنى أن تكون مصاباً بعمى ألوان من شدة ما تراه من اختلاط الألوان وبشاعتها ..!!

رابعا : إذا وجدت لون أعجبك في تصميم ما لابئس أن تقوم بإستخدمه وذلك عن طريق أداة الشفاطة ( eyedropper )

الموجودة في اغلب برامج الجرافيكس .
خامسا : حاول أن تختار ألوانك من عجلة الألوان التالية :


سادسا : بعض الألوان يمكن استخدمها مع جميع الأعمال والتصميم كالأبيض والرصاصي الفاتح أو ما تسمى بالألوان الافتراضية

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

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

' مثلا اللون البرتقالي له عدة درجات منها ما يميل إلى اللون الأحمر ومنها ما يميل إلى اللون الأصفر

ثامنا : ابتعد بقدر الإمكان عن الألوان المزعجة كهذه الألوان الموجودة في الصورة

][ أدوات تساعدك على انتقاء الالوان ][

برامج تساعد على اختيار وانتقاء الألوان :

برنامج ColorImpact
حجمه : 3.23 ميجابايت

رابط التحميل : اضغط هنا (http://software-files.download.com/software/10157427/10157426/3/CI15_setup.************?lop=link&ptype=3002&ontid=2189&siteId=4)

//

برنامج Color Schemer Studio

حجمه : 2.10 ميجابايت

رابط التحميل : اضغط هنا (http://www.colorschemer.com/colorschemerstudio.************)

//

برنامج Color Wheel Pro
حجمه : 1.77 ميجابايت

رابط التحميل : اضغط هنا (http://www.color-wheel-pro.com/downloads/color-wheel-pro.************)

- رأي شخـصي :


اعتقد ان برنامج Color Impact من أفضل البرامج التي تساعد على انتقاء وتنسيق الالوان إن لم يكن أفضلها على الإطلاق

نظراً لما يحتويه البرنامج خيارات ومميزات متعددة جعلته في طليعة البرامج المتخصصة في الألوان

وقد يجد منافسة من برنامج Color Wheel Pro الذي يتميز بصغر حجمه نسبياً مقارنة بـ ColorImpact .

برامج تساعد على إلتقاط الالون الموجودة في التصاميم وصفحات الانترنت :

برنامج Color Cop
حجمه : 46 كيلوبايت

رابط التحميل : اضغط هنا (http://www.datastic.com/tools/colorcop/colorcop.zip)

الألوان

هي من أهم عناصر التصميم وهي ما يمكن أن تشكل فرقاً بين التصميم الجيد والتصميم السيئ

وبين التصميم الجميل والتصميم الممل. وبدون الاستعمال الجيد للألوان أو القدرة على اختيار الألوان المتناغمة

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

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

عن هذه المجموعات لتساعد الجميع في فهم بعض نظريات اللونية :

- الألوان الدافئة والألوان الباردة :

في العادة الألوان الدافئة والباردة صعبة الفهم ، لذا فسأعطي امثلة صغيرة كي لا تصادفك أي مشكلة مستقبلاً .

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

مثل الأحمر ، البرتقالي ، الأصفر.

وبالتحديد ممكن أن نقول بأن الألوان الدافئة هي الألوان التي نراها عادةً في النار ،

وتستعمل الألوان الدافئة عادةً لإظهار الابتهاج. والصور التي تستعمل العديد من الألوان الدافئة

تستغل لتوصيل رسالة حول مشاعر قوية كالغضب ، الكره، الحقد ، الخيانة ، الحب .

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

مثل الأخضر ، الأزرق ، البنفسجي.

وممكن إن نقول بأن الألوان الباردة هي الألوان التي نراها عادةً في الطبيعة .( الماء ، النباتات ، الخ ).

الألوان الباردة
تستعمل عادة لإظهار الهدوء ، النشاطات الهادئة. وتستعمل المستشفيات اللون الأزرق المخضر

مدموجان مع بعضهما البعض على الجدران ، وذلك لإبقاء المرضى بأعلى درجة من الهدوء.

. الألوان الرئيسية :

.( وتختلف عن مجموعة الألوان الرقمية الضوئية RGB

وهي ثلاثة ألوان والتي ممكن أن تستعمل لصنع كل الألوان الأخرى التي عرفها الإنسان وهي الأحمر و الأزرق و الأصفر ...

فعندما يمزج الاحمربـ الأصفر ، تحصل على البرتقالي . وعندما يمزج الأزرق بالاصفر ، تحصل على الأخضر .

وعندما يمزج الأحمر بالـ الأزرق ، تحصل على البنفسجي . وتستعمل الألوان الرئيسية بكثرة في مطاعم الوجبات السريعة .

فمثلا معظم شعارات مطاعم الوجبات السريعة تستعمل الأزرق ، الأحمر ، الأصفر لإقناع الزبون بسرعتهم .

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

يريدون الزائر أن يأتي ويطلب الطعام ، ويأكله بسرعة ، ثم بذهب ..

. الألوان الفرعية :

هي الألوان التي تحصل عليها عندما يتم دمج لونين أساسيين بقيّم متساوية
فالبرتقالي والأخضر والبنفسجي تعتبر من الألوان الفرعية .

. الألوان المتقابلة:

إنهم ببساطة الألوان الموجودة على الطرف الآخر من عجلة الألوان. وبتطبيق قاعدة الألوان المتقابلة.

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

فهو مريض بما يدعى عمى الألوان حيث لا يرى اللون لكن يرى مقابله
فمثلا عندما ينضر إلى اللون الأخضر يراه أحمر والعكس بالعكس ..


. الألوان النصفية:

الألوان النصفية ما هي إلا الألوان الموجودة بين لونين في عجلة النصفية.

فمثلا لألوان كالبرتقالي المحمر و الأصفر المخضر تعتبر من الألوان النصفية.

. إذن ما هو الاختيار المناسب ؟

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

حيث تتناسق الألوان الدافئة مع الألوان الدافئة الأخرى ، وتتناسق الألوان الباردة مع الألوان الباردة الأخرى.

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

فالأزرق يتناسق تناسق جميل مع الأخضر.

إن ما سبق هو فقط لاختيار الألوان ولكن موضوع المعيار اللوني هو شيء آخر تماما ،

فمثلا أي قيمة لونية في اللائحة info ضمن برنامج الفوتوشوب تحت الرقم 8 تكون مساوية للصفر ،
وطريقة تركيب اللون في برامج الباث

تعتمد على اللون النقي ، أما برامج النقطية أو البكسل فتستخدم تقنية التركيب المكافيء ...

وأعطي مثال سريع للتوضيح :

اللون الأسود ( في فضاء cmyk) في برامج الباث الاحترافية كالستيرتر أو الأقل كفائة كـ كورل

يكون اللون الاسود على شكل 100 نقطة دون مزج أي لون معه ،

أما في برامج البكسل وفي نفس فضاء cmyk مثل الفوتوشوب او فتوبنت يتركب نفس اللون بمزج نسب من باقي الاوان

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

ولكن يجب بعض الدراية بالعلوم الاخرى كالتصوير والإضاءة والألوان والفنون الجميلة
وحتى الصيانة ومن المهم معايرة الشاشة التي نستخدمها

حتى لا تكون فروقات بين ما نصمم وما ينتج ،،،

الموضوع من تجميعي وبعضها من عملي و جهدي

آرق التحايآ واعذبهآ

مَـلآك إْلـرُوح
22-04-2010, 11: PM
موقع يساعدك في تصميمك ينسق الألوان وبطريقة واضحة
مع قيم .(درجة). الألوان والموقع سهل جدا
انا جربته واستمتعت فيه مرة اتمنى انه يفيدكم

هذي الموقع

pxll.com/color/Color%20scheme.htm (http://pxll.com/color/Color%20scheme.htm)

سواح
23-04-2010, 01: AM
يعطيك الف عافيه موضوع جميل تحياتي

أبو صقر
23-04-2010, 01: AM
جميل جدا .. بارك الله فيك .......

وطني شموس
23-04-2010, 06: PM
http://abeermahmoud07.jeeran.com/631-GodBlessU-AbeerMahmoud.gif

أبو زياد
23-04-2010, 09: PM
اشكرك على الابداع بالمواضيع ولك تحياتي تقبلي مروري

مَـلآك إْلـرُوح
24-04-2010, 07: PM
اشكرك على الابداع بالمواضيع ولك تحياتي تقبلي مروري


http://fiasel.jeeran.com/pop134[1].gif

مَـلآك إْلـرُوح
24-04-2010, 07: PM
http://abeermahmoud07.jeeran.com/631-GodBlessU-AbeerMahmoud.gif


http://fiasel.jeeran.com/pop134[1].gif

مَـلآك إْلـرُوح
24-04-2010, 07: PM
جميل جدا .. بارك الله فيك .......


http://fiasel.jeeran.com/pop134[1].gif

مَـلآك إْلـرُوح
24-04-2010, 07: PM
يعطيك الف عافيه موضوع جميل تحياتي


http://fiasel.jeeran.com/pop134[1].gif