Создание дизайна сайта – что в голове у дизайнера?

Содержание:

• Целевая аудитория как отправная точка
• Правила композиции и стиля
• Выбор цвета в дизайне сайта
  • С какой целью создается сайт (и рисуется дизайн)?
  • Какие эмоции должен вызвать дизайн у посетителя сайта?
  • Какие цвета можно использовать?
• Типографика – выбор шрифтов
  • Как выбрать шрифт для сайта?
  • Сколько шрифтов одновременно можно использовать на сайте?
  • Цвет текста
  • Идеальное расположение текста
• Заключение

---

Целевая аудитория как отправная точка

Дизайнеру следует отталкиваться от особенностей целевой аудитории сайта, ведь он создается для людей. Нужно представить себе портреты тех людей, которые будут пользоваться сайтом. Что для них важно? Какие у них предпочтения? Их пол, возраст, сфера интересов. Ответив себе эти вопросы, можно подбирать все остальные параметры.

Правила композиции и стиля

Перечислим основные правила композиции дизайна:

• целостность;
• подчиненность;
• жизненность;
• наличие акцентов;

Выбор цвета в дизайне сайта

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

С какой целью создается сайт (и рисуется дизайн)?

Можно выделить 2 цели, которые преследует качественный дизайн сайта:

• проинформировать посетителя о чем-либо;
• убедить посетителя сайта что-либо купить (товар или услугу).

Какие эмоции должен вызвать дизайн у посетителя сайта?

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

• Черный цвет – создает ощущение уверенности и стабильности.
• Синий цвет – придаёт легкости и свежести.
• Красный – дерзкий цвет смелости и опасности.
• Белый – ассоциируется с чистотой, открытостью, добротой.
• Зеленый – это энергия жизни и цвет умиротворения.
• Жёлтый цвет – олицетворяет радость и энергичность.

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

Какие цвета можно использовать?

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

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

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

К главному тону подбираем вспомогательный. Он будет оттенком главного и его задача – визуальная разметка смысловых блоков и различение главных элементов дизайна (показывающих главные действия/конверсии) от второстепенных.

Типографика – выбор шрифтов

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

Кроме типа шрифта есть еще дополнительные нюансы, придающие ему те или иные характеристики, например:

• засечки (к названию шрифта приписывается слово Serif);
• отсутствие засечек (Sans-Serif).

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

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

Как выбрать шрифт для сайта?

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

Ещё одна важная деталь – это единообразие. Выбранный шрифт нужно применить сразу ко всем блокам, чтобы сохранялось единство стиля и не пришлось в середине проекта заново подбирать шрифты.

Сколько шрифтов одновременно можно использовать на сайте?

Как уже было сказано, лучше выбрать одно семейство шрифтов. При этом можно и нужно для разных блоков использовать разное их начертание, разный вес (параметр weight). Иногда можно подключить второй и, максимум, третий шрифт, но лучше всего использовать, все-таки, один.

Цвет текста

Текст должен быть контрастным по отношению к фону. Тёмный текст на светлом фоне и, наоборот,  светлый на тёмном.

Идеальное расположение текста

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

между буквами, и между строками больше, чем между словами. Между абзацами сделайте большее расстояние, чем между строками.

Заключение

Конечно, за время прочтения одной статьи невозможно освоить всё мастерство дизайнера. Однако базовые

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

Есть ещё множество других нюансов, на которых строится работа дизайнера, и наша компания использует их в своей работе профессионально. Вы можете заказать в компании «SEOlead» комплекс услуг по разработке дизайна сайта, по созданию сайта с нуля, и быть уверены в отличном результате!