6 phương pháp phối màu cơ bản trong thiết kế web

Màu sắc luôn là một chi tiết nhu yếu và quan trọng đối có bất cứ một bản thiết kế. Hãy cũng Jerry Cao tìm hiểu 6 cách phối hợp cơ bản và phổ biến nhất trong kiểu dáng website mà bạn buộc phải biết và tiêu dùng nhé.

Màu sắc là một trong những yếu tố quan trọng giúp cho 1 bản bề ngoài trở nên 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 số đông yếu tố như: văn hoá, đối tượng mà website ấy hướng tới hay đơn giản chỉ là sở thích của tác fake. Bạn – mang tư phương pháp là một nhà bề ngoài - phải hiểu được những quy luật phối màu cơ bản; để từ đấy, giúp cho bạn với những sự lựa tìm đúng đắn về màu sắc khi mẫu mã một website.

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

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

khi dùng phối màu đơn sắc, bạn thường chỉ sử dụng 1 màu duy nhất hay đôi khi bạn cũng với thể tiêu dùng đa dạng 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: thiet ke tem

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 rất dễ chịu sở hữu 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 lúc có phần đơn điệu đó, lúc tiêu 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ố chi tiết trên website của mình.

Phối màu đơn sắc thường được dùng khá phổ biến trong những mẫu mã website có cá tính tối giản. Sự đơn giản của chúng giúp mắt chúng ta không bị xao lãng quá đa dạng và hoàn toàn tập trung vào các yếu tố quan trọng của website như nội dung và hướng tương tác. bên cạnh ra, chúng dễ dàng làm các typeface đơn giả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 rất rẻ sở hữu những màu bên cạnh nó trên vòng tròn màu; qua ấy, tạo bắt buộc các phối màu vô cùng nhã nhặn và thu hút.

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

Phối màu tương đồng phổ biến về màu sắc hơn so sở hữu phối màu đơn sắc và vì thế, lúc sử dụng chúng, bạn có thể phân biệt những nội dung khác nhau trên một website dễ dàng hơn. Tuy có sự pha trộn của rộng rãi màu sắc, nhưng do các màu này đứng gần nhau trên vòng tròn màu, buộc phải 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, các nhà thiết kế sẽ bắt đầu từ việc tậu ra cho mình một 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 nên tương tác tốt với màu chính này. Sau đó, nhà thiết kế sẽ mua màu thiết bị 2 sở hữu nhiệm vụ phân biệt những phần nội dung quan trọng của website hay các typeface. Màu thiết bị 3 thường phục vụ các yếu tố ko quá quan trọng (thường là những khía cạnh trang trí).

Website của Do a Backflip dùng phối màu tương đồng tương đối thành công mang 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 những cặp màu đối xứng nhau trên vòng tròn màu để tạo buộc phải những 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 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 ko thích hợp giả dụ website của bạn có phong cách của sự thư giãn và nhẹ nhàng.

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

Cũng như phối màu tương đồng, lúc chọn màu cho phối màu bổ túc trực tiếp này, các nhà thiết kế 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 cho màu phụ. Tuy nhiên, khi tiêu dùng phối màu này, bạn cần nhớ đừng tiêu dùng những màu mang sắc độ nhạt (de-saturated colors), vì những màu như vậy sẽ khiến mất đi tính tương phản cao giữa những cặp màu mang nhau, vốn là ưu thế của phối màu này.

Giao diện website Ondo

Ondo đã sử dụng cực kỳ thành công mang 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 các phối màu. Phối màu này được hình thành mang 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 bắt buộc chúng hài hòa và bổ sung mang nhau tạo phải 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 sở hữu 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 người dùng muốn tạo điểm nhấn trên website của mình. Tuy vậy, một số nhà kiểu dáng 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 đa dạng phản hồi thấp từ người sử dụng vì sự hài hoà và cân bằng của những màu được 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)

giả dụ bạn muốn website của mình lôi kéo và gây ấn tượng mắt đến 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ậu tuyệt vời cho bạn.

bí quyết 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 một hình tam giác cân. Đôi lúc, bạn mang thể sử dụng thêm 1 màu trang bị tư; màu này nên đối xứng sở hữu 1 trông hai màu tạo phải đáy của hình tam giác cân đấy.

Chính vì sự linh hoạt trong việc tìm màu mà phối màu này thường mở ra cho các nhà kiểu dáng đa số cơ hội khám phá và mua đượ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, với đa số website chuộng phối màu này. Chủ yếu họ sử dụng màu đen và trắng làm cho những màu chủ đạo, tô điểm bằng những màu đồ vật 3 phong cách như đỏ và xanh mang các yếu 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 sở hữu thể tiêu dùng các màu hàng đầu (vàng, đỏ, lam) cho mùa chủ đạo.

Shopify's 2014 Commerce Report là 1 website điển hình của việc 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 nếu bạn chịu bỏ công sức và thời gian để tìm 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 lại cho website của bạn sự hiện đại và mới mẻ, rất ưng ý sở hữu rộng rãi xu hướng bề ngoài hiện tại.

>>> 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 biệt của phối màu này. các cặp màu trong phối màu này thoạt nhìn thì cực kỳ khó để sở hữu thể phối hợp và sử dụng chúng đúng phương pháp, vì vậy bạn sẽ mất hơi nhiều thời gian cho khâu tậu 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 buộc phải để ý cân bằng thật rẻ 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 đã sử dụng phối màu này một bí quyết hoàn hảo lúc cách họ chjn màu và cân bằng chúng có nhau cực kỳ cá tính và ấn tượng.

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