Путь веб-дизайнера

Осознать место веб-дизайнера в «пищевой цепочке». Нужно понимать, что веб-дизайнер стоит на перекрестке интересов бизнеса, пользователей и разработчиков. Поэтому жизненно важное качество для дизайнера: умение понять весь процесс. Вы должны точно знать задачи проекта, мыслить, как предприниматель, а также иметь хорошее представление о технических возможностях веба и постоянно смотреть на свое детище глазами обычного пользователя.

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

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

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

Подсказка для новичка: не бойтесь сделать плохо и не бойтесь показать результат дизайнеру-наставнику. Он не станет пинать вас ногами за неправильный интерлиньяж. В конце концов, он тоже когда-то был таким же, как вы. Даже хуже — его возможности для обучения были явно более скудными.

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

Подсказка для новичка: можете скачать исходник какого-нибудь UI-kitа и послойно посмотреть, из чего он состоит. Развернуть окно стилей и понять, какой инструментарий используют веб-дизайнеры. Крайне полезно для начинающих.

Говорят, что хороший дизайн там, где пользователь его не замечает. Поэтому частое заблуждение многих новичков: «здесь нет ничего сложного, я смогу не хуже». Определенно, сможете. Только для этого нужно создать не один макет. С опытом придет понимание законов стиля — что можно сочетать, а что не стоит; как привнести равновесия в композицию; как правильно сочетать шрифты и т. д.

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

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

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

Пример: вам нужно сделать комплект иконок для двух разных сайтов. В первом случае вам говорят: «сайта пока нет совсем, мы пока не можем рассказать о своем бизнесе, иконки нужны универсальные, делайте!». Мозг хорошего дизайнера при такой постановке задачи коллапсирует. Во втором случае вам ставят задачу: «Нужно 5 иконок, размерами 20×20 пикселей, флэт, вот фирменные гайдлайны, от которых нельзя отступать».

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

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

Практикуйтесь в создании руками чего-то «вне веба». Вам чертовски пригодятся навыки рисования от руки, знание законов светотени, а в зависимости от проекта вам может понадобиться, например, умение создавать «мультяшные» иллюстрации, работать с фотографией или 3D.