Màu sắc để sử dụng với nền đen?


Câu trả lời:


21

Một vài năm trước nếu bạn đã hỏi câu hỏi này thì câu trả lời sẽ là một câu trả lời có! Tuy nhiên, gần đây chúng tôi đã định nghĩa lại các phong cách thiết kế và ý tưởng nên giờ nó phức tạp hơn một chút.

Màu vàng có thể hoạt động trên nền đen, nhưng nó cũng nhiều về phông chữ và màu sắc được sử dụng có ảnh hưởng đến giao diện chung của trang web. Hãy chắc chắn rằng bạn đang sử dụng các phông chữ dễ đọc và bạn chỉ sử dụng màu vàng để làm nổi bật, như bạn đã làm. Ngoài ra, cố gắng không sử dụng màu trắng tinh khiết mà chọn màu xám nhạt hơn như #ebebeb.

Các màu đậm như màu vàng với nền tối thường thấy với xu hướng thiết kế phẳng hiện nay , tuy nhiên đây luôn là phiên bản màu nhạt hơn hoặc mềm hơn và thường không phải là phiên bản chính của nó. Nền cũng chủ yếu là màu đen phong phú (# 252525 hoặc tương tự) không phải màu đen thật (# 000000). Điều này làm cho nó dễ nhìn hơn nhiều trong khi vẫn giữ ý tưởng ban đầu cho bảng màu.

Trang web này cung cấp cho bạn ý tưởng về màu sắc trông như thế nào trên nền, nó rất hữu ích để tìm ra những gì làm tổn thương mắt bạn và những gì không.

Bộ công cụ UI tuyệt vời này của Simon Eramo cung cấp cho bạn ý tưởng hay về cách sử dụng màu sáng trên nền tối

Bộ giao diện người dùng phẳng đậm của Simon Eramo

Trang web này đưa ra một ví dụ rất hay về cách sử dụng màu đen và màu vàng, sử dụng màu trắng để tắt chế độ khắc nghiệt tiềm năng của bảng màu.

Trang web Fernando Henrique của Diego Curuma

Màu vàng ở đây là chính nhưng chỉ được sử dụng để làm nổi bật.

Nếu bạn có xu hướng hướng về nhiều vàng và vàng hơn như # f39c12 hoặc # ffbb33 trên nền đen mềm hoặc xám đen như # 333333 hoặc # 555555 thì bạn sẽ thấy nó dễ nhìn.


Cảm ơn câu trả lời; Có một câu hỏi tiếp theo ở đây .
lllllllllllllllllllllllllllll

9

Mặc dù đó là một bình luận khá buồn cười, văn bản màu vàng trên nền đen không phải là một nhà thiết kế ghét tội phạm. Dưới đây là một số trang web chơi với khái niệm đó. Điều quan trọng cần lưu ý là những gì bạn sẽ tìm thấy trong tất cả các trang web tuyệt vời này là một số chủ đề nhất quán.

  • Họ không bao giờ đi đầy đủ, nền đen thực sự
  • Họ không bao giờ sử dụng văn bản màu vàng làm văn bản đoạn văn ở đâu hoặc ở đâu có nội dung, nó chủ yếu được sử dụng làm tiêu đề và tiêu đề phụ.

Rexona Trang web Rexona

Quay phim Quay phim

Devstars.com DevStars

Kiểu chữ được phục vụ - Trang web này có các thiết kế kiểu chữ màu vàng trên đó cũng chỉ để hiển thị các ví dụ không giới hạn trên web. Kiểu chữ phục vụ

Khái niệm này rất dễ để botch, nhưng nếu được thực hiện chính xác, tôi nghĩ rằng nó có thể tạo ra một thiết kế nổi bật trực quan. Tôi không nghĩ nó liên quan nhiều đến các giá trị hex vì nó hiểu cách sử dụng màu vàng trong suốt. Tuy nhiên, tôi sẽ đảm bảo không sử dụng toàn bộ nền đen # 000 vì tôi nghĩ màu vàng trên mắt là quá sức đối với mắt.


1
+1 cho ví dụ về các trang web màu vàng và đen. Một ví dụ điển hình khác là breakbeat.co.uk
Matt Fletcher

1

Tôi nghĩ rằng một màu tối hơn sẽ tốt hơn. Giống như vàng hoặc vàng cam


2
Bạn có thể giải thích tại sao một màu tối hơn sẽ tốt hơn? BTW: Chào mừng bạn đến với GD.SE!
Mensch
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.