Việc lựa chọn màu sắc, phối màu là giai đoạn rất quan trọng trong thiết kế. Dù là thiết kế quảng cáo đơn giản, thiết kế in ấn phức tạp hay theo bất kỳ phong cách nào cũng có tiêu chuẩn màu sắc riêng của nó. Bài viết này sẽ đưa ra những cách phối màu hữu ích nhất với dân thiết kế.
MỤC LỤC
1001 cách phối màu dành cho dân thiết kế
Cách phối màu đơn sắc
– Màu đơn sắc: Dựa trên các biến thể sắc độ, sắc thái và tông màu của một màu duy nhất để tạo nên 1 bảng màu mới.
Cách phối màu tương phản
– Phối màu tương phản: Kiểu phối màu này chúng ta sẽ sử dụng 2 màu sắc đối diện nhau trên vòng tròn màu. Điều này giúp mang lại sự tương phản và cảm giác tốt về năng lượng.
Có thể bạn quan tâm:
Lý thuyết màu sắc là gì? Tầm quan trọng trong THIẾT KẾ WEBSITE
Cách phối màu tam giác
– Phối màu tam giác: Lấy ngẫu nhiên 3 ô màu ở 3 điểm cách đều nhau hoặc gần đều ta sẽ được bảng màu mới theo hình tam giác. Sự kết hợp này tạo cho người xem cảm giác cân bằng và hài hòa.
Cách phối màu tương đồng
– Phối màu tương đồng: Phương pháp này sẽ kết hợp khoảng 3 – 5 ô màu liền kề nhau trên vòng tròn màu. Khi chọn được một màu chính, luôn lấy các ô nằm bên phải của màu chính đó.
Cách phối màu tương phản bộ 4
– Phối màu tương phản bộ 4: Kiểu phối màu này sẽ sử dụng 1 gam màu chính (làm điểm nhấn) và 3 màu bổ sung sao cho cả 4 màu được phân phối đều để tạo thành hình vuông hoặc hình chữ nhật. Cách này giúp tạo ra sự cân bằng nhưng phong phú, độc đáo giữa các sắc thái.
Các công cụ phối màu hay
Với sự phát triển công nghệ tuyệt vời như hiện nay, dân thiết kế hoàn toàn có thể sử dụng các công cụ “tuyệt đỉnh” để phối màu.
– Adobe Colour CC:
Với ứng dụng này, người dùng có thể lựa chọn các kiểu phối màu đơn sắc, tương đồng hay tương phản… tùy thích để tạo ra bảng màu ưng ý. Hệ thống sẽ gợi ý 5 màu riêng biệt kèm mã số và bảng điều chỉnh để người dùng cũng có thể sửa đổi.
– coolors.co
Công cụ gợi ý các bảng màu đẹp và miễn phí cho các newbie mới tạp tành thiết kế. Bạn có thể copy nhanh 1 mã màu bất kỳ hay dùng các bộ màu được gợi ý để phối màu thiết kế tốt hơn.
– Colour Scheme Designer:
Công cụ này cho phép người dùng tạo ra bảng phối màu của riêng mình bằng cách chỉnh độ sáng, bão hòa, tương phản của mỗi màu. Bên cạnh đó, bạn cũng có thể nhập 1 màu gốc chủ đạo, sau đó những màu bổ trợ sẽ được tự động hình thành.
– Material Designer Colour:
Công cụ dành riêng cho những ai yêu thích các dải màu palette. Người dùng chỉ cần lựa chọn màu ưa thích rồi paste mã màu đó vào phần mềm thiết kế là sẽ có ngay màu nguyên mẫu.
– Colour Combination:
Website này cung cấp những kiểu phối màu đã được tạo sẵn từ trước và update liên tục để người dùng có nhiều lựa chọn. Mỗi combo được tạo ra sẽ có 6 màu khác nhau, kèm lượt xem – lượt bình luận của những người dùng khác.
– Colourlover:
Công cụ colourlover là nơi cung cấp các bảng màu được chia sẻ bởi rất nhiều người khác trên toàn thế giới. Ứng dụng hỗ trợ thêm các công cụ hữu ích như ghi chú, tải hình ảnh lên, tham khảo CMYK trực tiếp… nhằm giúp bạn kết hợp được bảng màu tối ưu nhất.
Cách rèn luyện tư duy thiết kế
Tư duy thiết kế là thuật ngữ chỉ phương pháp “giải quyết vấn đề” để làm sao có thể tìm hiểu, nghiên cứu và đưa ra giải pháp thực tế cho những vấn đề của khách hàng. Không còn là chăm chăm nhìn vào vấn đề mà bạn cần tập trung và giải pháp & hành động. Tư duy thiết kế sẽ giúp bạn hiểu được 2 thứ: điều gì khiến một người khao khát và điều gì khả thi về mặt chức năng, lợi nhuận.
Để có thể thay đổi tư duy là cực kỳ khó và cần nhiều sự kiên nhẫn, rèn luyện trong thời gian dài. Tác giả Chris R. Becker đã chia sẻ cách rèn luyện tư duy thiết kế 8 bước liên tục như sau, bạn có thể tham khảo nhé:
- Tò mò: Có thể không hài lòng với tình trạng hiện tại, luôn tò mò và đặt câu hỏi cho mọi thứ xung quanh.
- Quan sát: Quan sát một cách “bí mật” mọi thứ xung quanh, đề cao tính trải nghiệm và sự tương tác.
- Đồng cảm: Tinh tế về mặt cảm xúc, thích lắng nghe nhiều hơn, thu thập feedback của người khác về bản thân mình, luôn tập trung vào cốt lõi, tìm hiểu nhiều hơn về con người (như tính cách, hành động….).
- Nghiên cứu: Không vội vàng đưa ra kết luận – đánh giá – định kiến cá nhân; nghiên cứu về các con số, dữ liệu, dự đoán xu hướng; đánh giá các xu hướng công nghệ thông qua trải nghiệm.
- Phác thảo: Minh hoạt mọi thứ bằng hình ảnh, sử dụng linh hoạt giữa ảnh và text.
- Prototyping: Sử dụng các kiến thức mình có một cách sáng tạo; thành tạo các kỹ năng về kỹ thuật máy tính, phần mềm, modeling…; sử dụng framework, process, journey; áp dụng nghệ thuật kể chuyện storytelling.
- Kiểm tra: Luôn sẵn sàng cho sự thất bại, luôn thử nghiệm nhiều lần và thường xuyên. Luôn tư duy rằng không phải mọi giải pháp đều hiệu quả.
Gợi ý các bảng màu trong thiết kế
Các bảng màu in ấn
Trong in ấn, màu sắc và sự lệch pha màu sắc là quan trọng nhất. Với mục đích in ấn thì bảng màu CMYK là một sự lựa chọn tối ưu. CMYK là hệ màu trừ được viết tắt bởi tên của 4 màu cơ bản: Cyan (lục cam), Magenta (đỏ tươi), Yellow (vàng), Key (đen). Hệ màu CMYK sẽ loại trừ màu trắng để tạo ra các màu sắc khác.
Bên cạnh đó, RGB cũng là hệ màu thường được sử dụng trong in ấn. RGB là từ viết tắt tiếng Anh của 3 màu cơ bản: Red (đỏ), Green (xanh lá), Blue (xanh dương). Hệ màu RGB lớn hơn nhiều so với hệ màu CMYK nên có thể hiển thị được nhiều màu sắc hơn, hình ảnh trong in ấn cũng sẽ tươi sáng hơn.
Các bảng màu thiết kế website/landing page
Để phối màu đẹp cho website/landing page, trước hết bạn phải xác định được tone màu và cảm giác mình mong muốn trước khi thiết kế. Sau đó mới chọn lựa kiểu phối màu phù hợp nhất.
Các bảng màu trong phim ảnh
Trong lĩnh vực phim ảnh sẽ không có bảng màu nào là cố định để áp dụng. Vì tùy vào từng bộ phim, từng nội dung của mỗi cảnh mà chúng ta cần sử dụng kiểu phối màu riêng biệt. Sẽ không có công thức chung cho lĩnh vực này. Tuy nhiên, điều quan trọng bạn cần biết là các bảng màu trong phim cũng sẽ được xây dựng nên từ các cách phối màu cơ bản đã được chia sẻ ở phần 1 của bài viết này.
Sau đây là một vài ví dụ cụ thể:
– Trong phim Amelie, phân cảnh này được sử dụng cặp màu đối lập là Red và Green
– Kiểu phối màu tam giác với Blue là màu chính, Red và Yellow là màu hỗ trợ trong phim The Westles
– Phim up sử dụng cách phối màu chữ nhật cho phân cảnh này, màu Green & Blue tương phản với màu Red & Orange
Các bảng màu đẹp trong quảng cáo
Các kiểu phối màu trong quảng cáo sẽ được chú trọng vào “tâm lý người đọc/xem quảng cáo”. Ý nghĩa về một số màu sắc cơ bản như sau:
Dựa vào những màu sắc cơ bản và ý nghĩa này, người làm quảng cáo thể tạo nên bảng màu phù hợp nhất với mục đích quảng cáo của mình. Dưới đây là một vài bảng màu bạn có thể tham khảo:
Cảm ơn bạn đã đọc bài viết siêu dài về các kiểu phối màu cho dân thiết kế. Hy vọng những kiến thức được cung cấp trong bài giúp bạn có thêm ý tưởng cho những thiết kế sau này của mình.
mexican rx online: mexican pharma – buying prescription drugs in mexico online
pharmacies in mexico that ship to usa
rybelsus price https://rybelsus.tech/# Buy semaglutide pills
rybelsus
cheapest rybelsus pills: semaglutide tablets – rybelsus price
http://ozempic.art/# ozempic coupon
buy rybelsus online: semaglutide online – rybelsus coupon
rybelsus cost: rybelsus coupon – buy rybelsus online
rybelsus coupon: rybelsus coupon – rybelsus pill
buy semaglutide online: rybelsus pill – buy rybelsus online
https://rybelsus.shop/# buy rybelsus online
http://rybelsus.shop/# rybelsus cost
ozempic coupon: ozempic coupon – ozempic coupon
buy ozempic pills online: buy ozempic pills online – ozempic generic
ozempic [url=https://ozempic.art/#]Ozempic without insurance[/url] Ozempic without insurance
Ozempic without insurance: buy cheap ozempic – ozempic generic
ozempic cost: ozempic coupon – ozempic coupon
buy cheap ozempic [url=http://ozempic.art/#]buy ozempic[/url] buy ozempic pills online
buy ozempic: ozempic generic – ozempic online
https://rybelsus.shop/# semaglutide online
ozempic online [url=https://ozempic.art/#]buy ozempic[/url] ozempic online
https://rybelsus.shop/# rybelsus pill
ozempic generic: ozempic generic – ozempic generic
https://ozempic.art/# ozempic
ozempic [url=https://ozempic.art/#]ozempic cost[/url] ozempic generic
rybelsus cost [url=https://rybelsus.shop/#]buy rybelsus online[/url] semaglutide cost
ozempic [url=https://ozempic.art/#]ozempic coupon[/url] buy ozempic pills online
https://ozempic.art/# buy cheap ozempic
https://rybelsus.shop/# semaglutide online
пин ап казино: пин ап казино – пинап казино
пин ап казино зеркало: пин ап официальный сайт – pin up казино
пин ап http://pinupkz.tech/# pin up kz
пинап казино
pin up казино [url=http://pinupru.site/#]пин ап[/url] пинап казино
pin-up bonanza: pin up guncel giris – pin up
pin up https://pinupturkey.pro/# pin up casino giris
pin up
pin up azerbaijan: pin up azerbaijan – pin-up casino giris
pin up casino guncel giris [url=http://pinupturkey.pro/#]pin-up casino giris[/url] pin up giris
пинап казино http://pinupturkey.pro/# pin up bet
пин ап казино вход
pin up https://pinupkz.tech/# пин ап 634
пин ап 634
https://pinupkz.tech/# пин ап 634
пин ап зеркало: пин ап – pin up зеркало
pin-up bonanza [url=http://pinupturkey.pro/#]pin up casino giris[/url] pin up guncel giris
http://pinupturkey.pro/# pin-up bonanza
пин ап казино вход: пин ап казино онлайн – пин ап кз
пин ап казино https://pinupkz.tech/# пин ап кз
пин ап кз
pin-up bonanza [url=http://pinupturkey.pro/#]pin up giris[/url] pin up bet
пин ап: pin up kz – пин ап казино
http://pinupru.site/# pin up
пин ап казино https://pinupru.site/# pin up казино
pin up
пин ап казино вход [url=https://pinupru.site/#]пин ап зеркало[/url] pin up зеркало
https://amoxil.llc/# amoxicillin generic
https://stromectol.agency/# stromectol lotion
amoxicillin for sale [url=https://amoxil.llc/#]Amoxicillin For sale[/url] where to buy amoxicillin 500mg
Buy Online Ivermectin/Stromectol Now: stromectol for sale – stromectol tab price
https://semaglutide.win/# Rybelsus 7mg
buy amoxil [url=https://amoxil.llc/#]amoxicillin 500 capsule[/url] cost of amoxicillin 875 mg
https://amoxil.llc/# generic amoxicillin cost
stromectol 3mg tablets: stromectol price – buy ivermectin for humans uk
http://amoxil.llc/# can i buy amoxicillin over the counter
zithromax tablets
amoxicillin 500 mg online [url=https://amoxil.llc/#]buy amoxil[/url] amoxicillin 500mg pill
http://amoxil.llc/# antibiotic amoxicillin
where to get amoxicillin over the counter: buying amoxicillin in mexico – buying amoxicillin online
https://amoxil.llc/# order amoxicillin 500mg
https://stromectol.agency/# stromectol covid 19
generic zithromax medicine
antibiotic amoxicillin [url=http://amoxil.llc/#]amoxil best price[/url] amoxicillin 875 125 mg tab
order zithromax without prescription: zithromax for sale – zithromax without prescription
http://stromectol.agency/# buy minocycline 100mg otc
http://amoxil.llc/# amoxicillin no prescription
zithromax tablets for sale
neurontin 800 mg [url=https://gabapentin.auction/#]gabapentin price[/url] neurontin 300 600 mg
https://semaglutide.win/# Rybelsus 7mg
http://stromectol.agency/# where can i buy oral ivermectin
amoxicillin without rx: buy amoxil – amoxicillin generic brand
https://stromectol.agency/# stromectol brand
buy zithromax online cheap
Buy compounded semaglutide online [url=http://semaglutide.win/#]buy semaglutide online[/url] Rybelsus 7mg
https://semaglutide.win/# rybelsus cost
https://semaglutide.win/# Rybelsus 14 mg
buy amoxicillin 250mg: amoxil best price – can i purchase amoxicillin online
ivermectin lice oral [url=https://stromectol.agency/#]cheapest stromectol[/url] minocycline 50 mg without prescription
https://stromectol.agency/# stromectol canada
zithromax cost
https://semaglutide.win/# Rybelsus 14 mg price
neurontin without prescription: buy gabapentin – neurontin 400
https://amoxil.llc/# buy amoxicillin 500mg uk
drug neurontin [url=https://gabapentin.auction/#]canada where to buy neurontin[/url] neurontin 4 mg
http://amoxil.llc/# amoxicillin 500mg prescription
https://zithromax.company/# where can i purchase zithromax online
can you buy zithromax over the counter in canada
https://zithromax.company/# zithromax prescription in canada
Buy compounded semaglutide online: order Rybelsus for weight loss – semaglutide
neurontin generic south africa [url=https://gabapentin.auction/#]gabapentin for sale[/url] neurontin pills
https://stromectol.agency/# ivermectin pills human
buy zithromax 500mg online
neurontin 300 mg caps: buy gabapentin – buy neurontin online no prescription
neurontin 300mg [url=https://gabapentin.auction/#]gabapentin best price[/url] buy neurontin online uk
https://zithromax.company/# zithromax
zithromax online usa no prescription
ivermectin 400 mg: stromectol best price – generic stromectol
http://zithromax.company/# where can i get zithromax
https://stromectol.agency/# ivermectin 9 mg
neurontin from canada: gabapentin best price – neurontin 100
ivermectin oral 0 8 [url=https://stromectol.agency/#]stromectol price[/url] minocycline 50mg tablets online
https://amoxil.llc/# amoxicillin tablet 500mg
where can i purchase zithromax online
https://amoxil.llc/# amoxicillin 500 mg for sale
herbal remedies for ed [url=http://drugs24.pro/#]ed pills for sale[/url] prescription drugs without doctor approval
http://indianpharmdelivery.com/# buy medicines online in india
best india pharmacy
cheap pet meds without vet prescription http://mexicanpharm24.pro/# mexican drugstore online
psychological ed treatment: ed vacuum pump – buy online pharmacy
purple pharmacy mexico price list: pharmacies in mexico that ship to usa – mexico pharmacies prescription drugs
top 10 pharmacies in india [url=https://indianpharmdelivery.com/#]top online pharmacy india[/url] top 10 pharmacies in india
buy prescription drugs from canada https://mexicanpharm24.pro/# medication from mexico pharmacy
https://indianpharmdelivery.com/# pharmacy website india
online shopping pharmacy india
medication from mexico pharmacy: buying prescription drugs in mexico – medication from mexico pharmacy
over the counter ed treatment: ed clinic – cheap ed pills
mexican mail order pharmacies [url=http://mexicanpharm24.pro/#]mexican mail order pharmacies[/url] pharmacies in mexico that ship to usa
best canadian online pharmacy: viagra without a doctor prescription walmart – generic ed drugs
indianpharmacy com: indianpharmacy com – buy prescription drugs from india
https://drugs24.pro/# otc ed drugs
online shopping pharmacy india
best online pharmacies in mexico [url=https://mexicanpharm24.pro/#]purple pharmacy mexico price list[/url] mexican pharmaceuticals online
п»їlegitimate online pharmacies india: indian pharmacy paypal – indian pharmacies safe
buying prescription drugs in mexico online [url=http://mexicanpharm24.pro/#]pharmacies in mexico that ship to usa[/url] mexican pharmaceuticals online
natural help for ed: medicine erectile dysfunction – buying pills online
http://drugs24.pro/# how can i order prescription drugs without a doctor
top 10 pharmacies in india
best ed treatment: buy prescription drugs from canada cheap – how to get prescription drugs without doctor
causes for ed [url=https://drugs24.pro/#]ed treatment options[/url] ed pills comparison
india online pharmacy: india pharmacy – top 10 online pharmacy in india
medications for http://mexicanpharm24.pro/# mexico drug stores pharmacies
https://mexicanpharm24.pro/# medication from mexico pharmacy
indian pharmacy
world pharmacy india [url=https://indianpharmdelivery.com/#]п»їlegitimate online pharmacies india[/url] indian pharmacy
ed for men https://indianpharmdelivery.com/# indian pharmacy paypal
buying prescription drugs in mexico online [url=https://mexicanpharm24.pro/#]mexican online pharmacies prescription drugs[/url] buying prescription drugs in mexico online
https://mexicanpharm24.pro/# mexican border pharmacies shipping to usa
india online pharmacy
legal to buy prescription drugs without prescription https://drugs24.pro/# website
best ed pills [url=https://drugs24.pro/#]levitra without a doctor prescription[/url] mens ed pills
buy paxlovid online: paxlovid shop – paxlovid covid
http://rybelsus.icu/# rybelsus.icu
cheapest ed pills online
Plavix 75 mg price: generic pills – Cost of Plavix on Medicare
https://paxlovid1st.shop/# paxlovid buy
cheap erectile dysfunction pills online
https://stromectol1st.shop/# buy minocycline 50mg otc
online shopping pharmacy india
buy clopidogrel bisulfate [url=https://clopidogrel.pro/#]clopidogrel pro[/url] Cost of Plavix without insurance
good price: Buy semaglutide – semaglutide
http://rybelsus.icu/# order Rybelsus
mens erection pills
stromectol 6 mg tablet [url=http://stromectol1st.shop/#]stromectol fast delivery[/url] generic stromectol
https://stromectol1st.shop/# ivermectin 1
Online medicine home delivery
https://stromectol1st.shop/# ivermectin 0.1 uk
ed products
paxlovid india: shop – paxlovid price
Paxlovid over the counter [url=https://paxlovid1st.shop/#]paxlovid shop[/url] paxlovid for sale
https://rybelsus.icu/# good price
medication for ed
more: rybelsus generic – good price
http://stromectol1st.shop/# ivermectin 0.08 oral solution
india pharmacy mail order
minocycline 50mg for sale [url=http://stromectol1st.shop/#]best price shop[/url] ivermectin tablet price
https://rybelsus.icu/# rybelsus cost
best ed solution
cheaper: semaglutide – Semaglutide pharmacy price
plavix medication: generic pills – plavix best price
rybelsus [url=https://rybelsus.icu/#]rybelsus cost[/url] rybelsus price
https://stromectol1st.shop/# ivermectin cream uk
top 10 pharmacies in india
https://rybelsus.icu/# rybelsus.icu
best online drugstore
Semaglutide pharmacy price: buy rybelsus – rybelsus generic
ivermectin 200 mcg [url=http://stromectol1st.shop/#]ivermectin[/url] minocycline 100mg for acne
http://paxlovid1st.shop/# paxlovid covid
male erection
https://stromectol1st.shop/# ivermectin lotion for lice
indian pharmacies safe
paxlovid india: paxlovid 1st – paxlovid india
Paxlovid over the counter [url=https://paxlovid1st.shop/#]paxlovid 1st[/url] paxlovid generic
paxlovid cost without insurance: shop – paxlovid pharmacy
plavix best price [url=http://clopidogrel.pro/#]Cost of Plavix on Medicare[/url] Plavix 75 mg price
http://stromectol1st.shop/# ivermectin cost in usa
top 10 pharmacies in india