Как должен выглядеть сайт при отключенных изображениях
Это, пожалуй, 6-й совет, дополняющий мои 5 советов верстальщику, про который я забыл в свое время написать. Им можно было бы вытеснить один из тех 5 советов (если укладываться именно в 5), поскольку я считаю его важным.
Заключается он вот в чем.
Поскольку у меня в Опере по умолчанию стоит режим просмотра изображений “Показывать только кешированные”, то при заходе на какой-то сайт, незакешированный в моем браузере, я очень часто наблюдаю следующую картину. Допустим, я загрузил сайт и вижу фоновые цвета темного цвета, и совсем не видимый на этом фоне текст черного цвета. Я нажимаю кнопку, которая подгружает все картинки, и только после этого текст становится читабельным.
Уловили суть?
Т.е. я хочу сказать, что нужно стараться делать оформление сайта таким образом, чтобы при выключенных изображениях фон каждого из отдельных элементов сайта был примерно того же цвета, что и изображения, которые используются для оформления этих элементов.
Например, если в шапке используется изображение синего цвета с белым текстовым заголовком, то нужно к нему добавить через стили фон того же синего цвета, а не оставлять белым, ведь без изображений заголовок вообще не будет виден.
Не отрицаю, что не всегда возможно так сделать из-за особенностей дизайна, но по мере возможности делать это нужно!
Тогда юзабилити сайта в определенной степень улучшиться, и посетитель не “испугается” существенному различию цветовой гаммы сайта в состояниях “без изображений” и “с изображениями”. Лично я в такие моменты испытываю не очень приятные эмоции.
Смотрите также
5 советов верстальщику
Лучше поздно, чем никогда. Наконец-то я готов представить свои пять советов в рамках эстафеты, запущенной Никитой, тем более что “пинок” получил от трех человек. 1) Читайте блоги специалистов в данной ...
Как вы комментируете логические блоки в разметке страницы?
В процессе верстки я постоянно стараюсь совершенствовать свои навыки. Касается это и комментариев, которыми я помечаю блоки в разметке страниц. Было время, когда я вообще ничего не комментировал в коде, ...
Верстка красивых тегов для сайта + бонус
Замечательный дизайнер Orman Clark однажды представил своим читателям очень красивый дизайн облака тегов, который я использовал на одном моем сайте. Расскажу, как сверстать такие теги для вашего сайта. Для начала ...
Зеленый свет CSS-свойствам при верстке под IE8 и выше
Пришло время, и я наконец-таки решился отказаться от верстки под устаревший браузер Internet Explorer 7. Если это будет верстка на заказ, то вносить изменения под него буду только за дополнительную ...
Комментарии (18)
Именно так! Поддерживаю автора. Сам давно так делаю. И тоже рекомендую делать так другим верстальщикам.
kuks, спасибо за поддержку =)
СПС за совет начинающему верстальщику. А то как то и не задумывался о тех кто без картинок юзает инет ;)
Артемий, пожалуйста и удачи ;)
Полностью согласен с тем, что нужно думать о пользователях с отключенной загрузкой изображений. И по моему даже не обязательно подстраивать цвета фонов под картинки и дизайн, главное чтобы был виден текст.
Сам не раз и не два встречал блоги с темами для wp на которых при отключенных картинках невозможно ничего прочитать. Темы в большинстве своем иностранные(м.б. локализованы). Видимо за границей с этим еще хуже чем в рунете.
Давно так делаю и всем советую)
>А то как то и не задумывался о тех кто без картинок юзает инет ;)
юзать инет без картинок это зло, ладно еще банеры зарезать.
за границей не хуже, там это давно моветон. надеюсь у нас скоро станет тоже
>Видимо за границей с этим еще хуже чем в рунете
Уровень развития коммуникаций (а следовательно и обеспеченность населения высокими скоростями/низкой (относительно) стоимостью) что есть “там” оправданно позволяет им (заграничным блогерам в т.ч.) думать в самую последнюю очередь о том, что есть люди отключающие графику, чтобы сэкономить трафик.
Дык, может заодно и стили отключить? Правда это только на стационарной Опере работает. На мобильнике иногда приходится загружать страницу через специальный прокси, чтобы прочесть. Как правило, мне такое встречается на западных блогах, кстати. И, кстати, посвященных веб-разработке ): А в Опере мини стили не отключишь ):
>юзать инет без картинок это зло, ладно еще банеры зарезать.
У кого трафик анлим – зло, а тем кто платит за трафик нехилые деньги? ИМХО, нафиг мне смотреть картинки, есименя интересует текст, если мне нужна картинка – правый клик мыши – показать картинку. З.Ы. Тоже юзаю оперу, по умолчанию показывать только кэшированые
DeadLy, это было лишь субъективное мнение Denis Streha, поэтому он так категоричен :)
Вот, абсолютно согласен! Поступаю аналогично (правда картинки подгружаю более удобными способами :).
Действительно, истина азбучная, но многие ею пренебрегают.
А еще иногда бывает полезным протестировать сайт с отключенным js. Я как раз недавно столкнулся с подобной задачей – заказчик хотел, чтобы страница с контентом “выезжала” после загрузки страницы (www.operaprint.ru). Соответственно, с отключенным js ничего не выезжало и текста не было видно. Думал-думал, как узнать, включены ли скрипты на клиенте, а потом мне напомнили про тег noscript – и все встало на свои места :)
Я думаю просто текст и главные ссылки ну можно 1 начальный рисунок
bukvoed, а как вообще можно сделать запрет отображения страницы при отключенном JS, не подскажешь? Сейчас часто необходимость в этом возникает.
Кстати проблема действительно актуальная. Иногда с ней можно столкнуться даже на сайтах, где посещаемость несколько тыс. хостов в сутки… Интересно что за дилетанты их клепают … )) Неужели не знают о такой фишке )) ?
Люди в окно поглядите – даже не год , век изменился . Объясните смысл в “только кешированных” ? Может еще ч\б мониторы поставить или только текстовые.