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

انتخاب رنگ مناسب برای سایت

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


روانشناسی رنگ‌ها و تأثیر هر رنگ در هر شغل

در روانشناسی رنگ‌ها برای مشاغل مختلف رنگ‌های مختلفی توصیه می‌شود. هر رنگ پیامی خاص و انرژی مخصوص به خودش را دارد. در انتخاب رنگ‌ مناسب برای سایت ممکن است از رنگ‌های مکمل و خنثی و یا رنگ‌های شاد و متمم استفاده شود.در ادامه به توضیحات مختصری در رابطه با رنگ ها می پردازیم.

رنگ‌های مکمل و خنثی

کسب و کارهای متفاوتی مثل ادارات ، مدرسه ها و دانشگاه ها ، سایت های علمی و اخبار نیازمند طراحی سایتی ساده با ترکیب دو یا سه رنگ هستند. به طور مثال رنگ آبی و مکمل هایش را برای لوگو ، منو و لینک‌ها استفاده کنید و رنگ‌های خنثی مثل سفید برای پس زمینه و رنگ متضادی مثل سیاه برای متون.

رنگ‌های شاد و متضاد

رستوران ها ، مهد کودک ها ، فروش آنلاین سیسمونی و مشاغل این چنینی نیازمند استفاده از رنگ‌های شاد برای طراحی سایت هستند. رنگ‌هایی مثل قرمز ، زرد و نارنجی رنگ‌های گرمی هستند که انرژی را به کاربر منتقل می‌کنند و برای تبلیغات و جلب توجه بهترین گزینه ها هستند.

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

رنگ های تیره و روشن

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

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

پس با توجه به کسب و کارتان رنگ مناسب سایت خود را انتخاب کنید تا در اولین نگاه، خود را برای مخاطب متمایز کنید.

انواع مقداردهی رنگ ها

برای مقدار دهی رنگ ها 4 روش وجود دارد.

1) استفاده از نام رنگ، مانند red

2) استفاده از فرمت هگزا دسیمال 3 رقمی، مانند #F00

3) استفاده از فرمت هگزا دسیمال 6 رقمی، مانند #FF0000

4) استفاده از فرمت RGB، مانند rgb(255,0,0)

توجه داشته باشید که هر 4 روش فوق رنگ قرمز را تولید می کنند و هیچ تفاوتی از لحاظ خروجی با یکدیگر ندارند.

با یک استنباط کوچک از استاندارد RGB به این موضوع پی خواهیم برد که با استفاده از این استاندارد می توان 16 میلیون رنگ را تولید کرد اما اکثر مانیتورهای جدید توانایی تفکیک رنگ تا 16384را دارند.

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

چگونه رنگ وبسایت را انتخاب کنیم؟

انتخاب رنگ های مناسب در طراحی وب سایت بسیار مهم است و نباید به آن بی توجه باشید. انتخاب رنگ های ناجور و نامتناسب همانند یک وب سایت بی محتوا می تواند کسل کننده باشد شاید وب سایتی طراحی کرده باشید که سرعت بالایی دارد این خیلی خوب است اما اگر در همین وب سایت از رنگ های نامناسب در کنار یکدیگر استفاده کرده باشید آنگاه صفحات شما به همان اندازه یک وب سایت کم سرعت کسل کننده هستند! بنابراین از قدرت رنگ ها در موفقیت وب سایت خود غافل نشوید. حتی با وجود 216 رنگی که در اختیار شما قرار دارند پیدا کردن دو رنگ که قرار دادن آنها در کنار یکدیگر ترکیب چشم نوازی بیافریند کار آسانی نیست. وقتی که قرار است از رنگ ها در کنار یکدیگر استفاده کنید و در عین حال آرایش درستی هم داشته باشید یا به اصطلاح هارمونی رنگ ها را رعایت کنید می توانید از شش الگوی پیشنهادی که عبارتند از: تکفام- آنالوگ- مکمل- مکمل شکسته- سه تایی- آرایش چهارتایی برای انتخاب رنگ مناسب در طراحی سایت استفاده نمایید.