Создание и раскрутка сайтов - веб-студия WebStudio2U Написать письмо в студию веб-дизайна WebStudio2U Авторизация Лента новостей студии веб-дизайна WebStudio2U Карта сайта

Дизайн сайтов

Понятие «веб дизайн» или «дизайн сайта» можно сформулировать как «внешний вид сайта». Перед началом разработки дизайна сайта необходимо определить три основных момента:

  • Цветовое решение сайта
  • Расположение основных элементов дизайна сайта (кнопок, картинок, таблиц, текста и т.д.)
  • Юзабилити сайта (в буквальном переводе с английского – «удобство пользования»)

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

Вторая (во главе с Джейкобом Нельсоном) – утверждают, что поскольку 90% посетителей ходят на сайты за информацией, то основная цель дизайна сайта – не мешать посетителю находить и изучать контент сайта. Среди второй группы бытует поговорка: «Самый классный коммерческий дизайн сайта – это полное отсутствие веб-дизайна».

Наверное, истина находится где-то посередине.

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

  1. Цветовое решение сайта.

    Здесь есть уже немало отработанных и опробованных на практике методик. Одна из них – воспользоваться при подборе цветов советом профессионального художника, которые хорошо разбирается в цветовых сочетаниях. Вторая – посмотреть статьи об особенностях психологического восприятия того или иного цвета. К примеру, психологи говорят, что красный и все его производные – это самые тяжелые для восприятия цвета, поэтому они вызывают чувство агрессии или тревоги. И красный цвет уместен разве что в дизайне сайта, посвященном корриде, революции или еще какому-нибудь кровавому человеческому безобразию.

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

    Обратите внимание: очень много бизнес-сайтов сделаны именно в оливково-зеленой гамме.

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

    Однако наиболее перспективным автору этих строк представляется другое направление: создание дизайна сайта с помощью «естественных», природных цветов. Проще говоря – берется фотография природного ландшафта, и на ее основе подбираются цвета сайта.

    Говоря о цветовом решении сайта, нельзя не остановиться на цвете фона и шрифта – ведь мы же делаем сайт для того, чтобы посетители читали наш уникальный контент! Здесь всё достаточно просто: мы с детства привыкли читать черным по-белому. И уверяю Вас – всё население Интернета привыкло читать точно так же. Поэтому не нужно пытаться переучивать Ваших посетителей и делать лиловый шрифт на желтом фоне или (что очень любит Артемий Лебедев) – белым по черному.

    У людей от таких текстов устают глаза, они раздражаются, обижаются и в конце концов уходят с цветастого сайта. Не забывайте, что между Вами и Вашим конкурентом расстояние в Интернете – один клик мышки! И что посетитель (он же – покупатель) уйдет на менее красивый, но более удобный и простой для него сайт, не оценив Ваших цветовых и прочих художественных изысков.

  2. Расположение основных элементов дизайна сайта (кнопок, картинок, таблиц, текста и т.д.)

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

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

    Немного статистики: если сайт загружается дольше 10 секунд, 90% посетителей с него уходят.

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

  3. Юзабилити сайта

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

Маленькая ремарка: не бойтесь планировать дизайн сайта, исходя из Ваших личных вкусов и пристрастий. «Подобное притягивает подобное» - посетители вашего сайта, скорее всего, будут в чем-то похожи на вас – ведь они интересуются вашей тематикой! Значит то, что нравится Вам, с большой степенью вероятности понравится и им.

Теги:
веб-дизайн, дизайн сайта, юзабилити, джейкоб нельсон, цель дизайна, аспекты создания сайта, коммерческий сайт, цветовое решение, элементы веб-дизайна