تئوری رنگ برای طراحان - قسمت اول تا سوم

[Sarp]

درجه افزودن رنگ سفید به رنگ

Tin زمانی شکل می گیرد که رنگ سفید به یک رنگ افزوده می شود و آن را روشن می کند. رنگ هایی که به مقدار زیاد رنگ سفید در آن ها وجود دارد را پاستل می گویند اما رنگ خالصی که رنگ سفید به ان افزودن شده باشد را tint می گویند.
استفاده از درجه رنگ سفید در رنگ استفاده شده در طرح ها برای ایجاد وب سایت های روشن یا زنانه استفاده می شود. رنگ های پاستل معمولا برای ایجاد طرح های زنانه تر استفاده می شو د این رنگ باعث به وجود امدن طرحی مرغوب برای موضوعات مربوط به اولیا ، کودکان و خردسالان استفاده می شود.

وب سایت Caio Cardoso شامل رنگهای مختلف از سبزی است که با رنگ سفید روشن شده است که در پیش زمینه و سایر بخش ها از آن استفاده شده است

رنگ آبی که با رنگ سفید روشن شده است در سایت Fernando Silanes ظاهر لطیف و پیچیده ای را ایجاد کرده است.

رنگ آبی که با رنگ سفید روشن شده است معمول برای طرح هایی که زمینه آسمان و طبیعت را دارند استفاده می شود

رنگ هایی که با رنگ سفید روشن شده است در طرح های که زمینه آبرنگ دارند استفاده می شود

رنگ هایی که با رنگ سفید روشن شده اند یک فراز و فرود پیچیده ای را در طرح ایجاد می کنند و به طرح حجم می دهد.

[Sarp]

نتیجه گیری

تا زمانیکه مجبور به به خاطر سپردن همه این مطالب تکنیکی نیستید، برای کسب مهارت جهت ایجاد طرح خود به همراه رنگ های مناسب در بخش سوم باید با مفاهیم واقعی آن آشنا باشید .در انتها برای یادآوری مطالب فوق یک برگه تقلب در زیر برای شما در نظر گرفته شده است:

• رنگ خالص = رنگهای آبی ، سبز ، قرمز و غیره
• درصد خلوص = درجه خلوص رنگ است ( رنگ با درجه خلوص بالا رنگ مشکی ، سفید و توسی ندارد.)
• درجه اشباع= مربوط به شدت و ضعف یک رنگ است ( رنگ با درصد اشباع بالا یک رنگ قوی است)
• حجم رنگ = مربوط به تیرگی و روشنی رنگ است ( روشنایی از حجم رنگ بالایی برخوردار است)
• درصد تیرگی و سایه دار بودن= با افزودن رنگ توسی ایجاد می شود که آن را کسل کننده تر رنگ اصلی می کند
• سایه ها= با افزودن رنگ مشکی به رنگ ها ایجاد می شود که آن را تیره از رگ اصلی می کند
• افزودن رنگ سفید= با افزودن رنگ سفید به رنگ ها ایجاد می کند که انها را روشن تر از رنگ اصلی می نماید

ترجمه و تالیف سرکار خانم مهدخت یافتیان

http://www.ittutorial.ir/?p=3598&utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+ittutorial%2FttBE+%28ITTutorial%29&utm_content=Google+Reader

[Sarp]

رنگ های مشابه

رنگ های مشابه رنگبندی آسان دیگری است برای ایجاد طح های جدید. رنگ های مشابه از استفاده سه رنگ بندی که در کنار یکدیگردر ۱۲ رنگی که در چرخه رنگ وجود دارند، ایجاد می شود.عموما رنگ های مشابه درجه خلوص رنگ مشابه دارند و با افزودن درجه تیرگی و سایه و افزودن رنگ سفید،آنها را برای استفاده در طراحی وب سایت تطبیق دهیم.

این شکل، رنگبندی سنتی از رنگهای مشابه است و تا زمانیکه بین رنگ ها جذابیت بصری وجود دارد به اندازه لازم تضاد برای ایجاد یک وب سایت موثر وجود ندارد .

در اینجا رنگبندی مشابهی مانند رنگ بندی بالا وجود دارد اما با درجه خلوصی که تنوع بیشتری می دهد. در حال حاضر این رنگ ها برای استفاده در وب سایت مناسب تر هستند.

مثال دیگری برای رنگ های مشابه رنگ بندی سنتی

تم های بالا برای استفاده در طرح های وب سایت تعیین شده اند

[Sarp]

رنگ های مکمل

رنگ های مکمل از ترکیب رنگ های سمت مقابل همدیگر در چرخه رنگ به وجود امده است. در شکل اولیه این رنگبندی شامل دو رنگ می باشد ولی امکان گسترش آسان آنها با استفاده از درجه تیرگی و سایه دو درجه افزودن رنگ سفید به رنگ ها وجود دارد. برای هشدار، استفاده از رنگ هایی که دقیقا متضاد و با درجه خلوص مشابه یا درجه حجم رنگ مشابه در کنار یکدیگر ظاهر نامطلوبی ( آنها )را ایجاد می کند.

محدوده وسیعی از تیرگی و سایه ها و درجه افزودن رنگ سفید ، رنگبندی بسیار متنوعی را ایجاد کرده است.

رنگ های مکمل دیگر با محدوده وسیعی از درجه خلوص رنگ ها

فراموش نکنید رنگ بژ و قهوه ای تیره شده و سفید شده رنگ نارنجی هستند
تقسیم رنگ های مکمل

رنگ بندی تقسیم رنگ های مکمل مثل رنگبندی رنگ های مکمل ساده است. در این رنگبندی به جای استفاده از رنگ های متضاد از رنگ هایی استفاده می کنیم که از دو سمت متضاد رنگ پایه ما باشد.

در این شکل رنگ سبز فسفوری (سبز- زرد ) رنگ پایه ما می باشد . داشتن تضاد به اندازه لازم در درجه خلوص رنگ و حجم رنگ بین رنگ های انتخابی برای این رنگبندی مهم است .

پالت دیگری از محدوده وسیعی از رنگ ها با درجه خلوص متفاوت.

[Sarp]

گروه سه تائی

رنگ بندی گروهی از رنگ هائی ساخته شده است که دارای فاصله مساوی از همدیگر چرخه رنگ دارند. این یکی از متنوع ترین رنگبندی ها می باشد.

استفاده از رنگ های ، بیرنگ و تیره از یک رنگ خاص در گروه سه تائی به همراه استفاده از دو تا از سه عنصر سایه، درجه تیرگی و درجه افزودن رنگ سفید برای دو رنگ دیگر باعث ایجاد یک رنگ به عنوان رنگ خنثی در رنگبندی می شود.

در روش دیگر استفاده از رنگ خیلی روشن به همراه دو رنگ خنثی باعث می شود تک رنگ روشن جلب توجه بیشتری بکند.
مکمل های دوتائی ( گروه چهار تائی)

گروه های چهار تائی سخت ترین ترکیب رنگی برای به تصویر کشیدن طرح به صورت موثر است

در اینجا رنگبندی غیرموثر گروه چهارتائی را مشاهده می کنید. بهترین راه برای استفاده از یک رنگیندی مانند این استفاده از یک رنگ به عنوان رنگ اولیه در یک طرح و استفاده از بقیه رنگ ها به عنوان رنگ تاکید کننده و جذب کننده می باشد.

گروه چهار تائی رنگ ها در رنگبندی می تواند به ایجاد رنگبندی با درجه خلوص و حجم مشابه منجر شود. فقط یک رنگ خنثی ( مانند توسی تیره یا مشکی ) برای متن ،تاکید و جلب توجه بیافزایید.

این رنگبندی فقط برای طرح با رنگبندی تیره مناسب است.

[Sarp]

رنگ های اختصاصی

رنگبندی بر اساس رنگ های عرف سخت ترین رنگبندی می باشد به جای استفاده از رنگ های تعیین شده که در بالا صحبت شد رنگبندی عرف ، از هیچ قانونی پیروی نمی کند. در هنگام ساخت این رنگ ها درجه خلوص رنگ، حجم و درجه اشباع رنگ ها را به خاطر بسپارید.

رنگ ها در اینجا دارای درجه خلوص و درجه اشباع مشابه هستند

استفاده از رنگ ها با درجه خلوص و اشباع مشابه باعث ایجاد طرح های موثر و به وجود امدن حس پیوستگی می شود.

استفاده از یک رنگ با درجه خلوص بالا بین رنگ های دیگر با درجه خلوص پائین یک روش موثر دیگر است.( رنگ با درجه خلوص بالا می تواند مثل رنگ های تاکید کننده و جذب کننده رفتار کند)

[Sarp]

ایجاد یک رنگبندی

ایجاد رنگ بندی توسط خودتان باعث ایجاد ترس می شود ولی این کار به اندازه ای که پیچیده به نظر میرسد نیست و راه حل هایی برای ایجاد یک پالت رنگی مناسب و عالی برای شروع وجود دارد.

در مطالب بالا درباره انواع رنگ بندی های مختلف صحبت کردیم. حالا سعی در ایجاد رنگ بندی برای طرح خودتان بنمائید. تعداد زیادی ابزارهای آنلاین برای کمک به شما در ایجاد رنگ بندی وجود دارد اما بیائید آنها را فراموش کنید و فقط از فتو شاپ استفاده کنید.
بیائید سعی در شکستن قوانین انواع رنگ بندی که قبلا ذکر شده است بنمائید و چند ین رنگ بندی اختصاصی ایجاد کنید با توجه به اینکه دانستن روش های تعامل رنگ ها و چگونگی خصوصیت رنگ بندی سنتی ایجاد شده، از اهمیت بالایی برخوردار است، برای اکثر طرح ها رنگبندی اختصاصی ایجاد می کنید که به سختی با رنگ هایی که از قبل تعین شده است مطابقت دارد.
بنابراین با توجه به اهداف پروژه ما در اینجا، سه رنگ بندی برای دو طرح وب سایت مختلف ایجاد میکنیم. مشتریان فرضی ما یک بلاگ برای طراحی معماری و فروش لباس زنانه کسی که متخصص در برند Victorian که موثر در صنعت پوشاک سازی است.
برای اینکه حس بیشتری از رنگبندی تک رنگ ها بگیریم از آنها شروع می کنیم. در حالیکه که من متذکر شدم رنگ بندی سنتی خیلی معمول نیست استفاده از رنگبندی تک رنگ ها استثنا از این قاعده می باشد.
شما احتمالا به طور منظم و برای اساس کار از رنگبندی تک رنگ ها استفاده می کنید.

برای لباس فروشی ، از رنگبندی تک رنگ ها ی سنتی استفاده می کنیم با افزودن رنگ سفید به عنوان رنگ خنثی

برای طراحی وبلاگ ، رنگ بندی ما از سایه ها و درجه افزودن سفید به رنگ توسی ساخته شده است

این رنگ بندی تقریبا از رنگ های مشابه ساخته شده است ولی ما یک رنگ را حذف می کنیم . آن رنگ از سایه رنگ بنفش و بنفش – قرمز تشکیل شده است. این دو رنگ کنار یکدیگر در چرخه رنگ قراردارند و به خوبی با هم همکاری می کنند مخصوصا وقتی که شما حجم ها و درجه اشباع متفاوت از این رنگ ها را استفاده کنید.

افزودن دو سایه از رنگ قرمز به رنگبندی توسی جذابت های ظاهری و قدرت زیادی برای تاکید بخش مشخصی به طرح شما می افزاید

ما در اینجا از دست رنگ های بنفش خلاص شدیم و به سمت رنگ های قرمز تیره رفتیم. این رنگ در کنار رنگ بنفش – قرمز در چرخه رنگ است . ما زرد رنگ پریده و کمرنگی را اضافه کردیم که درست در طرف مقابل رنگ بنفش در چرخه رنگ می باشد. این رنگ به عنوان رنگ خنثی ، و بیشتر شبیه رنگ سفید چرک در مقایسه با سایر رنگ ها است.

این رنگبندی در نگاه اول پالت دیگری از رنگ های استاندارد توسی و قرمز می باشد ولی اگر شما بیشتر دقت کنید متوجه می شوید که رنگ توسی درجه تیرگی از رنگ آبی دارد. آبی و قرمز دو رنگ از سه گروه رنگ در رنگ بندی می باشند ولی به خوبی در کنار یکدیگر بدون استفاده از رنگ زرد استفاده می شوند به خصوص وقتی که قرمز به صورت خالص استفاده می شود ولی آبی با درجه تیرگی که دارد به عنوان توسی نمایش داده می شود.

[Sarp]

چرا سایه ها، درجه تیرگی و افزودن رنگ سفید به رنگ ها با اهمیت هستند

همانطور که در رنگبندی که در بالا می بینید استفاده از درجه تیرگی، سایه ها در رنگبندی شما حیاتی و لازم است. رنگ های خالص درجه اشباع و حجم رنگ مشابه دارند . این موضوع در رنگبندی باعث کسل کنندگی و گیج کننده شدن طرح می شود.
افزودن درجه تیرگی ، سایه ها و درجه افزودن رنگ سفید به ۱۲ رنگ چرخه رنگ باعث ایجاد رنگ های مشخص برای استفاده در طرح ها می شود. یکی از راه های ساده برای ایجاد یک رنگ بندی حرفه ای این است که به رنگ های داده شده درجه تیرگی ، سایه و درجه افزودن رنگ سفید را اضافه کنید ( از استفاده رنگ های خالص بپرهیزید) سپس یک رنگ خالص دیگر ( یا یک رنگ خالص نزدیک به آن رنگ) که حداقل به اندازه سه رنگ از رنگ های چرخه رنگ فاصله دارند را ( بخش از گروه سه تائی و چهار تائی یا تقسیم رنگ های مکمل رنگ بندی ) به عنوان رنگ های تائید و جذب کننده استفاده کنید . افزودن این رنگ ها باعث بالا رفتن جذابیت رنگ بندی شما می شود البته تازمانی که تعادل در این رنگبندی رعایت شود.
افزودن رنگ های خنثی

رنگ های خنثی برای ایجاد رنگبندی جدید با اهمیت هستند. توسی، مشکی، سفید ، قهوه ای و خردلی و سفید چرک معمولا به عنوان رنگ های خنثی می باشند. قهوه ای و خردلی و سفید چرک باعث می شوند رنگ بندی طرح گرم تر شود.( البته اگر سایه، درجه تیرگی ودرجه افزودن رنگ سفیدآنها به رنگ های نارنجی و زرد نزدیک باشد.). توسی، سفید و مشکی توجه به رنگ های اطرافش هم تاثیر گرم و هم سرد بر طرح می گذارد.

رنگ های خنثی مشکی و سفید آسان ترین رنگ برای افزودن به رنگ بندی های مختلف می باشند برای افزودن جذابیت ظاهری می توان از سایه روشنی از توسی به جای رنگ های مشکی و سفید استفاده کرد افزودن رنگ های خالص قهوه ای، خردلی و سفید چرک تا حد زیادی سخت به نظر می رسد . البته در می یابید که افزودن آنها با کمی تمرین بیشتر ، بسیار ساده است.

[Sarp]

استفاده از تصاویر با توجه به رنگبندی

یکی از راه های مورد علاقه من برای ایجاد رنگ بندی طرح ها افزودن عکس می باشد. ابزار های خودکاری برای این کار وجود دارد (Adobe Kuler یکی از این ابزار می باشد و ابزار مورد علاقه من است.) می توان از فتوشاپ نیز برای ایجاد رنگ بندی به سادگی استفاده نمود.در صورت استفاده از Adobe Kuler شما می توانید تصاویر خودتان را لیست یا جستجو کنید و یا اینکه تصاویر خودتان را آپلود کنید . بعضی اوقات به رنگ هایی دست می یابید که خودتان به آن فکر نکردید.
بیائید از این دو روش (Kuler و فتو شاپ) استفاده کنیم. عکسی را در نظر بگیرید ، تصویری که فکر می کنید احسا س طرحی را که شما در نظر دارید را منتقل می کند. من این عکس را انتخاب می کنم.

در اینجا رنگ های اوریجینالی که Kuler به ما پیشنهاد می دهد هنگامی که از این عکس استفاده می کنیم را می بینید.

یکی از جالب ترین امکانات Kuler برای ایجاد رنگبندی برای این عکس امکان select mood می باشد . که شامل پر رنگ، براق، عمیق، و تیره می باشد. اینها مواردی هستند که هنگام استفاده از این حالات در kuler برای عکس های مشابه بدست می آید.

رنگارنگ

براق

چرک

عمیق

[Sarp]

تیره
حالا به ایجاد رنگبندی در فتو شاپ برای همین تصویر می پردازیم. که از ابزار Kuler علمی تر است. من یک رنگ را با ابزار نمونه گیر (eyedropper ) انتخاب می کنم و بعد در نقاط مختلف بر روی عکس کلیک می کنم تا زمانی که رنگ های دیگری را پیدا کنم که به طرح بیاید. نتیجه اش ( این کار کمتر از ۵ دقیقه در فتوشاپ طول می کشد بنابراین آنجوری که به نظر سخت می رسد نیست.):

ایجاد رنگبندی برای یک تصویر با یک رنگ آسانتر از ایجاد رنگبندی برای یک تصویر رنگارنگ می باشد.
بیایئد یک تمرین دیگر انجام دهیم این بار کمی رنگی تر. در اینجا تصویری وجود دارد که ما با اون کار خواهیم کرد:

۵ رنگی که با ابزار Kuler بدست امده است

رنگارنگ

براق

چرک

عمیق