Основы грамотного веб-дизайна

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

5 фундаментальных основ веб-дизайна

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

Как исцелить проблему

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

Сайт — это система

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

Посмотрите внимательно на созданный вами дизайн. Вы уверены, что три разноцветные кнопки «Купить» в первом экране, помогут повысить конверсию сайта? Игнорирование модульной сетки — так же не доставит людям оргазм.

Приведите макеты в порядок. Каждая категория элементов должна выглядеть и работать одинаково и предсказуемо.

Красота — это утопия

Многие дизайнеры ведут себя как дизайнеры и это невероятно ужасно. Настоящий дизайнер должен вести себя как инженер, для которого чуждо понятие красоты. Для него важна эффективность, а все остальное — мнительность и предрассудки. Поэтому каждый элемент на странице, должен выполнять определенную роль.

Рассуждать следует примерно так: изображение на весь экран — это не дань красоте или моде, это образ, который усиливает эмоциональную составляющую проекта и подталкивает посетителей совершать действия.

Рекомендую почитать:
Проектирование веб-интерфейсов. Б. Скотт, Т. Нейл

Тупость — это норма

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

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

Рекомендую почитать:
Не заставляйте меня думать. Стив Круг
Веб-дизайн. Элементы опыта взаимодействия. Д. Гарретт

Цвет — это эмоция

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

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

Рекомендую почитать:
Гармония цвета. Интенсивные цвета. М. Гилл
Гармония цвета. Пастельные тона. М. Гилл
Гармония цвета. Естественные цвета. М. Гилл

Типографика — это жизнь

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

Рекомендую почитать:
Новая типографика. Руководство для современного дизайнера. Ян Чихольд

Помимо прочего, всячески рекомендую посмотреть лекцию арт-директора студии Лебедева — Людвига Быстроновского.

В заключение

Чтобы делать качественный дизайнерский продукт, как и в любой другой профессии — важно изучить основы. В данном случае — основы веб-дизайна.

Это поможет резко вырасти в рамках своей профессии и делать по настоящему умные и правильные сайты.

Алексей 07 апреля 2015 / 12:43

Хорошая статья, спасиб=)

Ответить
Никита 07 апреля 2015 / 14:47

Спасибо за статью и за подборку книг.

Ответить
Sasha Melbourne 08 апреля 2015 / 11:15

Ошибка тут «Игнорирование модульной СТЕКИ ». Добротная статья, плюсую.

Ответить
Sofia 08 апреля 2015 / 17:14

Обожаю ваши статьи и ваш стиль, как вы пишите!
спасибо за книги!

Ответить
Случайный гость 05 мая 2015 / 12:40

11.36 в видео оратор сказал все з@ебис@, ну и манера. Дальше смотреть не стал.

Ответить
Юлия 01 сентября 2015 / 12:30

Спасибо за Ваши статьи и за полезную инфу, очень интересно читать!

Ответить
Иvan 30 августа 2016 / 12:25

Все приходит с опытом

Ответить
Утопист 12 сентября 2017 / 15:30

«Красота — это утопия.» Да хрен там. Открываем awwwards и смотрим. Дизайн не должен быть красивым, дизайнер не должен верстать…… Ну если «дизугнер» не может делать реально работающие вещи красивыми — это скорее минус, а «Красота — это утопия.» и «Не должен..» — оправдания

Ответить