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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

—

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