6 bí quyết phối màu cơ bản trong bề ngoài website

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

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

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

Đây là phối màu đơn giản nhất và cũng siêu hiệu quả.

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

>>> Xem thêm: Thiết kế tem nhãn

Giao diện website của Wake

Vì ko quá cầu kì và phức tạp, thường thì phối màu đơn sắc nhìn cực kỳ dễ chịu mang người nhìn về mặt cảm xúc. Tuy nhiên, cũng chính vì sự đơn thuầ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 khó khăn để tạo điểm nhấn với 1 số yếu tố trên website của mình.

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

Wake là một ví dụ điển hình cho việc 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 rẻ mang các màu quanh đó nó trên vòng tròn màu; qua đấy, tạo nên các phối màu cực kỳ nhã nhặn và thu hút.

phương pháp 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à vì vậy, khi tiêu dùng chúng, bạn mang thể phân biệt những 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 nhiều màu sắc, nhưng do những màu này đứng gần nhau trên vòng tròn màu, cầ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ì lúc dùng phối màu này, những nhà mẫu mã sẽ bắt đầu từ việc mua ra cho mình 1 màu chủ đạo. Màu này sẽ được dùng đa dạng nhất và các màu khác nên tương tác thấp có màu chính này. Sau ấy, nhà ngoại hình sẽ tìm màu thứ 2 có nhiệm vụ phân biệt các phần nội dung quan trọng của website hay những typeface. Màu thứ 3 thường dùng cho các khía cạnh ko quá quan trọng (thường là các khía cạnh trang trí).

Website của Do a Backflip sử dụng phối màu tương đồng khá 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 dùng các cặp màu đối xứng nhau trên vòng tròn màu để tạo nên những phối màu năng động và tràn đầy năng lượng cho website. Rõ ràng, có cặp màu đối xứng được dùng, bạn siêu dễ để tạo điểm nhất cho những yếu 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 ko ưng ý giả dụ website của bạn mang 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 mua màu cho phối màu bổ túc trực tiếp này, các nhà kiểu dáng sẽ thường sắm cho mình một màu chủ đạo và sau ấy sẽ kiếm màu đối xứng sở hữu nó khiến màu phụ. Tuy nhiên, lúc tiêu dùng phối màu này, bạn phải nhớ đừng tiêu dùng những màu có sắc độ nhạt (de-saturated colors), vì những màu như vậy sẽ làm 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à thế mạnh của phối màu này.

Giao diện website Ondo

Ondo đã sử dụng siêu 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 bắt buộc 1 hình tam giác đều.

bí quyết 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 hài hòa và bổ sung mang nhau tạo cần một 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 có tới ba màu được tiêu dùng nhưng bạn sẽ thỉnh thoảng thấy phối màu này tương đối đơ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 siêu khó sử dụng khi các bạn 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 vô cùng 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 phổ biến phản hồi thấp từ người tiêu 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 người mua ngay từ khi đầu thì phối màu bổ túc xen kẽ này sẽ là sự lựa tìm 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 buộc phải 1 hình tam giác cân. Đôi lúc, bạn mang thể sử dụng thêm một màu vật dụng tư; màu này nên đối xứng với 1 trông hai màu tạo buộc phải đáy của hình tam giác cân đó.

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

Giao diện webiste Shopify

Ngày này, có phần lớn website chuộng phối màu này. Chủ yếu họ dùng màu đen và trắng khiến cho các màu chủ đạo, tô điểm bằng những màu vật dụng 3 bắt mắt như đỏ và xanh có những chi tiết phụ. Phối màu này đơn thuầ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 mang thể dùng những màu bậc nhất (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 sử 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 ví như bạn chịu bỏ công sức và thời gian để chọn 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ẽ đem đến cho website của bạn sự tiên tiến và mới mẻ, cực kỳ ưng ý có phổ biến xu hướng ngoại hình hiện nay.

>>> Mời bạn tham khảo: thiet ke logo ha noi

cách phối màu bổ túc bộ bốn

Phối màu này được hình thành mang 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 biệt 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ì vô cùng khó để có thể phối hợp và tiêu dùng chúng đúng phương pháp, do vậy bạn sẽ mất tương đối đa dạng 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 hơi cơ bản khi bạn nên lưu ý cân bằng thật thấp 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 đã dùng phối màu này một cách hoàn hảo lúc bí quyết họ chjn màu và cân bằng chúng mang nhau vô cùng cá tính và ấn tượng.

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