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

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

 

خلق پس زمینه ای قدرتمند

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

  

مورد بعدی Mamboاست که از رنگ بمنظور برجسته نمایی بخش های مختلف پورتفولیو بخوبی استفاده کرده است. برخی از بخش ها به رنگ نئون زرد، آبی تیره و سیاه می باشد که بخوبی با یکدیگر هارمونی دارند.

 

معرفی هدف

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

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


بیان یک استوری بهتر

رنگ ها سرمایه ای بینظیر هستند که به بیان استوری کمک میکنند. یک نمونه ی خوب از این مورد هوم پیج Bloom است. آنها از رنگ آبی در سرتاسر طراحی استفاده کرده اند. رنگ آبی در کنار سایر المان های ویژوال بمنظور کمک به کاربران برای اسکرول از هدر تا فوتر استفاده شده است. اگر تمام بخش های مختلف رنگ اصلی متفاوتی می داشتند بیان داستان/استوری این چنین موفق نمی بود.


 

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

 

انفجاری از علاقه و افزودن پرسونالیتی

گاهی اوقات از رنگ برای افزودن علاقه و دلبستگی به طراحی استفاده میشود. برای استفاده ی مفید از رنگ ،نباید لزوما از رنگ های برجسته در ابتدا و مرکز طراحی استفاده کرد.
بعنوان مثال در صفحه ی فرود
Designmodo's Qards از رنگ های مختلفی استفاده شده است. به این ترتیب کاربران بانگاه گردن به این صفحه لذت برده و خودبخود جذب آن میشوند.

  

اصلاح و پیشرفت برندینگ

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

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

 

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

 

جمع بندی

در حال حاضر شاهد هستیم وب سایت ها بمنظور برندینگ بهتر یا نمایش تفاوت ها و غیره از رنگ ها بطور استراتژیک بهره می برند. از همه مهم تر اینکه رنگ ها به افزودن پرسونالیتی و هویت برند کمک میکنند. همراه با رشد طراحان حتی بهنگام تغییر گرایش های طراحی، استفاده از رنگ در طراحی وب سایت همچنان بهتر و قدرتمندتر میشود.

 

 

استفاده از رنگ در طراحی وب سایت
سه شنبه 14 فروردین 1397 - 11:39:07 5400 آخرین بازدید : سه شنبه 20 آذر 1403 - 15:22:50 0
*
*