50 پالت رنگی و طرح رنگ از سایتهای برتر
یکی از مهمترین مراحل طراحی سایت انتخاب طیف رنگی متناسب با کاربری اونه، رنگ اونقدر تو درک ما از جهان بدیهی هست که معمولا ما یادمون میره اصلا وجود داره. بهش فکر کنید: از رنگ نارنجی روشن روی لباس یک نفر گرفته تا آسمان خاکستری و تیره بالای سرمون، رنگ ها میتونن که درک ما از دیگران و حتی حالات ما را شکل بدن.برای همین هست که یکی از قوی ترین ابزارهای یک طراح، رنگه. رنگ می تونه یک طرح را کامل کنه یا از بین ببره، میتونه مشتریها را جذب یا اونها رو از خرید منصرف کنه.
اگر خودتون طراح نباشید، معمولاً پیدا کردن رنگهای مناسب برای حتی سادهترین کار هم سخته. چه من یک تصویر ساده برای محتوام درست کنم چه کارهای پیچیدهتری مثل اسلاید یا اینفوگرافیک، معمولاً کلی وقت رو باید دنبال رنگ طرح مناسب بگردم. با خودم میگم که میخواهم طراحیم جذاب باشه؟ تحریک آمیز و جسورانه؟ یا باهوش و ظریف؟
پیدا کردن ترکیب رنگی که با طراحی سایت شما جور در بیاد، کلی زحمت و زمان ازتون میگیره، مگر اینکه خودتون طراح باتجربه باشید. برای همینه که تیم طراحی ما توی گروه طراحی سایت هیرا تصمیم گرفت لیست مفیدی از طرحهای رنگی زیبا از وب سایتهایی که توسط Awwwards – که معتبرترین جایزه برای طراحا و توسعهدهندگان وب هست- شناخته شده هستن رو در اختیارتون قرار بده.
برای اونایی که میخوان مهارتهای طراحیشون رو بالا ببرن، بهتره که از نرم افزارای درجهبندی رنگ برای تنظیم دقیق رنگ تصاویر و ویدیوها استفاده کنن. در ادامه تو هر بخش کدهای هکس سمت راست تصاویر قرار داده شده که میتونید با کپی کردنشون، اون طرح رنگها رو داخل پروژههاتون به کار ببرین.
ضمناً اگه خودتون سایت مخصوص به کسب و کارتون رو دارید مقالات دیگه ای هم توی صفحه بلاگ داریم که عوامل موثر توی افزایش مخاطبای وبسایتتون رو بهتون معرفی می کنه و به شکل عمومی و تخصصی توی مقالات متفاوت بررسیشون کردیم. مواردی مثل سئوی وبسایت یا ایجاد تجربه کاربری مطلوب از مواردی هستن که توی این زمینه باید خیلی بهشون توجه بشه. با ما همراه باشید تا تمام این موضوعات رو دقیق تر بررسی کنیم.
1- رنگارنگ و متعادل
رنگهای گرم و سرد طوری در این پالت رنگارنگ ترکیب شدن که زننده نباشن. از رنگ سبز مایل به آبی جذاب و روشن گرفته تا سفال خاکی، این رنگ طرح برای طرح های جوان پسند و مدرن مناسبه.
2- طرح رنگ های روشن
اینجا، طیف های آبی و بنفش با اکسان های چشم نواز قرمز و نارنجی ترکیب شده اند. ببینید چطوری تضاد بین پسزمینه آبی زنده و اکسان قرمز-نارنجی چشم را از بالای صفحه به اون جایی که باید، یعنی ویدئوی پایین صفحه میبره.
3- طبیعی و خاکی
آسمانی آبی و آرامش بخش، فضایی باز و روحیه بخش، با این رنگ طرح احساس فروتنی در شخص برانگیخته می شه. این ترکیب رنگ دلپذیر برای طرح های مرتبط با طبیعت و پایداری مناسبه و میتونه برای پروژه هایی مفید باشه که روی آگاهی از محیط تأکید دارند.
4- باحال و تازه
با ترکیب آبی تیره سلطنتی و سبز زمردی در این طرح، یک پالت تمیز و با طراوت بدست میاد. این ترکیب که یادآور اقیانوس یا هر محیط مرتبط با آب است، برای ارائه تصویر و ذهنیتی آرام و قابل اعتماد مناسبه.
5- جسور و سرزنده
این ترکیب چشم نواز از قرمز مرجانی و فیروزه ای همراه با سایر طیف های آبی پر جنب و جوش و جسورانه است. طیفهای کمرنگتر آبی به خیلی عالی در کنار یک رنگ روشن به چشم می آیند و یک رنگ عالی برای هر طراحی جدید و مدرن بوجود میارن.
6- قرمز چینی و سبز روسی
ترکیب پسزمینه مشکی با رنگهای برجسته یک تکنیک متداول هست که تضاد ظاهری قشنگی ایجاد میکند. در این مورد تنوع رنگ قرمز، مانند سرخابی و خرمایی، با سبز منحصر به فرد روسی عالی میشه.
7- طرح رنگ شیک و پیچیده
این طرح رنگ زیبا، با ترکیب رنگ های ظاهری تمیز و پیچیده ایجاد میکنه. طیفهای خاکستری و آبی اون برای طراحی های محافظه کارانه مناسب هست.
8- رنگ و تُن بنفش
این طرح رنگ زیبا، با ترکیب رنگ های ظاهری تمیز و پیچیده ایجاد میکنه. طیفهای خاکستری و آبی اون برای طراحی های محافظه کارانه مناسب هست.
9- بنفش و آبی پر رنگ
این رنگ طرح تیره و مرموز با اکسان آبی یک تِرِند غالب در طراحی وب هست که در آن رنگ های پس زمینه تیره در کنار رنگ های برجسته و روشن استفاده میشن.
10- معاصر و جسور
این پالت با ظاهری مدرن و تجملی، پیچیدگی و مینیمالیسم را با ترکیبی جذابانه از صورتی، قرمز، مشکی و خاکستری میرسونه.
11- سرزنده و جذاب
اگر میخواهید تصویری پر جنب و جوش و جذاب رو نشون بدید، این ترکیب زیبا از صورتی آب نباتی، سبز-زرد، خاکستری اسطوخودوس و قهوه ای پاستلی هستند، مناسب شماست.
12- قابل توجه و ساده
نگاه نکردن به طرح مینیمالیستی و در عین حال خیرهکنندهای مثل این سخته. پسزمینه مشکی دودی تیره همراه با آبی برقی این رنگ را به یک رنگ طرح برنده تبدیل کرده که در پروژههای مختلف کاربردی هست.
13- قرمز و سرزنده
با استفاده از قرمز لهستانی به عنوان پایه ای برای رنگ طرح ، این وب سایت رنگ قرمز مایل به قرمز تیره را با صورتی تیره روی پس زمینه خاکستری روشن ترکیب می کنه. در عین جنب و جوش، طرح مینیمالیستی خلاقیت را به اوج رسانده.
14- هنری و خلاق
این ترکیب رنگارنگ از شمشطلایی، سرخابی، آبی تیره و سفید هلندی در این طرح هنری که برای آرشیو آنلاین آثار موسیقی است، روح و گرما به مخاطب منتقل میکنه.
15- زیبا و در عین حال قابل دستیابی
این ترکیب منحصربهفرد از تناژ رنگ پوست و رنگهای خاص مانند آبی سلطنتی تیره و یاقوتی، برای رساندن پیامهای ظریف مناسب هست. تودار ولی دوستانه؛ پیچیده و در عین حال شوخ: این ها انواع پیام های رنگ خاکستری هستند که به طور موثر با این ترکیب چشم نواز ارسال میشن.
16- براق و مدرن
از یه طرف یاقوت کبود آبی، خاکستری متال و پلاتین و از طرف دیگه، نارنجی هلویی و قهوه ای مایل به زرد یک طرح رنگ مدرن و شیک ایجاد میکند. رنگهای سرد و متالیک که برای ارائه تصویری مدرن استفاده میشن، به طور موثر با رنگهای انسانی و خاکیتر همخوانی دارن.
17- مبتکر و جسور
ترکیب نارنجی پرتلندی، زرد روشن و یشمی بر روی پس زمینه خاکستری تیره و تقریبا سیاه، توجه هر کسی را جلب میکنه. اگر ظاهری مدرن و جسورانه می خواید، این ترکیب رنگی عالیه.
18- بافت مناسب و پویا
با داشتن رنگ های تیره، زغال چوب و بنفش قرمز کم رنگ؛ این طرح رنگ برای اونهایی که دنبال ظاهری زیبا، مدرن و در عین حال پویا هستند مناسبه. این ترکیب رنگ همه کاره است و میتونه در پروژههای مختلف، از گزارش های شرکتی با ظاهر مدرن گرفته تا مجلات و محتوای سرمقاله استفاده بشه.
19- مینیمال ولی گرم
این ترکیب مینیمال از سفید پوسته تخم مرغی، وانیلی تیره و خاکستری مایل به قرمز با قرمز ژله ای استفاده میکنه. وجود رنگ گرم در سراسر این طراحی، اون رو زیبا و جذاب می کنه.
20- سرسخت و دقیق
در این سایت رنگهای سرخ گیلاسی تیره، بنفش سلطنتی و آبی تخته سنگی تیره ترکیب شدن. سرخ گیلاسی پررنگ به عنوان یک رنگ برجسته روی پسزمینه بنفش تیره به محض ورود به سایت، چشم بینندهها رو سمت منوی پیمایش میبره.
21- پاک و پرانرژی
طیف های آبی و بنفش در این ترکیب به خصوص چشم نوازه و انرژی و آرامش میده. ترکیب هنرمندانه رنگهای زغال اختهای و آبی آسمانی با رنگ یاقوتی به این ترکیب طراوت و چشم نوازی مناسب برای برانگیختن احساسات مثبت رو میده.
22- شرکتی و سنتی
اگه ظاهری آروم و شرکتی میخواید، این طرح رنگ با ترکیب سبز، آبی و قهوهای، حرفهای بودن و قابل اعتماد بودن رو نشون میده. سبز فتالو، خاکستری تیره و آبی پیوتر تنها بعضی از رنگهای مورد استفاده هستن.
23- آبی و طراوت بخش
استفاده از طیف های مختلف رنگ آبی مثل آبی لاجوردی روشن تا آبی اقیانوسی، این رنگ را به یک طرح رنگ تودار و در عین حال زیبا تبدیل کرده. از پروژه های شرکتی گرفته تا پروژه های مرتبط با طراحی، این ترکیب مناسب موارد بسیاریه.
24- تمیز و مدرن
ترکیب سبز مرتلی و سبز کِپل با سفید مایل به لاجوردی و سفید ساده، ترکیبی ساده اما موثر را ساخته.
25- سرزنده و زیبا
استفاده از آبی سرد روشن اشباع با طیف های دیگر مثل آبی تیره و آبی کمرنگ گل ذرتی در این ترکیب، آن را به ترکیبی زیبا، روشن و زنده تبدیل کرده.
26- جوان و سرگرم کننده
ترکیب رنگ های فیروزه ای روشن، زرد نارنگی و ارکیده تیره این طرح رنگارنگ رو میسازه.
27- تضاد پر زرق و برق
تضاد عالی زرد-سبز روشن با سیاه و خاکستری در پس زمینه، این ترکیب شیک و فوق مدرن رو حتی زیبا تر کرده.
28- رنگ های اکسان
نمونه دیگه از سایتی که به طور موثر از رنگ برجسته و روشن برای هدایت چشمهای بیینده استفاده می کنه. رنگ زرد روشن ابتدا چشم را به سمت عنوان، و بعد مسیر صعود به کوه و در آخر هم به دکمههای فراخوان در پایین صفحه هدایت میکنه.
29- کاملا مدرن
مفهوم مدرنیته، زندگی و باروری با ترکیب سبز اقیانوسی، زمردکبود و سبز دریایی منتقل میشه که کاملاً با پیام مرکزی سایت هماهنگه: دیجیتال، پرورش و شکوفایی.
30- نزدیک به طبیعت
این ترکیب رنگ سبز با طیفی از رنگهای آبی، از رنگ آبی کمرنگ تا آبی مایل به زرد، برای طرحهای محافظهکارانه و ارائه تصویری از ثبات، قابلیت اطمینان و فراوانی، مناسبه.
31- صورتی ملایم و روشن
ترکیب صورتی تمشکی روشن با رنگ های ملایمتری مانند آبی و بنفش ملایم و روشن، ظاهری شگفت انگیز به این سایت داده.
32- ترکیب منحصر به فرد
ترکیب دور از ذهن طیف صورتی تیره با آبی، نتیجه ای منحصر به فرد و جذاب داره که برای پروژه های زیادی در زمینه های مختلف کاربردی است.
33- رنگ های مرکبات
این ترکیب، مورد علاقه برندهای مرتبط با ورزش و نوشیدنی های انرژی زاست و ترکیبی از سبز مایل به زرد روشن، سبز لیمویی و مشکیه.
34- آبی و نارنجی روشن
پس زمینه فیروزه ای روشن و دکمه فراخوان نارنجی ممکنه تو ذوق بعضی از بازدیدکنندگان بزنه، اما این ترکیب قطعاً حس نشاط را منتقل میکنه که با تصویر پس زمینه همخونی داره.
35- قرمز رزی و بلوبری
این طیف های صورتی و قرمز با دکمه فراخوانی آبی روشن خیلی جذابن و بلافاصله توجه بیننده را جلب میکنه.
36- جسورانه و منحصر به فرد
این ترکیب جسورانه و منحصر به فرد از آبی سلطنتی و طلایی، با اکسانهای فیروزه ای روشن، چشم ها را جذب خودش میکنه. تفکر غیرمنتظره و تا حدودی خارج از چارچوب باعث برنده شدن این سایت میشه.
37- شاد و پر انرژی
رنگهای فیروزهای، آبی و نارنجی موجود در این صفحه، این طرح را به نمونهای جذاب و پرانرژی تبدیل کرده که میتونه برای رسوندن پیامهای مثبت و نشاطآور استفاده بشه.
38- برفی ولی گرم
آبی زمستانی و قرمز، خنکی و گرما را مثل عکس های تعطیلات زمستان، همزمان تداعی میکنه.
39- غنی و رنگارنگ
این ترکیب رنگ زرد، آبی و صورتی روشن را در این طرح مینیمالیستی زیبا با هم استفاده میکنه که برای پروژه های پر جنب و جوش ولی حرفه ای مناسبه.
40- مدرن و مینیمالیست
این سایت تنها با چند عنصر طراحی و یه طرح رنگ خوب، طراحی جذابی داره. گل رز ترکی، اشکال هندسی سبز و زرد روی زمینه مشکی و خاکستری برای جلب نظر بیننده عالیه.
41- بی باک و نترس
این ترکیب رنگ از طیف های آبی و قرمز برای ایجاد حس جسارت و حرفهای بودن استفاده میکنه که القا حس قدرت و شایستگی مناسبه.
42- رنگ طرح مسطح
حتی اگه با اصطلاح طراحی مسطح آشنا نیستید، احتمالاً قبلاً اون رو دیدید: وب سایتهایی بدون سایهانداز، بدون شیب، بدون اریب. به طور خلاصه، بدون عناصر سه بعدی.
در حالی که سایت بالا کمی جلوه سایه به پسر سمت راست اضافه کرده، از نظر فنی به عنوان طراحی مسطح 2.0 حساب میشه، که چیزی جز اضافه کردن چند افکت سه بعدی بسیار ظریف نیست.همونطور که میبینید، رنگ های طرح مسطح بسیار روشن و پر رنگ هستند.
43- گلچین شده و ملایم
این ترکیب منحصربهفرد از رنگ قهوه با آبی آسمانی و طیف های مختلف قهوهای درست شده و آرامش بخش هست و میتونه یادآور کافه یا سالن مورد علاقه شما باشه.
44- باکلاس و سنتی
این ترکیب از صورتی کمئو، آبی UCLA و خاکستری گرانیتی، بنظر میاد لباس دانشجویان خوشحال و آماده باشد. البته این موضوع با توجه به مخاطبای سایت منطقیه اما میشه از این طرح در جایی که نیاز به جدیت و کمی سرزندگی باشه استفاده کرد.
45- رنگ برجسته
این سایت Spotify از یک اکسان بسیار خوب انگوری در برابر بنفش بسیار تیره اشباع نشده استفاده میکنه. این طرح رنگ رو میشه برای هر طرحی با چند عنصر دارای یک پیام مرکزی مشترک استفاده کرد.
46- شرکتی و جدی
این سایت با استفاده از آبی آکسفوردی با چند اکسان آبی و قرمز روشن، بسیار سنتی و شرکتی بنظر میرسه. آبی و سبز که حرفه ای بودن و ثبات رو نشان میدن، معمولاً توی گزارش های شرکتی استفاده میشن.
47- پر زرق و برق و رو مد
این ترکیب طلایی، بنفش و مشکی نشان دهنده کلماتی مانند ثروت و افراط هستند و بر این اساس، این ترکیب را میشه برای طرح های مرتبط با مد، لوکس و محصولات رده بالا استفاده کرد.
48- چشم نواز و براق
این ترکیب زیبا از رنگ سبز ویریدین و تِلِه ماژانتا روی پسزمینهی تیره، جذابیت ظاهری بیشتری ایجاد و بیننده رو در نگاه اول جذب خودش میکنه. با ظاهر جسورانه ولی حرفه ای، اگر درست استفاده بشه حتی برای طرح های شرکتی هم مناسبه.
49- روشن و جسورانه
در حالی که طرح رنگ قبلی چشم نواز بود – اما نه خیلی روشن – این ترکیب عمداً از رنگ خیلی روشن استفاده میکنه که تا جایی که ممکنه برخی از بینندگان را دفع کنه. با این حال، اگر میخواید حرفی جسورانه بزنید، این ترکیب میتونه خیلی کمکتون کنه.
50- سرزنده ولی آرامش بخش
این ترکیب آرامشبخش ولی شاد از زنگ های لیمویی، زرد، نعنایی و فیروزهای تیره درست شده که برای هر پیامی که به دنبال انتقال انرژی، خوشبینی و در عین حال هماهنگی و رشد است، مناسب هست.
درود من یک سایت وردپرسی فروشگاه لباس دارم که از قالب رنگیش خوشم نمیاد اگر امکانش هست میخواستم بررسی کنید که قابل تغییر است ؟