Tài liệu 6 nguyên tắc phối màu nêu lên 6 nguyên tắc phối màu cơ bản trong đồ họa bao gồm: Phối màu đơn sắc (Monochromatic); phối màu tương đồng (Analogous); phối màu bổ túc trực tiếp (Complementary); phối màu bổ túc bộ ba (Triadic); phối màu bổ túc xen kẽ (Split-complementary); phối màu bổ túc bộ bốn.
6 NGUYÊN TẮC PHỐI MÀU Phối màu đơn sắc (Monochromatic) Đây phối màu đơn giản vô hiệu Khi sử dụng phối màu đơn sắc, bạn thường sử dụng màu hay đơi lúc bạn sử dụng nhiều sắc độ khác màu để chúng cộng hưởng với Giao diện website Wake Vì khơng q cầu kì phức tạp, thường phối màu đơn sắc nhìn dễ chịu với người nhìn mặt cảm xúc Tuy nhiên, đơn giản đơi lúc có phần đơn điệu đó, sử dụng phối màu này, bạn gặp khó khăn để tạo điểm nhấn với số chi tiết website Phối màu đơn sắc thường sử dụng nhiều thiết kế website mang phong cách tối giản Sự đơn giản chúng giúp mắt không bị xao lãng nhiều hoàn toàn tập trung vào yếu tố quan trọng website nội dung hướng tương tác Ngoài ra, chúng dễ dàng làm cho typeface đơn giản trở nên sắc nét thu hút Wake ví dụ điển hình cho việc sử dụng phối màu đơn sắc thành công 6 NGUYÊN TẮC PHỐI MÀU Phối màu tương đồng (Analogous) Màu tương đồng (thường ba màu) giao tiếp tốt với màu kế bên vòng tròn màu; qua đó, tạo nên phối màu nhã nhặn thu hút Cách phối màu tương đồng Phối màu tương đồng đa dạng màu sắc so với phối màu đơn sắc thế, sử dụng chúng, bạn phân biệt nội dung khác website dễ dàng Tuy có pha trộn nhiều màu sắc, màu đứng gần vòng tròn màu, nên phối màu không rối rắm nhức mắt Ngược lại, chúng êm dịu vừa mắt 6 NGUYÊN TẮC PHỐI MÀU Giao diện website Do a Backflip Thường sử dụng phối màu này, nhà thiết kế việc chọn cho màu chủ đạo Màu sử dụng nhiều màu khác phải tương tác tốt với màu Sau đó, nhà thiết kế chọn màu thứ với nhiệm vụ phân biệt phần nội dung quan trọng website hay typeface Màu thứ thường dùng cho chi tiết không quan trọng (thường chi tiết trang trí) Website Do a Backflip sử dụng phối màu tương đồng thành công với tông màu đỏ cam Phối màu bổ túc trực tiếp (Complementary) Phối màu bổ túc trực tiếp sử dụng cặp màu đối xứng vòng tròn màu để tạo nên phối màu động tràn đầy lượng cho website Rõ ràng, với cặp màu đối xứng sử dụng, bạn dễ để tạo điểm cho chi tiết quan trọng NGUYÊN TẮC PHỐI MÀU website Cũng đối lập màu, phối màu bổ túc trực tiếp hồn tồn khơng phù hợp website bạn mang phong cách thư giãn nhẹ nhàng Cách phối màu bổ túc trực tiếp Cũng phối màu tương đồng, chọn màu cho phối màu bổ túc trực tiếp này, nhà thiết kế thường chọn cho màu chủ đạo sau kiếm màu đối xứng với làm màu phụ Tuy nhiên, sử dụng phối màu này, bạn nên nhớ đừng sử dụng màu có sắc độ nhạt (de-saturated colors), màu làm tính tương phản cao cặp màu với nhau, vốn điểm mạnh phối màu 6 NGUYÊN TẮC PHỐI MÀU Giao diện website Ondo Ondo sử dụng vô thành công với phối màu cho website Phối màu bổ túc ba (Triadic) Đây phối màu an toàn phối màu Phối màu hình thành với ba màu nằm ba góc khác vòng tròn màu tạo nên hình tam giác 6 NGUYÊN TẮC PHỐI MÀU Cách phối màu bổ túc ba Vì ba màu nằm ba góc khác vòng tròn màu nên chúng kết hợp bổ sung với tạo nên cân cho phối màu Cũng cân này, có đến ba màu sử dụng bạn thấy phối màu đơn điệu, an toàn thiếu sáng tạo 6 NGUYÊN TẮC PHỐI MÀU Giao diện DocReady Phối màu khó sử dụng bạn muốn tạo điểm nhấn website Tuy vậy, số nhà thiết kế lại thích phối màu chúng thường giúp cho website NGUYÊN TẮC PHỐI MÀU tiếp nhận nhận nhiều phản hồi tốt từ người sử dụng hài hoà cân màu sử dụng DocReady website ví dụ cho việc sử dụng phối màu bổ túc ba Phối màu bổ túc xen kẽ (Split-complementary) Nếu bạn muốn website thu hút gây ấn tượng mắt đến người dùng từ lúc đầu phối màu bổ túc xen kẽ lựa chọn hoàn hảo cho bạn Cách phối màu bổ túc xen kẽ Phối màu tạo ba màu nằm ba góc khác vòng tròn màu tạo nên hình tam giác cân Đơi lúc, bạn sử dụng thêm màu thứ tư; màu phải đối xứng với trông hai màu tạo nên đáy hình tam giác cân 6 NGUN TẮC PHỐI MÀU Chính linh hoạt việc chọn màu mà phối màu thường mở cho nhà thiết kế nhiều hội khám phá tìm cặp màu lạ độc đáo cho website Giao diện webiste Shopify Ngày này, có nhiều website chuộng phối màu Chủ yếu họ sử dụng màu đen trắng làm màu chủ đạo, tô điểm màu thứ bắt mắt đỏ xanh với chi tiết phụ Phối màu đơn giản an tồn vơ hiệu Tuy nhiên, để thử thiachs thân muốn website trở nên cầu kì hơn, bạn sử dụng màu bậc (vàng, đỏ, lam) cho mùa chủ đạo Shopify's 2014 Commerce Report website điển hình việc sử dụng phối màu bổ túc xen kẽ Phối màu bổ túc bốn (Rectangular Tetradic hay Compound Complementary) Đây phối màu phức tạp sáu phối màu Nhưng bạn chịu bỏ công sức thời gian để chọn lựa màu sắc kỹ càng, phối màu phần thưởng NGUYÊN TẮC PHỐI MÀU mang đến cho website bạn đại mẻ, phù hợp với nhiều xu hướng thiết kế Cách phối màu bổ túc bốn Phối màu hình thành với hai cặp màu bổ túc trực tiếp Những đối nghịch bổ sung hai cặp màu điểm mành khác biệt đặc trưng phối màu Các cặp màu phối màu nhìn khó để phối hợp sử dụng chúng cách, bạn nhiều thời gian cho khâu chọn lọc lên màu cho website Mẹo để chon màu cho phối màu bạn cần ý cân thật tốt hai gam màu nóng (đỏ, cam hay vàng) lạnh (xanh, tím) 6 NGUYÊN TẮC PHỐI MÀU Giao diện website Formlets Formlets website sử dụng phối màu cách xuất sắc cách họ chjn màu cân chúng với vô bắt mắt ấn tượng ... với phối màu cho website Phối màu bổ túc ba (Triadic) Đây phối màu an toàn phối màu Phối màu hình thành với ba màu nằm ba góc khác vòng tròn màu tạo nên hình tam giác 6 NGUYÊN TẮC PHỐI MÀU Cách.. .6 NGUYÊN TẮC PHỐI MÀU Phối màu tương đồng (Analogous) Màu tương đồng (thường ba màu) giao tiếp tốt với màu kế bên vòng tròn màu; qua đó, tạo nên phối màu nhã nhặn thu hút Cách phối màu tương... tạo 6 NGUYÊN TẮC PHỐI MÀU Giao diện DocReady Phối màu khó sử dụng bạn muốn tạo điểm nhấn website Tuy vậy, số nhà thiết kế lại thích phối màu chúng thường giúp cho website NGUYÊN TẮC PHỐI MÀU