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

نوشته شده توسط محمد نمازی در ۵ تیر ۱۳۹۲

یکی از مهمترین ترفندهایی که تا به حال یاد گرفتم استفاده نکردن از رنگ سیاه در کارهام هست.

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

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

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

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

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

neveruseblack4

تیره ترین بخش این تصویر چیه؟ تیره ترین بخش این تصویر #۰۰۰۰۰۰ نیست! بلکه کد هگزادسیمال اون #۱۳۰f30 هست که ۱۹% روشن تر و درصد اشباع اون به ۶۹% میرسه.

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

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

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

neveruseblack5

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

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

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

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

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

neveruseblack6

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

منبع : محمد رضا محمودی

دیدگاه‌تان را ارسال کنید ...