MỤC LỤC
Lý thuyết màu sắc là gì? Tầm quan trọng của lý thuyết màu sắc trong THIẾT KẾ WEBSITE
Không phải sản phẩm truyền thông nào cũng có thể chiến thắng trong tâm trí người tiêu dùng. Nhiều chiến dịch bị thất bại không phải vì nội dung, cũng không phải vì không hiểu hành vi người tiêu dùng. Mà chính bởi ngôn ngữ hình ảnh, màu sắc không đủ ảnh hưởng và thuyết phục khách hàng. Bài viết này, Ngáo content sẽ chia sẻ lý thuyết màu sắc trong thiết kế website.
Lý thuyết màu sắc là gì
Lý thuyết màu sắc là một ngành học. Nó không chỉ gồm một vòng tròn màu sắc mà còn là các tiêu chuẩn, khái niệm để sử màu sắc trong thiết kế hay nghệ thuật nói chung.
Tầm quan trọng của thiết kế trong truyền thông
Xây dựng hình ảnh thương hiệu
Tăng tỷ lệ chuyển đổi
- Cảm xúc nào bạn muốn khơi gợi từ hình ảnh, màu sắc và layout lựa chọn.
- Liệu nội dung quan trọng đã được nổi bật hơn những nội dung khác chưa
Bánh xe màu sắc (Color Wheel)
Lý thuyết màu sắc là sự kết hợp thực tế giữa nghệ thuật và khoa học, sử dụng để xác định.
Bánh xe màu sắc được phát minh bởi Issac Newton vào năm 1666. Đây là cơ sở của màu sắc, nó cho thấy rõ mối quan hệ giữa các màu sắc với nhau.
Có hai loại bánh xe màu:
- Bánh xe màu RYB (Red – Yellow – Blue, tức Đỏ – Vàng – Xanh lam): thường được các nghệ sĩ sử dụng nhiều trong lĩnh vực hội họa.
- Bánh xe màu RGB (Red – Green – Blue, tức Đỏ – Xanh lục – Xanh lam): ứng dụng nhiều nhất trong việc hiển thị màu sắc trong các ống tia âm cực, màn hình tinh thể lỏng hay màn hình plasma, chẳng hạn như màn hình máy tính hay ti vi.
Nghệ thuật phối màu từ bánh xe màu sắc
Có tất cả 4 cách phối màu thiết kế của bánh xe màu sắc:
- Monochromatic – Phối đơn sắc.
- Analogous – Nguyên tắt phối màu tương đồng.
- Complementary – Phối màu bổ xung.
- Split Complementary – Phối màu bổ sung xen kẻ.
Monochromatic – Phối đơn sắc
Chọn 1 trong 12 cung màu của bánh xe màu sắc để tiến hành phối màu. Việc điều chỉnh độ sáng tối cực nhỏ trên mỗi cung tạo ra 1 hệ màu sắc ăn ý với nhau.
Vì nguyên tắc phối màu này không cầu kì và phức tạp, thường phối màu đơn sắc nhìn rất dễ chịu với người nhìn. Nhưng chính vì đơn giản, nên designer phải biết đâu là điểm chính để tập trung nhấn mạnh.
Phối màu thiết kế tương đồng – Analogous
Đây là phương pháp không quá khó nhưng không dễ như phương cách phối đơn như trên, nó cho phép tạo ra tổ hợp màu sắc đa dạng hơn.
- Kết hợp 3 cung sát nhau trên bánh xe màu sắc.
- 3 cung với 24 cấp độ màu sắc cơ bản cho phép tạo ra tổ hợp với nhiều màu đậm nhạt khác nhau cho phép tạo ra 12 combo màu. Thậm chí nhìn vào, một số màu chúng ta không tìm thấy sự liên quan. Vì thế, đôi khi khách hàng mang file ra in, nhưng kêu bị sai màu so với màn hình điện thoại hay mà hình máy tính thì nguyên nhân là đây.
- Chọn ra một vài màu đặc biệt làm điểm nhấn cho toàn bố cục, tạo nên sự đồng bộ bất ngờ.
Complementary – Phối màu bổ sung
Phối màu bổ túc trực tiếp là hai màu bất kỳ đối xứng nhau trên bánh xe màu sắc. Ví dụ như vàng – tím, đỏ(red) – xanh lá(green). Phương pháp này giúp bạn làm nổi bật những chi tiết nổi bật, làm nóng thứ bạn muốn khách hàng quan tâm. Vì thế nó thực sự không thích hợp với kiểu thiết kế nhẹ nhàng. Nếu đang theo đuổi phương pháp thiết kế đơn giản tự nhiên, tối nhất nên chọn phối theo kiểu đơn sắc.
Split-complementary – Nguyên tắc phối màu bổ sung xen kẻ
Phối màu bổ sung xen kẻ là lấy 1 màu chính kết hợp với 2 màu đối diện trên vòng tròn màu để tạo nên một hình tam giác. Ví dụ màu Cam(orange) – xanh lá(green) – xanh biển(blue).
Cũng giống như các phối màu bổ túc trực tiếp, cách phối màu này sẽ làm cho hệ thống màu của chúng ta thêm phong phú và bắt mắt, thu hút người nhìn, với những ai đang học phối màu thì đây là cách phối màu lý tưởng vì nó ít gây ra sự nhầm lẫn – linh hoạt, và sự độc lạ cho tác phẩm của mình.
Tuy nhiên để pp phối màu này thể hiện kết quả tốt nhất, bạn phải chọn được 1 màu chủ đạo để tập trung phát triển, 2 màu còn lại chỉ là bổ sung xen kẻ mà thôi.
Xem thêm Màu Pastel là gì? 30+ bảng mã màu Pastel tuyệt đẹp cho thiết kế 2020
Thu Ngann- Tổng hợp & Edit
https://indiapharmacy.shop/# mail order pharmacy india
http://indiapharmacy.shop/# india pharmacy
cheap ed pills online
mexican pharmaceuticals online: Best online Mexican pharmacy – reputable mexican pharmacies online
https://edpillpharmacy.store/# erection pills online
ed online pharmacy
https://edpillpharmacy.store/# cheap erectile dysfunction pills
best ed pills online: ED meds online with insurance – top rated ed pills
https://indiapharmacy.shop/# best india pharmacy
discount ed meds
https://mexicopharmacy.win/# mexican rx online
india pharmacy mail order: Online India pharmacy – india pharmacy mail order
Everything is very open with a really clear clarification of the challenges. It was truly informative. Your site is useful. Many thanks for sharing.
https://mexicopharmacy.win/# reputable mexican pharmacies online
buy medicines online in india: indian pharmacy – reputable indian online pharmacy
top online pharmacy india: Top online pharmacy in India – reputable indian online pharmacy
https://edpillpharmacy.store/# ed rx online
ed prescriptions online: Cheapest online ED treatment – generic ed meds online
ed meds by mail: online ed prescription same-day – low cost ed meds
http://edpillpharmacy.store/# order ed pills
best online ed pills: cheap ed pills online – cheap boner pills
http://edpillpharmacy.store/# ed prescription online
purple pharmacy mexico price list: Medicines Mexico – purple pharmacy mexico price list
buying prescription drugs in mexico online: mexico pharmacy win – purple pharmacy mexico price list
http://mexicopharmacy.win/# п»їbest mexican online pharmacies
ed treatment online: Cheap ED pills online – buy ed medication online
http://indiapharmacy.shop/# online pharmacy india
cheap ed meds online: ed pills online – ed prescriptions online
I seriously love your website.. Pleasant colors & theme. Did you make this amazing site yourself? Please reply back as I’m planning to create my very own website and want to find out where you got this from or exactly what the theme is called. Thanks.
erectile dysfunction meds online: order ed pills – ed prescription online
https://edpillpharmacy.store/# top rated ed pills
medication from mexico pharmacy: Medicines Mexico – mexican mail order pharmacies
erectile dysfunction pills online: Cheap ED pills online – erectile dysfunction online prescription
Oh my goodness! Amazing article dude! Thank you, However I am having issues with your RSS. I don’t know the reason why I cannot join it. Is there anybody having similar RSS problems? Anyone that knows the solution can you kindly respond? Thanx!!
pills for erectile dysfunction online: ed pills online – best online ed pills
medication from mexico pharmacy: Mexico pharmacy online – pharmacies in mexico that ship to usa
I’m impressed, I must say. Seldom do I come across a blog that’s both educative and interesting, and let me tell you, you’ve hit the nail on the head. The problem is something not enough people are speaking intelligently about. I am very happy I stumbled across this during my hunt for something concerning this.
I really like looking through a post that can make men and women think. Also, thanks for allowing for me to comment.
This is the perfect blog for anyone who wants to understand this topic. You know a whole lot its almost tough to argue with you (not that I really will need to…HaHa). You definitely put a fresh spin on a subject which has been written about for decades. Wonderful stuff, just wonderful.
zestoretic 20: buy lisinopril – buy generic lisinopril
https://tamoxifen.bid/# tamoxifen breast cancer
buy cytotec in usa https://lipitor.guru/# lipitor 10 mg cost
lasix generic
lasix medication: cheap lasix – lasix furosemide 40 mg
bookmarked!!, I really like your blog!
purchase cytotec https://furosemide.win/# lasix for sale
furosemide 40 mg
https://furosemide.win/# lasix generic name
lisinopril 5mg tabs: cheap lisinopril – lisinopril 20 mg price in india
lipitor rx cost [url=https://lipitor.guru/#]buy lipitor 20mg[/url] lipitor rx cost
buy misoprostol over the counter http://tamoxifen.bid/# tamoxifen for gynecomastia reviews
furosemida 40 mg
https://lisinopril.guru/# lisinopril pills 2.5 mg
buy cytotec over the counter: buy misoprostol tablet – Misoprostol 200 mg buy online
This is a topic which is close to my heart… Cheers! Exactly where can I find the contact details for questions?
buy misoprostol over the counter https://tamoxifen.bid/# tamoxifen rash pictures
furosemide 100 mg
tamoxifen depression [url=https://tamoxifen.bid/#]buy tamoxifen citrate[/url] tamoxifen brand name
lisinopril generic price comparison: lisinopril buy without prescription – order lisinopril 10 mg
http://lipitor.guru/# how much is generic lipitor
prinivil 20 mg: lisinopril – lisinopril capsule
buy cytotec online https://lipitor.guru/# lipitor generic
lasix furosemide 40 mg
Hello there! This post couldn’t be written any better! Looking through this article reminds me of my previous roommate! He always kept talking about this. I most certainly will forward this post to him. Pretty sure he’ll have a great read. Many thanks for sharing!
best price for generic lipitor: Lipitor 10 mg price – lipitor
http://tamoxifen.bid/# alternative to tamoxifen
cytotec online https://lipitor.guru/# prescription medication lipitor
furosemide 100mg
tamoxifen and depression: buy tamoxifen online – hysterectomy after breast cancer tamoxifen
Spot on with this write-up, I seriously feel this amazing site needs a great deal more attention. I’ll probably be returning to read more, thanks for the info.
https://cytotec.pro/# buy cytotec
lisinopril 50 mg: where to buy lisinopril without prescription – п»їbuy lisinopril 10 mg uk
You ought to be a part of a contest for one of the highest quality blogs on the web. I will recommend this site!
buy cytotec over the counter http://cytotec.pro/# buy misoprostol over the counter
furosemida 40 mg
lisinopril without prescription: cheap lisinopril – zestoretic 10 mg
This is a topic that is close to my heart… Best wishes! Exactly where can I find the contact details for questions?
100 mg lisinopril: Lisinopril refill online – 40 mg lisinopril
cytotec abortion pill https://lipitor.guru/# lipitor coupon
lasix uses
bookmarked!!, I love your blog.
lipitor 10mg tablets: Lipitor 10 mg price – lipitor 100mg
cost of lipitor in canada: buy lipitor 20mg – п»їlipitor price comparison
Greetings! Very helpful advice within this post! It is the little changes that will make the most significant changes. Many thanks for sharing!
buy cytotec https://lipitor.guru/# lipitor generic coupon
furosemide 100 mg
After checking out a handful of the blog posts on your blog, I seriously appreciate your way of writing a blog. I saved it to my bookmark site list and will be checking back soon. Take a look at my website as well and let me know your opinion.
lasix 40 mg: buy furosemide – furosemida
lipitor brand: Atorvastatin 20 mg buy online – lipitor canada pharmacy
buy cytotec https://lipitor.guru/# lipitor india
lasix
zestril 10mg: Lisinopril online prescription – cost of prinivil
An impressive share! I have just forwarded this onto a friend who was doing a little research on this. And he in fact bought me dinner simply because I discovered it for him… lol. So allow me to reword this…. Thanks for the meal!! But yeah, thanx for spending some time to discuss this topic here on your blog.
That is a very good tip especially to those fresh to the blogosphere. Brief but very precise information… Thank you for sharing this one. A must read article!
https://mexstarpharma.online/# best online pharmacies in mexico
canadian pharmacy online store [url=https://easyrxcanada.com/#]canada pharmacy online[/url] escrow pharmacy canada
https://mexstarpharma.online/# buying from online mexican pharmacy
online pharmacy india [url=https://easyrxindia.shop/#]buy medicines online in india[/url] reputable indian pharmacies
Saved as a favorite, I really like your website!
https://mexstarpharma.online/# reputable mexican pharmacies online
https://mexstarpharma.online/# mexican border pharmacies shipping to usa
mexican pharmaceuticals online: mexican rx online – mexican drugstore online
india pharmacy [url=https://easyrxindia.com/#]top 10 pharmacies in india[/url] india pharmacy
canadian pharmacy prices: canadian pharmacy store – best rated canadian pharmacy
https://easyrxindia.com/# indianpharmacy com
https://mexstarpharma.com/# best online pharmacies in mexico
buying prescription drugs in mexico: mexico drug stores pharmacies – medicine in mexico pharmacies
india pharmacy: india pharmacy mail order – top 10 pharmacies in india
https://mexstarpharma.online/# п»їbest mexican online pharmacies
india online pharmacy: top 10 online pharmacy in india – reputable indian pharmacies
https://easyrxcanada.online/# canadian pharmacy 1 internet online drugstore
I quite like reading an article that will make people think. Also, thanks for allowing for me to comment.
reputable mexican pharmacies online: medication from mexico pharmacy – medication from mexico pharmacy
medicine in mexico pharmacies: purple pharmacy mexico price list – mexican pharmacy
bonus veren siteler: deneme bonusu veren siteler – deneme bonusu
canl? slot siteleri: 2024 en iyi slot siteleri – slot casino siteleri
I was very pleased to find this page. I wanted to thank you for ones time due to this wonderful read!! I definitely savored every bit of it and i also have you book-marked to look at new information on your site.
slot siteleri bonus veren: deneme veren slot siteleri – en cok kazandiran slot siteleri
en cok kazandiran slot siteleri: slot siteleri bonus veren – slot siteleri guvenilir
http://slotsiteleri.bid/# canl? slot siteleri
After going over a few of the articles on your site, I seriously appreciate your way of blogging. I book-marked it to my bookmark webpage list and will be checking back in the near future. Please check out my web site too and let me know your opinion.
Good day! I could have sworn I’ve visited this site before but after going through many of the articles I realized it’s new to me. Nonetheless, I’m definitely pleased I discovered it and I’ll be bookmarking it and checking back often.
http://denemebonusuverensiteler.win/# deneme bonusu veren siteler
Hi there, There’s no doubt that your website may be having browser compatibility issues. When I look at your site in Safari, it looks fine however, when opening in I.E., it’s got some overlapping issues. I merely wanted to give you a quick heads up! Apart from that, excellent website.
oyun siteleri slot: en iyi slot siteleri – canl? slot siteleri
http://denemebonusuverensiteler.win/# bahis siteleri
guvenilir slot siteleri 2024: en yeni slot siteleri – slot kumar siteleri
http://denemebonusuverensiteler.win/# deneme bonusu
Hi there! I simply would like to offer you a huge thumbs up for your excellent information you have here on this post. I’ll be returning to your site for more soon.
slot siteleri bonus veren: yasal slot siteleri – en yeni slot siteleri
slot siteleri guvenilir: yasal slot siteleri – en iyi slot siteleri 2024
https://denemebonusuverensiteler.win/# bahis siteleri
I blog frequently and I seriously appreciate your information. This article has truly peaked my interest. I am going to book mark your site and keep checking for new information about once a week. I subscribed to your Feed as well.
http://pin-up.diy/# pin up casino
1win: ван вин – 1вин официальный сайт
pin up casino: пин ап казино – пин ап вход
1xbet официальный сайт: 1xbet зеркало – 1xbet зеркало рабочее на сегодня
https://vavada.auction/# vavada casino
vavada [url=http://vavada.auction/#]vavada casino[/url] vavada
1хбет официальный сайт: 1хбет зеркало – 1xbet зеркало
pin up casino: пин ап вход – пин ап
http://1win.directory/# 1вин сайт
I must thank you for the efforts you’ve put in penning this website. I am hoping to view the same high-grade content by you in the future as well. In fact, your creative writing abilities has motivated me to get my own site now 😉
1вин официальный сайт: 1вин официальный сайт – 1вин сайт
http://vavada.auction/# вавада казино
пин ап казино вход: пинап казино – пин ап казино
https://1xbet.contact/# 1xbet зеркало рабочее на сегодня
pin up casino: pin up – пин ап казино
fluconazole mexico pharmacy: online pharmacy metronidazole 500mg – express rx pharmacy los angeles
lamictal online pharmacy: singapore pharmacy store – med rx pharmacy
A motivating discussion is worth comment. I do believe that you need to publish more about this topic, it may not be a taboo subject but usually folks don’t speak about such subjects. To the next! Best wishes!
https://easydrugrx.com/# thrifty drug store
levitra online pharmacy no prescription
https://pharm24on.com/# community pharmacy warfarin
motilium new zealand pharmacy
generic lexapro online pharmacy: pharmacy online free shipping – international online pharmacy
This is a really good tip particularly to those fresh to the blogosphere. Short but very precise info… Appreciate your sharing this one. A must read post!
Spot on with this write-up, I truly feel this web site needs a lot more attention. I’ll probably be returning to read through more, thanks for the info.
https://onlineph24.com/# Nootropil
modafinil online pharmacy
lamictal pharmacy prices: Cardura – selegiline online pharmacy
viagra online indian pharmacy: online pharmacy same day delivery – legit online pharmacy viagra
https://drstore24.com/# target pharmacy effexor
atorvastatin target pharmacy [url=https://onlineph24.com/#]zyprexa prices pharmacy[/url] aciphex online pharmacy
https://easydrugrx.com/# jewel osco pharmacy
meijer pharmacy lipitor
omeprazole boots pharmacy: people’s pharmacy generic wellbutrin – ventolin inhaler inhouse pharmacy
fincar inhouse pharmacy: cetirizine online pharmacy – best india pharmacy
Oh my goodness! Awesome article dude! Thank you so much, However I am going through issues with your RSS. I don’t understand why I am unable to join it. Is there anybody else having identical RSS issues? Anyone who knows the answer will you kindly respond? Thanks!
bupropion pharmacy prices: putney general store pharmacy – flomax online pharmacy
https://pharm24on.com/# xenical indian pharmacy
online pharmacy xalatan [url=https://drstore24.com/#]viagra pharmacy reviews online[/url] rx pharmacy viagra
cialis online american pharmacy: walgreen online pharmacy – latisse online pharmacy