начинающих дизайнеров —

разбор с примерами

Сегодня всё больше людей желают освоить профессию Web-дизайнера. После прохождения обучения по неопытности они частенько допускают очень распространенные и, на первый взгляд, очевидные ошибки. Давайте вместе с Ильей Семеновым, старшим проектировщиком пользовательских интерфейсов компании «Рексофт», разберем на примерах наиболее частые из них и посмотрим — как их можно избежать.

Итак, начнем:

1. Сетки

Многие начинающие дизайнеры знают, что такое сетки, видели их, но не умеют корректно с ними работать. Необходимость сетки заключается в том, что при её использовании, во-первых, контент можно выравнивать, соблюдая определенный ритм, во-вторых, front-end разработчику будет удобнее работать с макетом, использующим сетку.

2. Выравнивание контента

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

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

3. Погоня за «украшательствами»

4. Воздух

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

5. Акценты и читаемость текста

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

6. Некачественная работа с графикой

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

7. Работа со слоями

Часто открывая работы новичков, видно, что слои имеют дефолтное системное название, они не сгруппированы. Когда в работе использовано много объектов на различных слоях, то этим очень трудно управлять. Моя рекомендация — называть все слои, группировать их так, чтобы внутри документа был порядок.