10 типичных ошибок начинающих веб-дизайнеров

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

1. Больше шрифтов, больше

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

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

2. Разграничение отношения элементов

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

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

3. Решение не соответствует общей стилистике

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

4. Выделение ссылок и активных элементов

Не создавайте лишних проблем для пользователя. Если только вы не хотите устроить игру с призами «Найди на странице ссылку». Стоит обязательно использовать выделения, чтобы посетитель сразу идентифицировал ссылку или активный элемент.

5. Неправильно расставлены приоритеты подачи информации и нелинейная подача

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

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

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

6. Осложнение процесса регистрации

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

7. Нечитабельный текст

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

8. Визуальный шум

Избавьтесь от элементов, которые не несут в себе никакого смысла. Убирайте все лишнее, все, что выскакивает ниоткуда, оставляйте только необходимое. Большое количество различных элементов на странице создает лишь визуальный шум, а сам сайт становится похожим, скорее, на Диснейленд. Это скопление всего, будто кричит «Обрати внимание на меня», «Нет, на меня», «Юху, а вот и я», а это только раздражает и заставляет быстрее спасаться заветным красным крестиком.

9. Кому нужна макетная сетка?

Часто на странице можно наблюдать настоящий хаос, когда элементы не выровнены относительно друг друга, а также являются непропорциональными. Чтобы этого избежать, нужно обязательно использовать модульную сетку. Модульная сетка – это набор линий, к которым привязываются все элементы страницы. В большинстве случаев она бывает 12, 16 и 24 колонковой. Найти модульные сетки можете здесь.

Задачи модульной сетки:

• Сокращение затрат времени на поиск геометрического места для элемента в макете;
• Сбалансированность и пропорциональность элементов макета;
• Шаблонирование и обеспечение целостности страницы.

10. Широкая палитра различных цветов

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

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