پنج‌شنبه 29 فروردین 1392

در طراحی خود هرگز از رنگ سیاه استفاده نكنید

never-use-black

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

سایه ها سیاه نیستند!

به نقاشی های زیر نگاه كنید:

never-use-black

در نقاشی های بالا سایه ها یكی از اشباع ترین بخش ها هستن كه روی صفحه خیلی زیاد دیده میشن. اون ها روی كاغذ عالی به نظر میان و در دنیای واقعی هم عالی هستند.

حالا شاید با خودتون بگید كه تصاویر بالا فقط نقاشی هست و این ها واقعی نیستن. عكس زیر یكی از خیابان های سان فرانسیسكو رو نشون میده كه با اپلیكیشن Path (همراه با فیلتر) گرفته شده.

never-use-black

تیره ترین بخش این تصویر چیه؟ تیره ترین بخش این تصویر #000000 نیست! بلكه كد هگزادسیمال اون #130f30 هست كه 19% روشن تر و درصد اشباع اون به 69% میرسه.

سیاه، قدرتمندتر از هر چیز دیگر

وقتی كه رنگ سیاه رو بعد از مجموعه ای از رنگهای با دقت انتخاب شده قرار میدید، میتونید ببینید كه سیاه قدرتمندتر از بقیه هست. در این حالت سیاه غیرعادی به نظر میرسه چون حالت طبیعی نداره. همه چیزهای “سیاهی” كه روزانه دوروبر خودمون میبینیم مقداری نور دارن كه باعث میشه تا روشن تر به نظر بیان. یعنی نمیشه بهشون گفت سیاه، اون ها خاكستری تیره هستن و چون امكان این هست كه نورها دارای یك ته رنگ باشن، اجسام فقط خاكستری تیره نیستن و میشه بهشون گفت “خاكستریِ تیرهِ رنگی”!

تعداد زیادی از اپ هایی كه ما روزانه استفاده میكنیم دارای رنگ سیاه هستن اما نه سیاه واقعی، بلكه خاكستری تیره! مثلا سایدبار توییتر، سایدبار Sublime Text 2 درصورتی كه پوسته Soda Dark رو روش نصب كرده باشید، پس زمینه فتوشاپ CS6 و حتی توییتر بوت استرپ (Bootstrap). همه اینها از رنگی نزدیك به سیاه استفاده میكنن اما كمی كمرنگ تر تا نسبت به بقیه عناصر داخل صفحه غیرعادی به نظر نیان.

never-use-black

در بالا چند تصویر از مثال هایی كه زدم رو میتونید ببینید. سایت Dribbble امكانات خیلی خوبی برای جستجو كردن تصاویر بر اساس رنگ داره كه میتونید از اون استفاده كنید. مثلا كارهای مربوط به سیاه خالص رو جستجو كنید و كارهای سیاه طبیعی. كارهای كدوم رنگ احساس بهتری داره؟ به نظر من كه سیاه خالص جالب نیست!

این فقط در مورد روشنایی رنگ ها نیست.

درصد اشباع بسیار مهم است

وقتی با خاكستری كار میكنید اضافه كردن كمی رنگ به اون میتونه احساس كسل كننده بودن رو از بین ببره. مقدار رنگی كه میتونید اضافه كنید باید با مقدار تاریكی متناسب باشه.

اگر منظورم رو متوجه نشدید بیاید به فیس بوك نگاهی بكنیم. چرا رابط كاربری موبایل فیس بوك احساس خیلی خوبی به ما میده؟ چون همه رنگ های خاكستری موجود در طرح با رنگِ آبیِ فیس بوك پر شده.

never-use-black

نكته آخر : وقتی رنگ سیاه رو توی انتخاب گر رنگ پیدا میكنید، اول از خودتون سوال كنید كه آیا واقعا به رنگ سیاه خالص نیاز دارید یا میتونید رنگ طبیعی تری رو برای كار خودتون انتخاب كنید؟ اگر بهش نیاز نداشتید از قسمت چپ انتخاب گر رنگ دوری كنید.

منبع : ianstormtaylor.com

اگر این مطلب براتون مفید بود اون رو با دوستانتون به اشتراك بذارید :)