طراحی وبسایت زیبا (بخش دوم)

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

بخش دوم: انتخاب رنگ برای وبسایت

این محتوا درباره‌ی دنیای جذاب و شگفت‌انگیز رنگ‌ها است. امکان ندارد وارد وبسایتی شوید و در آن رنگی نبینید. رنگ‌ها در طراحی سایت نقش بسیار مهمی دارند. نمی‌شود همه‌‌ی بخش‌های یک سایت یا همه‌ی متن‌های آن را با یک رنگ به کاربر عرضه کرد. حتما می‌پرسید: چرا نمی‌شود؟

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

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

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

طراحی وبسایت زیبا (بخش دوم)

روان‌شناسی رنگ‌ها

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

در ادامه، درباره‌ی روان‌شناسی سه رنگ توضیحاتی داده می‌شود.

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

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

• سفید نماد پاکی، نور و کمال است. متاسفانه، چون سفید رنگ پیش‌فرض کاغذ و اسکرین است، آن را نمی‌بینیم و دست کم می‌گیریم. اما، امروز که دیگر Dark Mode طرفداران خودش را دارد، وقتش رسیده است که شما هم سفید را در وب دیزاین به کاربر نشان دهید. از سفید روی پس‌زمینه‌ی تیره نترسید. تلاش کنید راه‌هایی خلاقانه برای نشان دادن سفید پیدا کنید.

الگوهای ترکیب رنگ‌ها

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

شش الگوی ترکیب رنگ وجود دارد که دیزاینرها معمولا یکی از آن‌ها را انتخاب می‌کنند:

•  مونوکروماتیک (Monochromaic)
•  رنگ‌های همجوار (Analogous)
•  رنگ‌های مکمل(Complementary)   
• Split-complementary
• رنگ‌های سه‌تایی (Triadic)
•  رنگ‌های چهارتایی (Tetradic)