10 نکته برای کار با رنگ های پررنگ در طراحی وب

 10 نکته برای کار با رنگ های پررنگ در طراحی وب

John Morrison

10 نکته برای کار با رنگ های پررنگ در طراحی وب

طراحی با رنگ های پررنگ بسیار سرگرم کننده است.

این نیز کمی خطرناک است.

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

همچنین ببینید: 45+ بهترین الگوهای موکاپ اینستاگرام (استوری و پست) 2023

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

کاوش دارایی‌های دیجیتال

1. احساس مناسب ایجاد کنید

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

رنگ پررنگ همچنین بیانیه ای را در چهره شما ایجاد می کند که باید توجه را به طراحی جلب کند و به کاربران کمک کند تا درگیر شوند.

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

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

2. یک عنصر غیر سنتی را برجسته کنید

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

همچنین ببینید: 80+ بهترین متراکم و آمپر; فونت های باریک 2023

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

رنگ پررنگ در واقع به عنوان یک ابزار قابل استفاده عمل می کند.

3. برجسته کنید چه کسی هستید

رنگ پررنگ می تواند به عنوان یک عنصر باندینگ در طراحی وب سایت عمل کند.

انتخاب رنگ نئون در بالا یک مثال قوی است زیرا به عنوان یک اختلال بینایی عمل می کند - با یک انتخاب رنگ جالب و غیر معمول - که لوگو را در گوشه بالایی به نام شرکت گره می زند.

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

4. Create Text Elements the Wow

در مثال دیگری از استفاده از رنگ پررنگ با متن، Superglow عنصر غالب در طراحی وب سایت فوق است، حتی با استفاده از تصاویر تمام صفحه.

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

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

5. Counter Stark Aesthetics

چه یک پاشیدن رنگ ساده به عنوان یک لهجه یا یک بلوک رنگ بزرگتر باشد، رنگ های پررنگ می توانند تعادل مناسبی را ایجاد کنند تا زیبایی شناسی واضح را از حداقل بودن جلوه دهد.

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

Studio MV، در بالا، رویکرد جالبی را با یک کادر قرمز تقریباً نیمه صفحه برای عناصر متنی کوچک اتخاذ می کند. در حالی که رنگ با بقیه طرح های سیاه و سفید مقابله می کند، بیش از حد شلوغ نیست و خود تیرگی متعادلی دارد.

شکاف افقی در سمت چپ صفحه به بلوک قرمز کمک می‌کند وزن مناسبی داشته باشد.

6. بیانیه بنویسید

گاهی اوقات یک رنگ پررنگ تنها چیزی است که برای بیان یک بیانیه نیاز دارید.

به تمام ارتباط های اساسی در مثال بالا و تاثیری که از خود بر جای می گذارد فکر کنید.

7. Snag Attention

رنگ پررنگ اغلب یک هدف مستقیم دارد – جلب توجه بازدیدکنندگان وب سایت.

گاهی اوقات رنگ پررنگ در هماهنگی با محصولات موجود در وب سایت، مانند مثال بالا، عمل می کند، و گاهی اوقات رنگ به سادگی صحنه را تنظیم می کند.

در اینجا چیزی است که در مورد رنگ به عنوان یک توجه فوق العاده خوب است-دریافت ابزار در وب سایت ها - تقریباً در هر زمان می توانید آن را تغییر دهید. پس زمینه آبی روشن امروز می تواند ماه آینده زرد یا پس از آن سبز لیمویی باشد.

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

این عنصر کوچک شگفت‌انگیز رنگی می‌تواند لذت بخش باشد و در درازمدت به تجربه مثبت کاربر کمک کند.

8. آن را سرگرم کننده کنید

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

این می تواند هر چیزی باشد، از استفاده از رنگ های زیاد تا رنگ های "ناهمخوان".

در مثال بالا از مدرسه Letterz، انتخاب رنگ به سبک هایلایتر بسیار قابل هضم است. اما آنها زیاد نیستند، بلکه سبکی بقیه طراحی و شکل چوبی سرگرم کننده که روی بلوک ها اجرا می شود، مقدار مناسبی از سرگرمی را ایجاد می کند. (آنقدر سرگرم کننده است که حتی متوجه نمی شوید که چگونه رنگ ها واقعاً مطابقت ندارند.)

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

9. یک پس زمینه روشن ایجاد کنید

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

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

10. نمای مرسوم خود را نشان دهید

در مورد ترندها، انتخاب رنگ به خودی خود یک روند طراحی وب سایت است و می تواند به خوبی در هماهنگی با سایر عناصر مد روز کار کند.

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

رنگ به تعادل سایر عناصر طراحی کمک می کند، به هدایت کاربران به منوی کناری کمک می کند و کل صفحه را به یک اثر هنری تبدیل می کند.

John Morrison

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