Tại sao không sử dụng màu đen thuần khiết (# 000) và màu trắng tinh khiết (#FFF)?

Một thanh hàng đầu mới cho Stack Exchange nói,

Điều đầu tiên bạn sẽ nhận thấy là nó thực sự màu đen* .

^{* Jin chỉ ra rằng về mặt kỹ thuật nó không hoàn toàn màu đen: đó là # 212121.}

Trong CSS của nó, tôi thấy,

background: #2f2f2f;
background: rgba(0, 0, 0, 0.8);

Tại sao không "thực sự đen": tại sao "không hoàn toàn đen" tốt hơn?

Tương tự, đối với phần còn lại của nền tôi thấy một cái gì đó như,

background: #fdfdfd

Tại sao không phải là màu trắng tinh khiết?

Tôi không hỏi về StackExchange cụ thể - ý tôi là, đây có phải là một quy tắc chung tốt cho bất kỳ / tất cả các trang web: khi thông số thiết kế dường như yêu cầu đen hoặc trắng, tôi nên sử dụng gần như đen và trắng thay vì thực sự đen và trắng?

Liệu 'quy tắc' này có áp dụng cho bất kỳ màu nào khác không (chính xác là quy tắc) là gì?

Là quy tắc phụ thuộc thiết bị?

Nói tóm lại, nó dễ nhìn;

'Nói một cách đơn giản, độ tương phản là sự khác biệt giữa hai màu. Trên một trang web, lượng tương phản cần thiết thay đổi theo các phần khác nhau của trang. Bạn thường muốn có độ tương phản cao giữa văn bản và màu nền của nó. Nhưng độ tương phản quá cao giữa các yếu tố thiết kế có thể tạo ấn tượng không ổn định và lộn xộn. Đen và trắng tạo độ tương phản cao nhất có thể. ' -Lưu ý từ đây

Đây là một trang web tuyệt vời cho các đề xuất / ví dụ và lý thuyết màu UX. Và thảo luận về độ tương phản của các màu khác nhau trên nền, thậm chí đưa ra mã hex khá tiện dụng.

Độ tương phản và cân bằng màu sắc cũng được thảo luận ở đây .

Điều này cũng có vẻ là một phong cách mà đang thịnh hành vì độ tương phản thấp giữa bckgrounds làm cho độ tương phản của văn bản một chút đẹp hơn (theo ý kiến của tôi) như đã thấy với màu sắc ở đây và ở đây Những mẫu được nhiều hơn cho cách nhìn vào màu sắc hơn nội dung của họ trong điều khoản của những gì tôi muốn giao tiếp ở đây.

Đó không nhất thiết là một quy tắc nhiều hơn của một sở thích hoặc phong cách. Nó phụ thuộc vào nội dung nhiều hơn phụ thuộc vào thiết bị. Đó là về nơi bạn muốn có sự nhấn mạnh hoặc tập trung nhất - bất cứ nơi nào xảy ra là nơi cần có sự tương phản nhất. Trong trường hợp của StackExchange, tất cả là về câu hỏi và câu trả lời, vì vậy phần thân là nơi có độ tương phản cao nhất vì đó là nơi phù hợp nhất.

Chúc may mắn với lựa chọn màu sắc của bạn trong tương lai, đây là một cân nhắc khác cần tính đến: D

Một thanh trên cùng màu đen thuần sẽ trông rất nổi bật trên nền trắng được sử dụng bởi nhiều trang web, điều này rất tệ vì trọng tâm phải là nội dung thay vì vẽ mắt lên trên cùng của màn hình. Làm cho nó sáng hơn (màu xám) làm giảm độ tương phản giữa thanh trên cùng và nền của cơ thể.

Tuy nhiên, một nền màu xám trên bất cứ thứ gì cản trở mức độ dễ đọc bằng cách giảm độ tương phản có thể có giữa văn bản và nền. Mắt người nhạy cảm nhất với sự khác biệt về độ sáng, do đó, chọn màu xám 50% có nghĩa là cho dù bạn chọn màu văn bản nào, bạn đang sử dụng tối đa một nửa độ sáng mà màn hình của người dùng có thể tạo ra.

Do đó, tôi nghĩ rằng sự lựa chọn 80% màu đen là một sự thỏa hiệp giữa việc làm cho thanh trên cùng bớt chói tai và giữ độ tương phản bên trong nó.

Đối với văn bản cơ thể, bạn thường làm muốn sử dụng màu đen nổi bật trên nền ánh sáng, để tối đa hóa độ tương phản và do đó mức độ dễ đọc. (Điều này áp dụng cho cả màn hình và in.) Lưu ý rằng màu nền cho thân máy khác với màu trắng tinh khiết chỉ một chút. Nói chung, các trang web thường chọn hình nền hơi trắng. Một mục đích là làm cho trang web cảm thấy ấm hơn hoặc mát hơn bằng cách chọn màu hồng nhạt hoặc màu xanh lam (ở đây là màu xám trung tính).

Theo tôi ... Chỉ là thời trang, xu hướng.

Nếu người dùng cảm thấy các trang web đang làm tổn thương đôi mắt của mình, họ có thể chỉ cần điều chỉnh độ sáng của màn hình. Trong các thiết bị Mobil mọi người làm điều đó mọi lúc.

Có một xu hướng hình ảnh "cổ điển". Độ bão hòa thấp, rửa sạch.

Cái nhìn bị rửa trôi có thể làm cho màu tối nhất hoặc / và điểm trắng xám.

https://www.google.com.vn/search?q=vousing+photos&client=firefox-b-ab&dcr=0&source=lnms&tbm=isch & sa = X

Không chỉ trong ảnh, mà cả trong video ... bao gồm cả video "hạnh phúc".

https://www.youtube.com/watch?v=9HjrFnKEE8w

Đúng là có rất nhiều sự tương phản có thể là anoying, nền tối đặc biệt với văn bản màu trắng ... Hãy nhớ thiết kế web của thập niên 90 , với nền đen và gif hoạt hình quá bão hòa ...

Xu hướng là có nhiều trang web trông "thân thiện" hơn, "thân mật" hơn nên đây là sự mềm mại. Nó cũng có thể mang lại cái nhìn "điện ảnh" hơn, thay vì giao diện "TV".

Ví dụ, một xu hướng đối lập trong hình ảnh là kiểu dáng " Hdri " hoặc kiểu draggan, làm nổi bật độ tương phản và độ tương phản vi mô.

Trong một số trường hợp, một hình ảnh bị rửa trôi có thể mang lại cái nhìn về dải động bên trong hơn, so với độ tương phản được tăng cường ánh xạ của một hình ảnh dải động cao thực sự.