Удобный дизайн сайта

Люди редко приходят на сайт чтобы полюбоваться его дизайном. Чаще ищут информацию. Поэтому дизайн должен быть не отвлекающим, но стильным, а сайт - функциональным и удобным. Каждый проект решает свои задачи и имеет свои особенности. Например, "Шпаргалка блоггера" — это информационный ресурс, в статьях которого в большинстве случаев нет изображений.

Выравнивание по центру или левому краю?

Экраны мониторов и телевизоров сейчас почти одинаковы. Поэтому ориентироваться всё же следует на край, а не середину. Не обязательно делать вплотную.

Чтобы на резиновом сайте при уменьшении окна браузера сначала уменьшался отступ, а только потом ширина, можно воспользоваться значением auto у margin.

<style>
#raz {
  max-width: 50em; /* ширина + отступ */ 
  border: 1px dashed red;
}
#raz div {
  height: 25em;
  max-width: 30em; /* ширина */ 
  margin: 0 0 0 auto; /* выравнивание по правому краю */ 
  background: green;
}
</style>

<div id="raz"><div></div></div>

Дизайн блоками или единым пространством?

Дизайн блоками очень популярен и привычен для школьников (какой ребёнок сейчас не смотрит YouTube?). Поэтому я приглядывалась к WIKIHOW и Twitter. И реклама там органически вписывается. Эх, жаль, что все мои многочисленные примеры лучше выглядят без визуального ограничения пространства. Дизайн Ютуб

Формат статей, привлекающий внимание пользователей, благодаря всяким сноскам, вынесенным за основную ширину картинкам и т.д. очень подходит для статей с большим количеством текста, например, как у greenpeace.org. Если доля пользователей мобильных устройств не велика. Оформление статьи на сайте Гринписа

Быть или не быть боковой колонке?

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

Точки фокусировки глаз

Боковая колонка привлекает на себя всё внимание. Не так ли? Как раз для формы регистрации. change.org

Зато все невостребованные кнопки, иконки, картинки, яркие акценты не жалея следует убрать с глаз долой. Тем более всё это лишь тратит время при загрузки страницы.

в f t
наверх ↑

Комментариев нет: