30 trang web ba màu tuyệt đẹp cho cảm hứng của bạn

Màu sắc ảnh hưởng rất lớn đến một thiết kế. Tuy nhiên, một thiết kế có quá nhiều màu sắc có thể dễ dàng áp đảo người xem. Đôi khi, cách tiếp cận tối giản có thể giúp thu hút khách truy cập vào nội dung cụ thể - nội dung phù hợp.

Trong bộ sưu tập trang web này, chúng tôi tập trung vào các thiết kế sử dụng ba màu cho chúng sơ cấp yếu tố thiết kế. Tuy nhiên, một vài trong số các trang web này bao gồm một hoặc hai màu nổi bật ngoài 3 màu chính. Tuy nhiên, các trang web này đã được hoàn thiện quá tốt và đủ gần với 3 tiêu chí màu sắc mà chúng tôi không thể không đưa chúng vào bộ sưu tập này.

Chú ý cách các màu sắc giúp bạn tập trung sự chú ý vào nơi cần thiết. Bạn có thể thấy làm thế nào thương hiệu được gắn vào mỗi thiết kế này? Bạn cũng có thể thấy cách sử dụng đồ họa đầy màu sắc bên cạnh bảng màu hạn chế vẫn hữu ích mà không đi quá xa con đường thiết kế tối giản. Các ví dụ sau đây sẽ cho bạn thấy rằng trang web sử dụng tối đa 3 màu vẫn có thể hiệu quả.

Cơ học hình ảnh

Một thiết kế tối giản đẹp, sử dụng màu sắc vừa đủ để thu hút sự chú ý vào nội dung quan trọng trên trang web.

bao gồm

Nền ảnh lớn, màu xanh lam là một sự tương phản đẹp với văn bản chính màu trắng và tên thương hiệu màu xanh lá cây, thu hút sự chú ý của người đọc trước tiên. Các văn bản màu xanh nhạt kéo mắt xuống để mô tả ngắn gọn về công ty và một danh sách các khách hàng ấn tượng của họ. Sử dụng màu sắc đẹp để tạo thứ bậc!

Gác xép

Các sắc thái khác nhau của màu xám trên nền trắng tạo cho trang web này một diện mạo tối giản tinh vi. Văn bản màu trong menu trang đóng vai trò là một hướng dẫn trong việc điều hướng trang web.

Fat-Man-Collective

Giống như giao diện và tông màu thương hiệu của họ, thiết kế trang web này cũng "ngắn và ngọt ngào". Cách để đi với việc duy trì một cái nhìn thương hiệu!

Sáng tạo Spark

Trừ hình minh họa, trang web này chỉ kết hợp 3 màu vào thiết kế của nó: vàng, đen và trắng, là một tài liệu tham khảo tốt cho bóng đèn, khi bạn nghĩ về nó. Và một bóng đèn hoạt động tốt với tên công ty, Creative Spark. Hấp dẫn.

Bạc hà

Tên dễ thương và thiết kế 3 màu dễ thương, cái này đơn giản nhưng sáng tạo cùng một lúc.

Stanchev

Phối màu tối và hạn chế sử dụng màu sắc mang lại cho trang web này một giao diện tinh tế, chuyên nghiệp.

Digimurai

Các màu văn bản của màu cam và màu xanh phối hợp với nền được minh họa và linh vật nhỏ dễ thương.

Nguyên nhân

Màu xám, xanh dương và hồng trên nền trắng mang đến tông màu rất "vui vẻ", có vẻ như là một lựa chọn tốt cho chương trình tình nguyện / từ thiện.

Thổ Nhĩ Kỳ

Thiết kế thông minh này sử dụng màu sắc của, tốt, thuốc! Trắng, xám và xanh dương thường là những màu bạn nhìn thấy trên hộp thuốc, vì vậy những nhà thiết kế này thực sự chạy theo ý tưởng "Thiết kế là một loại thuốc".

Dave Airey

Ah, David Airey, một trong những nhà thiết kế nhận diện thương hiệu phổ biến nhất trong cộng đồng viết blog thiết kế đồ họa. Trang web của ông là tối giản chỉ có văn bản màu đen, cam và xám trên nền trắng. Đơn giản nhưng hiệu quả!

Eduardo de La Rocque

Nền kết cấu trông giống như tờ giấy ưa thích mà một số người sử dụng để tiếp tục và in CV. Điều thú vị nữa là văn bản màu đỏ hồng nhạt dần sang màu xám nhạt khi bạn di chuột qua nó.

Tám mặt

Đen, trắng và xám, cùng với một vài gợi ý của văn bản màu cam, là những màu chính được sử dụng trong thiết kế này. Những màu sắc này cung cấp cho trang web này một loại "tin tức" xuất hiện.

Sốt

Màu tối và xám nhạt và đỏ được sử dụng thay thế cho nhau trong thiết kế này. Mặc dù thiết kế này có thể được tổ chức tốt hơn một chút về màu sắc được sử dụng ở đâu, nhưng chúng đã kết hợp rất tốt với ba màu của tiêu đề.

Stefan Coisson

Trang web này sử dụng 3 màu khá hiệu quả trong bố cục trang web đơn giản. Trong khi văn bản có thể được tổ chức tốt hơn, màu xanh lá cây nổi bật độc đáo so với văn bản màu đen và trắng.

Quýt Jon

Được rồi, vì vậy đây là một cái khác trải dài ngoài 3 màu, nhưng nó là một trang web đẹp đến nỗi nó hét lên, "Hãy nhìn tôi này!" Các điểm nổi bật màu vàng và liên kết văn bản (với một chút gạch chân màu cam) tương phản độc đáo với văn bản màu đen và màu xám và đôi khi màu trắng. Đẹp!

Martin Hipp

Xám đậm, đen và xanh cỏ hòa quyện để mang đến cho trang web này một diện mạo chuyên nghiệp nhưng độc đáo..

Trang web tối thiểu

Bắt đầu nhận thấy một mô hình trong việc sử dụng màu đen, xám và màu sáng trên nền trắng? Có lẽ kiểu phối màu này rất phổ biến vì nó tạo ra một cái nhìn tối giản với màu sắc vừa đủ để thu hút sự chú ý và trang web này cũng không ngoại lệ.

Lý thuyết chuyển động

Dải màu đen ở bên cạnh là một điểm nhấn đẹp mắt làm tăng thêm vẻ "phim". Văn bản màu xám và đỏ giữ cho trang web này đơn giản, điều này rất quan trọng với tất cả các hình ảnh phải được đưa vào.

Đường về

Màu xanh cùng với sắc thái của màu xám giữ cho thiết kế này tối giản và truyền thống. 3 màu khác nhau được sử dụng độc đáo để thu hút sự chú ý đến văn bản quan trọng.

Hạt và gram

Trang web này thực hiện công việc tuyệt vời trong việc tạo ra sự hấp dẫn của "quý ông" với màu sắc nam tính của màu xám đậm, màu hạt (phù hợp với tiêu đề) và màu trắng.

Ngăn xếp phông chữ tuyệt vời

Màu cam cùng với màu đen và màu xám (và một chút văn bản màu trắng) giúp phá vỡ trang web nặng văn bản này và làm cho nó thú vị.

Yuna

Trang web này chủ yếu sử dụng màu xám tối và sáng của các hình dạng hình học, nhưng màu xanh cũng là một màu nổi bật, cùng với một chút màu hồng. Vì vậy, thực sự, đây là một biến thể khác của bảng màu đen, xám và nổi bật.

Lầu năm góc

Màu xám, một số màu trắng và rất nhiều màu xanh tạo nên một bảng màu rất đơn giản. Mặt khác, màu xanh có vẻ hơi áp đảo và đồ họa nhấp nháy không giúp được gì nhiều.

Thiết kế đồ họa trên đài phát thanh

Về mặt kỹ thuật, trang web này chỉ sử dụng khoảng 3 màu: văn bản màu đen và màu xám trong hộp màu trắng và nền kết cấu màu hồng. Nhưng, đợi đã! Đóng trang, mở lại và nền bây giờ là màu xanh, không, màu vàng. Được rồi, bây giờ bạn có thể thoát khỏi việc mở lại trang. Thất vọng vì chỉ có ba màu để chơi, phải không bạn?

Pixelbot

Một lần nữa, màu xám đậm, xám nhạt và một màu nổi bật tạo nên một bảng màu đơn giản, hiệu quả cho thiết kế web.

Trang web truyền cảm hứng

Mặc dù văn bản thay đổi màu sắc khi bạn di chuột qua nó có thể rất vui, nhưng điều này có thể tận dụng tính năng này một chút quá nhiều. Nhưng có lẽ họ có thể thoát khỏi nó vì thiết kế 3 màu đơn giản của họ.

Stefan Persson

Xám / đen với màu cam và trắng thêm vào thiết kế rất có tổ chức này. Mỗi màu dường như dính vào một mục đích sử dụng nghiêm ngặt, điều này thực sự đưa sự điều hướng của trang web này lên một tầm cao tuyệt vời.

Niềm tin

Một bảng màu đơn giản giúp giảm bớt sự bận rộn của trang web này; tuy nhiên, ít màu cam hơn sẽ giúp thiết kế nhiều hơn.

Cơ sở công nghiệp

Điều hướng của trang web này là một chút khác nhau, một cái gì đó không phải luôn luôn được đề nghị. Tuy nhiên, bảng màu xám đậm, xám nhạt và trắng giúp trang web đủ đơn giản để học khá nhanh.

Ghi chú của biên tập viên: Bài này được viết bởi Tara Hornor cho Hongkiat.com. Tara có bằng tiếng Anh và viết về tiếp thị, quảng cáo, thương hiệu, thiết kế đồ họa và xuất bản máy tính để bàn. Ngoài sự nghiệp viết lách, Tara còn thích dành thời gian cho chồng và hai con..