6 phương pháp phối màu cơ bản trong kiểu dáng web

Màu sắc luôn là 1 khía cạnh cần phải có và quan trọng đối có bất cứ 1 bản kiểu dáng. Hãy cũng Jerry Cao tìm hiểu 6 cách phối hợp cơ bản và đa dạng nhất trong kiểu dáng website mà bạn bắt buộc biết và sử dụng nhé.

Màu sắc là 1 trong những khía cạnh quan trọng giúp cho một bản bề ngoài vươn lên là sinh động và vượt trội hơn. hài hòa màu sắc ra sao cho 1 bản ngoại hình tuỳ thuộc vào đa số yếu tố như: văn hoá, đối tượng mà website đó hướng đến hay đơn thuần chỉ là sở thích của tác nhái. Bạn – có tư phương pháp là 1 nhà mẫu mã - buộc phải hiểu được các quy luật phối màu cơ bản; để từ ấy, giúp cho bạn mang các sự lựa tậu đúng đắn về màu sắc khi ngoại hình một website.

1. Phối màu đơn sắc (Monochromatic)

Đây là phối màu đơn thuần nhất và cũng cực kỳ hiệu quả.

lúc tiêu dùng phối màu đơn sắc, bạn thường chỉ dùng một màu duy nhất hay đôi lúc bạn cũng với thể sử dụng đa dạng sắc độ khác nhau của cùng một màu để chúng cùng hưởng có nhau.

>>> Xem thêm: thiết kế tem nhãn sản phẩm

Giao diện website của Wake

Vì không quá cầu kì và phức tạp, thường thì phối màu đơn sắc nhìn vô cùng dễ chịu có người nhìn về mặt cảm xúc. Tuy nhiên, cũng chính vì sự đơn giản và đôi khi mang phần đơn điệu ấy, khi sử dụng phối màu này, bạn sẽ gặp cạnh tranh để tạo điểm nhấn sở hữu 1 số yếu tố trên website của mình.

Phối màu đơn sắc thường được tiêu dùng khá phổ biến trong những ngoại hình website với bắt mắt tối giản. Sự đơn giản của chúng giúp mắt chúng ta ko bị xao lãng quá phổ biến và hoàn toàn tập trung vào những khía cạnh quan trọng của website như nội dung và hướng tương tác. ko kể ra, chúng dễ dàng làm những typeface đơn thuần phát triển thành sắc nét và thu hút hơn.

Wake là một ví dụ điển hình cho việc tiêu dùng phối màu đơn sắc này thành công.

2. Phối màu tương đồng (Analogous)

Màu tương đồng (thường là ba màu) giao tiếp vô cùng phải chăng sở hữu những màu quanh đó nó trên vòng tròn màu; qua đấy, tạo bắt buộc những phối màu siêu nhã nhặn và thu hút.

cách phối màu tương đồng

Phối màu tương đồng đa dạng về màu sắc hơn so với phối màu đơn sắc và bởi vậy, khi dùng chúng, bạn với thể phân biệt các nội dung khác nhau trên một website dễ dàng hơn. Tuy với sự pha trộn của rộng rãi màu sắc, nhưng do các màu này đứng sắp nhau trên vòng tròn màu, nên phối màu này ko quá rối rắm và nhức mắt. Ngược lại, chúng cực kỳ êm dịu và vừa mắt.

Giao diện website Do a Backflip

Thường thì khi tiêu dùng phối màu này, các nhà thiết kế sẽ bắt đầu từ việc tậu ra cho mình 1 màu chủ đạo. Màu này sẽ được sử dụng rộng rãi nhất và những màu khác bắt buộc tương tác phải chăng mang màu chính này. Sau ấy, nhà bề ngoài sẽ tìm màu trang bị 2 với nhiệm vụ phân biệt các phần nội dung quan trọng của website hay các typeface. Màu thứ 3 thường chuyên dụng cho các khía cạnh không quá quan trọng (thường là các yếu tố trang trí).

Website của Do a Backflip dùng phối màu tương đồng hơi thành công với tông màu đỏ và cam.

3. 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ác cặp màu đối xứng nhau trên vòng tròn màu để tạo nên các phối màu năng động và tràn đầy năng lượng cho website. Rõ ràng, với cặp màu đối xứng được tiêu dùng, bạn vô cùng dễ để tạo điểm nhất cho những chi tiết quan trọng trên website. Cũng chính vì sự đối lập giữa các màu, phối màu bổ túc trực tiếp này hoàn toàn không ưa thích trường hợp website của bạn sở hữu cá tính của sự thư giãn và nhẹ nhàng.

cách phối màu bổ túc trực tiếp

Cũng như phối màu tương đồng, khi tậu màu cho phối màu bổ túc trực tiếp này, các nhà ngoại hình sẽ thường tìm cho mình 1 màu chủ đạo và sau đấy sẽ kiếm màu đối xứng có nó khiến cho màu phụ. Tuy nhiên, khi sử dụng phối màu này, bạn buộc phải nhớ đừng tiêu dùng các màu có sắc độ nhạt (de-saturated colors), vì những màu như vậy sẽ khiến cho mất đi tính tương phản cao giữa những cặp màu sở hữu nhau, vốn là ưu điểm của phối màu này.

Giao diện website Ondo

Ondo đã tiêu dùng vô cùng thành công với phối màu này cho website của mình.

4. Phối màu bổ túc bộ ba (Triadic)

Đây là phối màu an toàn nhất trong những phối màu. Phối màu này được hình thành có ba màu nằm ở ba góc khác nhau của vòng tròn màu và tạo phải 1 hình tam giác đều.

phương pháp phối màu bổ túc bộ ba

Vì ba màu nằm ở ba góc khác nhau trên vòng tròn màu cần chúng kết hợp và bổ sung với nhau tạo nên 1 sự cân bằng cho phối màu này. Cũng chính vì sự cân bằng này, tuy với tới ba màu được sử dụng nhưng bạn sẽ thỉnh thoảng thấy phối màu này khá đơn điệu, an toàn và thiếu sáng tạo.

Giao diện của DocReady

Phối màu này cực kỳ khó dùng lúc người dùng muốn tạo điểm nhấn trên website của mình. Tuy vậy, 1 số nhà ngoại hình lại siêu thích phối màu này vì chúng thường giúp cho các website được tiếp nhận và nhận được nhiều phản hồi rẻ từ người sử dụng vì sự hài hoà và cân bằng của những màu được tiêu dùng.

DocReady là 1 website ví dụ cho việc sử dụng phối màu bổ túc bộ ba này.

5. Phối màu bổ túc xen kẽ (Split-complementary)

nếu bạn muốn website của mình lôi kéo và gây ấn tượng mắt tới các bạn ngay từ lúc đầu thì phối màu bổ túc xen kẽ này sẽ là sự lựa chọn xuất sắc cho bạn.

cách phối màu bổ túc xen kẽ

Phối màu này được tạo bởi ba màu nằm ở ba góc khác nhau trên vòng tròn màu và tạo cần một hình tam giác cân. Đôi lúc, bạn có thể dùng thêm một màu đồ vật tư; màu này phải đối xứng với một trông hai màu tạo bắt buộc đáy của hình tam giác cân đó.

Chính vì sự linh hoạt trong việc sắm màu mà phối màu này thường mở ra cho các nhà ngoại hình rất nhiều cơ hội khám phá và tìm được các cặp màu lạ và độc đáo cho website của mình.

Giao diện webiste Shopify

Ngày này, với đông đảo website chuộng phối màu này. Chủ yếu họ sử dụng màu đen và trắng làm những màu chủ đạo, tô điểm bằng những màu trang bị 3 bắt mắt như đỏ và xanh mang các khía cạnh phụ. Phối màu này đơn giản và an toàn nhưng siêu hiệu quả. Tuy nhiên, để thử thiachs bản thân cũng như muốn website của mình phát triển thành cầu kì hơn, bạn sở hữu thể sử dụng những màu hàng đầu (vàng, đỏ, lam) cho mùa chủ đạo.

Shopify's 2014 Commerce Report là một website điển hình của việc tiêu dùng phối màu bổ túc xen kẽ này.

6. Phối màu bổ túc bộ bốn (Rectangular Tetradic hay Compound Complementary)

Đây là phối màu phức tạp nhất trong sáu phối màu cơ bản. Nhưng trường hợp bạn chịu bỏ công sức và thời gian để mua lựa màu sắc kỹ lưỡng, phối màu này sẽ như một phần thưởng lúc nó sẽ mang đến cho website của bạn sự tiên tiến và mới mẻ, cực kỳ phù hợp sở hữu phổ biến xu thế ngoại hình hiện nay.

>>> Mời bạn tham khảo: thiết kế logo giá rẻ hà nội

phương pháp phối màu bổ túc bộ bốn

Phối màu này được hình thành có hai cặp màu bổ túc trực tiếp. những sự đối nghịch cũng như bổ sung giữa hai cặp màu này chính là điểm mành và khác biệt đặc thù của phối màu này. những cặp màu trong phối màu này thoạt nhìn thì rất khó để với thể phối hợp và tiêu dùng chúng đúng cách, vì vậy bạn sẽ mất hơi rộng rãi thời gian cho khâu chọn lọc và lên màu cho website của mình. Mẹo để chon màu cho phối màu này cũng khá cơ bản khi bạn bắt buộc quan tâm cân bằng thật phải chăng giữa hai gam màu nóng (đỏ, cam hay vàng) và lạnh (xanh, tím).

Giao diện website Formlets

Formlets là website đã tiêu dùng phối màu này một cách lý tưởng khi cách họ chjn màu và cân bằng chúng với nhau vô cùng phong cách và ấn tượng.

sắm màu gì? Phối màu ra sao? ấy là những câu hỏi mà bạn buộc phải tự mình trả lời lúc cho có mặt trên thị trường một bản bề ngoài. Sáu phối màu cơ bản trên tuy là dành cho ngoại hình website nhưng bạn mang thẻ áp dụng chúng cho bất cứ mẫu mã nào bạn muốn. lúc bạn muốn phối màu cho ngoại hình đơn giản như thiết kế phẳng, hãy quan tâm đến những phối màu đơn sắc, tương đồng hay bổ túc trực tiếp. Trong lúc những ngoại hình phức tạp đa dạng layer hơn buộc phải những phối màu phức tạp và cầu kì hơn. bắt buộc nhớ, sự lựa tìm vẫn thuộc về bạn – nhà kiểu dáng chính.