Tương phản là một trong những thứ có thể tạo hoặc phá vỡ thiết kế của trang web. Một số màu sắc không đi tốt với nhau. Văn bản màu đỏ trên nền màu xanh lá cây, ví dụ, có vẻ như nó sẽ là một sự tương phản cao và dễ đọc kết hợp, nhưng nó không phải. Và nó xấu xí. Đồng thời, bạn phải cẩn thận với màu sắc của cùng một màu sắc là tốt. Văn bản màu xám nhạt rất khó đọc trên nền trắng (điều đó rõ ràng hơn một chút).
Trang này nói một chút về tỷ lệ độ tương phản và cung cấp một công cụ tốt để kiểm tra cho nó: http://snook.ca/technical/colour_contrast/colour.html
Họ đề cập rằng bạn nên bắn cho một tỷ lệ tương phản là 4,5: 1 với văn bản nhỏ. Bất kỳ ít hơn và bạn có nguy cơ khả năng người dùng gặp khó khăn khi đọc trang web của bạn.
Có một mẹo khác mà tôi có thể cung cấp. Bất cứ khi nào bạn chọn 2 màu để đi cạnh nhau, chọn một màu nhàm chán mà thiếu độ bão hòa (trắng, xám, đen hoặc màu thực sự xỉn) và sau đó ghép đôi với một màu được đóng gói với nhiều độ bão hòa (màu xanh, màu cam , đỏ, xanh lục, v.v.). Nói chung, điều này sẽ tốt hơn so với cố gắng đặt hai màu sắc thú vị bên cạnh eachother trong cùng một thiết kế (trừ khi bạn đang thiết kế một trang truyện tranh).
Và sau đó trang web này có một bộ sưu tập tuyệt vời, nơi bạn có thể tìm thấy một số nguồn cảm hứng và màu sắc tốt kết hợp: http://www.cwd.dk/
Nhưng tôi sẽ cho bạn biết rằng phương pháp của tôi đã thay đổi rất nhiều kể từ lần đầu tiên tôi bắt đầu ra. Một chút sáng tạo là tốt, nhưng bây giờ tôi đặt tầm quan trọng hơn vào khả năng sử dụng hơn bất cứ điều gì. Tôi cố gắng giữ mọi thiết kế tôi làm đơn giản và có thể sử dụng được ... giống như Stackoverflow. Tôi chỉ đề cập rằng vì tôi tập trung vào khả năng sử dụng có xu hướng ảnh hưởng đến quyết định thiết kế của tôi.
Một vài trang web ưa thích của tôi trên khả năng sử dụng và tối ưu hóa là http://www.useit.com/ và http://www.websiteoptimization.com/
Nguồn
2009-07-21 21:22:55
Rất tiếc, tôi cũng có xu hướng làm mọi thứ theo thang độ xám. –
Không nên gắn thẻ này với màu sắc? –
@ Chaca102: thực hiện –