انتخاب رنگ

راهنمای کامل انتخاب رنگ مثل طراح

رنگ سریع ترین سیگنال احساسی در طراحی است — بازدیدکنندگان در کسری از ثانیه درباره سایت نظر می دهند، و رنگ بیشتر حرف را می زند. اما بیشتر مردم رنگ را با احساس مبهم و امید انتخاب می کنند. این راهنما به شما دانش عملی می دهد: مدل های رنگ، اصول هارمونی، دسترسی، و گردش کار عملی.

مدل های رنگ، با وضوح

HEX (#3B82F6) RGB با نوشتن کوتاه است — شش رقم هگزادسیمال برای قرمز، سبز و آبی. این زبان مشترک وب در CSS است. وRGB (59، 130، 246) همان داده به صورت دهدهی است، که در ابزارهای طراحی و کد پالت استفاده می شود. وHSL (217°، 91%، 60%) رنگ را به صورت رنگ (مکان روی چرخ)، اشباع (شدت) و روشنایی دوباره بیان می کند — برای انسان ها بسیار آسان تر: «کمی تیره ترش کن» فقط کم کردن روشنایی است. وCMYK برای چاپ است، نه برای صفحه ها — آن را نادیده بگیرید مگر اینکه چیزی را به چاپگر بفرستید. آزادانه تبدیل کنید؛ رنگ یکسان است، فقط کدگذاری تغییر می کند.

هارمونی: رنگ هایی که با هم جور می شوند

چرخ رنگ برگه تقلب شماست. جفت های مکمل (مخالف: آبی/نارنجی) بیشترین انرژی و کنتراست را می سازند — برای دکمه های فراخوان به اقدام بهترین هستند. و گروه های مشابه (همسایه: آبی/فیروزه ای/سبز) آرام و مرتبط به نظر می رسند — برای پس زمینه ها بهترین هستند. و سه گانه (با فاصله برابر: قرمز/زرد/آبی) بازیگوش و جسورانه به نظر می رسند. و طرح های تک رنگ (یک رنگ، روشنایی های مختلف) بدون تلاش شیک به نظر می رسند. و قاعده سرانگشتی: یک رنگ غالب، یک رنگ پشتیبان و یک رنگ تاکیدی انتخاب کنید — سپس متوقف شوید. بیشتر پالت های زشت نه از رنگ های اشتباه، بلکه از رنگ های بیش از حد شکست می خورند.

قاعده 60-30-10

طراحان داخلی با این تقسیم می کنند و روی صفحه ها هم کار می کند: 60% رنگ غالب (پس زمینه ها)، 30% ثانویه (بخش ها و کارت ها)، 10% تاکیدی (دکمه ها، پیوندها، برجسته ها). این تعادل را تضمین می کند هر سایه ای که انتخاب کنید.

دسترسی اختیاری نیست

تقریبا از هر 12 مرد 1 نفر با نوعی کمبود دید رنگ روبه روست. معنا را هرگز فقط با رنگ نگویید — آن را با برچسب ها، نمادها یا الگوها جفت کنید. برای متن، نسبت های کنتراست را بررسی کنید (مطابق WCAG حداقل 4.5:1 برای متن اصلی)؛ بررسی کننده کنتراست ما این را با یک کلیک بررسی می کند. و متن تیره روی پس زمینه های روشن هنوز خواناترین ترکیب است که تا به حال آزمایش شده.

نکات گردش کار

با قطره چکان از الهام واقعی نمونه بگیرید — لوگوهای برند، تصاویر، پوسترهای فیلم. پالتی کوچک (3 تا 5 رنگ) بسازید و برای ثبات بصری فوری آن را همه جا دوباره استفاده کنید. رنگ های خود را نام گذاری کنید («آبی برند» و «قرمز هشدار») در یادداشت های خود تا کل تیم همان مقادیر را استفاده کند. و اگر شک دارید از طبیعت بدزدید: غروب ها، جنگل ها و دریاها در میلیون ها سال پالت ها را کامل کرده اند.