руслан белый

Я вебмастер с ИП. Опыт работы — 10 лет.

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

В свободное время ищу ошибки на сайтах и учу делать контентники

Рассылка
Популярное

Как решить любую техническую проблему

Сколько денег надо
вложить в сайт

Как самому сделать сайт

Как выбрать нишу сайта

Бесплатный аудит сайта

Мероприятия

Пока мероприятий нет.

Каким должен быть дизайн сайта

О дизайне

Часто люди, которых я встречаю в жизни считают, что они круто разбираются в дизайне. Неважно это дизайн сайта, телевизора или детской игрушки (далее мы говорим о дизайне на примере сайтов). Это большое заблуждение и самообман.

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

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

О причинах малой грамотности людей в плане дизайна можно почитать здесь.

Какой должен быть дизайн сайта

Что такое качественный дизайн в понимании большинства людей? Это дизайн в котором обязательно присутствует сложный фигурный шрифт, всякие фильтры и спецэффекты, градиенты, красочности, яркости, нелепые картинки и тому подобные вещи. Считается, что чем больше этих визуальных украшательств, тем лучше. Это не так.

Суть хорошего дизайна можно выразить в одной фразе:

Хороший дизайн должен быть невидимым.

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

Если дать более развернутое определение хорошему дизайн, то вот мои критерии:

  1. Дизайн не отвлекает от основного контента.
  2. Дизайн облегчает восприятие информации.
  3. Дизайн подталкивает посетителя к действию.

Исходя из этих характеристик и функциональных требований к сайту уже подбираются те или иные элементы дизайна.

Практические рекомендации по дизайну

Если говорить о блогах, то для того, чтобы максимально соответствовать этим трем критериям качества, надо обратить внимание на следующие элементы:

Чтобы дизайн не отвлекал от основного контента, надо проработать:

  1. Места для рекламы (контекст, баннеры, строчка);

Чтобы дизайн облегчал восприятие информации, надо проработать:

  1. Отображение на мобильных устройствах.
  2. Отображение на широкоформатных мониторах.
  3. Верхнее и нижнее меню.
  4. Кнопку наверх.
  5. Постраничную навигацию.
  6. Поиск по блогу.
  7. Отображение рубрики блога (лучше, если они будут с иконками)
  8. Лучшие статьи на главной.
  9. Хлебные крошки.
  10. Дизайн формы обратной связи.
  11. Дизайн цитат, нумерованных и маркированных списков, таблиц.
  12. Дизайн комментариев и граватарок по умолчанию.

Чтобы дизайн подталкивал посетителя к действию, надо проработать:

  1. Форму подписки на обновления блога.
  2. Топ комментаторов.
  3. Кнопки соц. сетей в сайдбаре (ссылки на профили).
  4. Кнопки соц. сетей в статье (поделиться).
  5. Канал Ютуба.
  6. Подписку за бесплатность в активную базу.

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

Технические рекомендации по дизайну

  1. Гарнитура нормальных шрифтов  Helvetica, Georgia, PT Sans, Roboto.
  2. Размер шрифта для текста статьи — 12 14 px.
  3. Размер шрифта для заголовков – 16 18 px и выше.
  4. Фон приятно контрастирует со шрифтом, а не вырви глаз.
  5. Непрозрачные картинки строго в jpg, прозрачные в png.
  6. Контент (включая текст и сайдбар) 980 1024 px.
  7. Ширина мобильной версии 320 px.
  8. Избегаем выпадающих меню (неудобно + js может быть отключен).
  9. Обязательно продумываем дизайн 404 страницы.
  10. Комментарии можно от ВК, Disqus, Cackle, Hyper Comments или родные.

Это все, что я хотел сказать. Помните  минимализм рулит.

как самому сделать сайт