Главная » Статьи » Ошибки блоггеров

Почему не стоит ставить HTML рамку вокруг картинки?

Всем доброго дня, просматривая очередной список блогов которые я обнаружил на просторе интернета, я увидел, что многие блоггеры устанавливают рамку вокруг картинки, которая на мой взгляд лишняя.

Лет 10-15 тому назад когда юзабилити находилось в зачаточном состоянии, а различные стили в дизайне диктовали свои правила по оформлению сайта, ставить рамку вокруг картинки как и верстать сайт таблицами считалось модно, красиво и перспективно.

Сейчас юзабилити шагнуло далеко вперёд, а такие стили как минимализм и Flat диктуют уже совершенно другие правила по оформлению дизайна сайта, простота, понятность и ничего лишнего, поэтому рамка вокруг картинки считается на сегодняшний день дурным тоном.

Во-первых, это лишний визуальный шум, тёмная рамка приковывает свой взгляд сильнее чем сама картинка.

рамка вокруг картинки css

Во-вторых, как правило черной рамкой оформляют портреты и фотографии усопших, не очень приятный момент для автора блога.

В-третьих, это лишний код, просматривая исходный HTML код страницы различных блогов, я обнаружил, что 8 из 10 блоггеров, прописывают стили рамки картинки прямо в HTML код, а не в CSS стилях:

код html рамки вокруг картинки

А теперь представьте на минуточку, что на страницы блога размещены 10-20 или 30 картинок, в которых продублирован один и тот же код стилей, а это дорогие друзья лишняя нагрузка на шаблон блога.

Тем более на сегодняшний день пользователи интернета предпочитают чистый и понятный визуальный контент, без всяких украшений, выделений и надписей на нём.

Ведь сама картинка уже выделяется на фоне блога, так как имеет другой цвет фона.

Другое дело когда картинка имеет белы фон, а по середине размещена другая картинка, то тут не спорю, рамке необходима, чтобы выделить границу картинки:

css рамка вокруг изображения

Но как я уже сказал выше, рамка не должна очень сильно выделяться, она должна слегка дополнять картинку!

По сути дела на сегодняшний день многие блоггеры и новостные сайты отдают своё предпочтение одной целой картинки с другим фоном, без каких либо украшений, чего и вам желаю дорогие читатели и гости моего блога.



Источник: http://web-dm.ru/blog_sovety/img/1/html_ramka_vokrug_kartinki.png
Категория: Ошибки блоггеров | Добавил: RuleZ-DM (12.06.2015) W
Просмотров: 433 | Комментарии: 4 | Теги: рамка, ошибки картинки | Рейтинг: 1.0/2
Всего комментариев: 4
amAlbakov 4
amAlbakov
29.06.2015 в 23:41

на вкус и цвет...)

linuxsoid 3
Yurij
15.06.2015 в 15:46

Вот скриншот (389,61 КБ)

linuxsoid 1
Yurij
14.06.2015 в 22:32

Конечно если прописывать рамку к каждому изображению это дурость, есть же CSS no

Сам использую рамку немного box-shadow и бордера, красивая белая рамка и ничего лишнего.

У вас ошибка - "на сегодняшний лень " book

RuleZ-DM 2
Денис Мехедов
14.06.2015 в 22:47

Цитата
Сам использую рамку немного box-shadow и бордера, красивая белая рамка и ничего лишнего.
А на каком фоне рамка, можно скриншот, интересно посмотреть на box-shadow

Цитата
У вас ошибка - "на сегодняшний лень "
Ого, девушка по имени Лень уже и сюда добралась, как же она мне надоела! wacko