Product Designer
استفاده از تئوری رنگ در طراحی وب
نظریه رنگ به ما می گوید که رنگ های مختلف به دلایل خاص با هم کار می کنند - یا نمی کنند.
در حالی که ممکن است در مورد اینکه چه رنگی بر بازدید کنندگان از وبلاگ شما تأثیر می گذارد فکر نکنید ، در طی فرایند طراحی وب ، طراح این موضوع را به عنوان یکی از مؤلفه های بسیار مهم ایجاد وب سایت کامل می داند.
چگونه رنگ باعث احساس می شود؟
نگاهی به این بلوک رنگی بیندازید:
چگونه آن را احساس می کنید؟
و چگونه در مورد این بلوک:
آیا وقتی مثال B را مشاهده می کردید ، وقتی به مثال A نگاه می کنید ، متفاوت بودید؟
اگر چنین باشد ، جای تعجب نیست.
رنگ زرد برقی ، پرانرژی است.
آبی روشن آرام است.
رنگ مهم است. همه ما ارتباطات غریزی روانشناختی با رنگهای خاصی داریم. برخی از اینها پیوندهای روانشناختی متداول با رنگ هستند ، و برخی دیگر انجمنهای جداگانه ای هستند که براساس زمینه زندگی ما ایجاد شده اند. حتی سایه مورد استفاده باعث ایجاد تفاوت خواهد شد. سایه ای نرم تر از رنگ آبی باعث آرامش احساسات می شود در حالی که سایه های قوی تر نشان دهنده قدرت است.
سه دسته رنگ
احتمالاً در کلاس هنرهای ابتدایی در مورد تئوری رنگ آموخته اید. احتمال اینکه هنوز بخش اعظم آن را فراموش کرده باشید مگر اینکه در طراحی گرافیک کار کنید!
چرخ رنگ شامل سه نوع رنگ است:
- Primary
- Secondary
- Tertiary
رنگ های اولیه : با ترکیب رنگهای دیگر با یکدیگر نمی توان رنگ های اصلی ایجاد کرد.
رنگ های ثانویه: با مخلوط کردن دو رنگ اصلی شکل می گیرد: آبی و زرد باعث رنگ نارنجی به رنگ سبز ، قرمز و زرد می شود.
رنگ های سومی :با ترکیب رنگهای اصلی و فرعی حاصل می شوند: آبی-سبز یا قرمز-نارنجی.
طراحان وب از این نوع رنگ ها برای ایجاد احساس در هنگام طراحی وبلاگ استفاده می کنند.
رنگهای مکمل
برای کارشناسی ارشد طراحی باید درک کنید که چه رنگ ها در کنار هم به نظر می رسند. رنگهای مکمل در طرف های مقابل چرخ رنگ از یکدیگر یافت می شوند. این رنگ ها هنگام استفاده از یکدیگر در تقابل با یکدیگر قرار می گیرند و به طرح های شما ظاهری پر جنب و جوش می دهند. این رنگهای مکمل همچنین می توانند برای تقویت یک احساس خاص یا لایه بندی احساسات اضافی در بالای احساس اصلی موردنظر برای بازدید کننده خود استفاده شوند. به عنوان مثال ، ممکن است از دکمه های تماس با شما برای استفاده از رنگ قرمز استفاده کنید تا فوریت را بیابید و آن را با سبزی ها در سراسر چیدمان خود ترکیب کنید تا احساس امنیت بیشتری به بازدید کنندگان شما بدهد.
می توانید از ابزاری مانند ماشین حساب رنگ در وب سایت Session College استفاده کنید تا جفت کاملی از رنگ های مکمل را برای پروژه طراحی خود پیدا کنید.
حال و هوای وبلاگ خود را از طریق رنگ ایجاد کنید
آیا می خواهید بدانید که چه رنگهایی با کدام نوع احساس همراه هستند؟ این یک راهنمای مفید است:
قرمز - گرم ، برقی ، پرانرژی. عالی به عنوان یک تاکید برای ایجاد جنبش.
آبی - آرامش ، قدرت ، حرفه ای. سایت هایی برای سفر یا استراحت با این سایه خوب کار می کنند.
زرد - هیجان انگیز و برقی. بیش از حد می تواند باعث ایجاد حواس پرتی در سایت شود ، بنابراین از آن برای تاکید استفاده کنید.
نارنجی - برقی؛ با این حال ، مرورگرها این سایه را به شکلی متفاوت نمایش می دهند ، بنابراین به عنوان یک تاکید از آن استفاده می کنند.
سبز - خونسرد ، آرام بخش ، حرفه ای؛ عالی برای سایت هایی که به طبیعت ، امور مالی ، تجارت مراجعه می کنند.
سیاه - قدرت و قدرت. در حالی که از رنگ مشکی به عنوان یک رنگ اصلی در طراحی وب استفاده شده است ، می تواند چشم چشم خواننده را نیز تحت فشار قرار دهد.
خاکستری - برای قدرت ، آرامش ، قدرت ، اقتدار قابل استفاده است. سایه عالی برای ترکیب با اکثر رنگهای دیگر. خاکستری امروزه در طراحی وب بسیار مورد استفاده قرار می گیرد.
سفید - اگرچه ممکن است در طراحی وب یک رنگ غیر ضروری به نظر برسد ، آنچه را که در مورد فضای سفید یا منفی در این مقاله گفته شده است فراموش نکنید. خوانندگان شما به برخی مناطق سفید نیاز دارند تا بقیه سایت مورد توجه قرار گیرند. بدون این فضای سفید ، احتمالاً خوانندگان خود را تحت الشعاع قرار می دهید ، و احتمالاً آنها گمراه خواهند شد.
چند نمونه از تئوری رنگ در حال استفاده
برای اینکه نشان دهد چگونه تئوری رنگ در توسعه وب استفاده می شود ، چه راهی بهتر از ارائه چند تصویر.
شاید مشهورترین نمونه وب سایت که از رنگ آبی برای بیرون کشیدن احساس امنیت و اعتماد استفاده می کند ، فیس بوک باشد:
یک وب سایت تجارت الکترونیکی است که از انواع رنگهای پر جنب و جوش برای جلب مشتریان به فروشگاه خود استفاده می کند. در ابتدا ، طرح رنگ آنها ممکن است آشفته به نظر برسد ، اما تنوع عمدی است: این نشان دهنده طیف گسترده ای از مارک های موجود در فروشگاه آنها است.
توصیه نهایی
اگر وب سایت شما کشش مورد نظر خود را پیدا نمی کند ، بخشی از مشکل از رنگ شما است وقت بگذارید تا واقعاً بدانید که مردم هنگام ورود به وب سایت شما چه احساسی باید داشته باشند ، سپس یک طراحی جدید بسازید که از رنگ های انتخاب شده برای برانگیختن آن احساسات استفاده کند.
مطلبی دیگر از این انتشارات
طراح نباش و طراحی یاد بگیر! - ۲ از ۲
مطلبی دیگر از این انتشارات
معرفی 5 روش برای طراحی اپلیکیشن موبایل با گیمیفیکیشن
مطلبی دیگر از این انتشارات
نکات مهم برای پیام ارور