В новой верхней панели для Stack Exchange говорится:
Первое, что вы заметите, это то, что он действительно черный
*
.
*
Джин отмечает, что технически он не совсем черный: это #212121.
В его CSS я вижу,
background: #2f2f2f;
background: rgba(0, 0, 0, 0.8);
Почему не «настоящий черный»: почему «не совсем черный» лучше?
Точно так же для остального фона я вижу что-то вроде
background: #fdfdfd
Почему не чисто белый?
Я не спрашиваю конкретно о StackExchange — я имею в виду, является ли это хорошим общим правилом для любых/всех веб-сайтов: когда спецификация дизайна, кажется, требует черного или белого, должен ли я использовать почти черно-белый вместо действительно черное и белое?
Применяется ли это «правило» и к любым другим цветам (какое именно правило)?
Зависит ли правило от устройства?
Короче говоря, это приятно для глаз;
«Проще говоря, контраст — это разница между двумя цветами. На веб-странице необходимая контрастность зависит от разных частей страницы. Обычно вам нужен высокий контраст между текстом и его фоновым цветом. Но слишком высокий контраст между элементами дизайна может создать впечатление неустроенности и неряшливости. Черное и белое создают максимально возможный контраст». - Цитата отсюда
Это отличный сайт с предложениями/примерами цвета UX и теорией. И обсуждает контраст разных цветов на фоне, даже давая шестнадцатеричный код, что очень удобно.
Здесь также обсуждаются контрастность и цветовой баланс .
Этот стиль также кажется популярным, потому что более низкий контраст между фонами делает контраст текста немного лучше (на мой взгляд), как видно с цветом здесь и здесь . Эти образцы больше предназначены для просмотра цвета, чем их содержания в с точки зрения того, что я хочу сообщить здесь.
Это не обязательно правило, скорее предпочтение или стиль. Это больше зависит от контента, чем от устройства. Речь идет о том, где вы хотите сделать наибольший акцент или сфокусироваться — где бы это ни случилось, там должен быть наибольший контраст. В случае со StackExchange речь идет о вопросах и ответах, поэтому основная часть — это то место, где есть наибольший контраст, поскольку именно там оно наиболее актуально.
Удачи вам в выборе цвета в будущем, это еще одно соображение, которое следует учитывать :D
Чисто черная верхняя панель выглядела бы очень эффектно на белом фоне, используемом многими веб-сайтами, что плохо, поскольку внимание должно быть сосредоточено на содержимом, а не на верхней части экрана. Если сделать его светлее (серым), контраст между верхней панелью и фоном тела уменьшится.
Однако серый фон на чем-либо ухудшает читаемость, уменьшая возможный контраст между текстом и фоном. Человеческий глаз наиболее чувствителен к различиям в яркости, поэтому выбор 50% серого означает, что независимо от того, какой цвет текста вы выберете, вы используете не более половины разницы в яркости, которую может воспроизвести экран пользователя.
Следовательно, я думаю, что выбор 80% черного цвета — это компромисс между тем, чтобы сделать верхнюю полосу менее резкой и сохранить контраст внутри нее.
Для основного текста вы обычно хотите использовать чистый черный цвет на светлом фоне, чтобы максимизировать контраст и, следовательно, разборчивость. (Это относится как к экрану, так и к печати.) Обратите внимание, что цвет фона для тела отличается от чистого белого лишь на чуть-чуть. Как правило, веб-сайты часто выбирают фон, который слегка отличается от белого. Одна из целей состоит в том, чтобы сделать сайт более теплым или прохладным, выбрав бледно-розовый или голубой (хотя здесь это нейтральный серый).
div.post-text
цвет переднего плана color: #111;
вместо чисто черного. Почему бы не оставить удобочитаемость или яркость экрана браузеру/устройству/пользователю по умолчанию для оптимизации?На мой взгляд... Просто мода, тренды.
Если пользователь чувствует, что веб-страницы режут его глаза, он или она может просто отрегулировать яркость экрана. В мобильных устройствах люди делают это постоянно.
Есть тенденция «винтажных» образов. Низкая насыщенность, размытый.
Размытый вид может сделать самую темную или/и белую точку серой.
Не только на фото, но и на видео... в том числе и на "счастливых" видео.
https://www.youtube.com/watch?v=9HjrFnKEE8w
Это правда, что большой контраст может раздражать, особенно темный фон с белым текстом... Вспомните веб-дизайн 90-х , с черным фоном и перенасыщенными анимированными гифками...
Тенденция состоит в том, чтобы иметь более «дружественные» веб-сайты, более «интимные», так что это мягкость. Это также может придать более «кинематографический» вид вместо «телевизионного».
Одной из противоположных тенденций в изображениях является, например, « взгляд HDRI » или стиль draggan, который подчеркивает контраст и микроконтраст.
В некоторых случаях размытое изображение может придать вид большего внутреннего динамического диапазона по сравнению с улучшенной контрастностью тональной карты реального изображения с высоким динамическим диапазоном.
Пасьер