На протяжении всего моего опыта работы в вебе я была как в роли верстальщика, так и в роли дизайнера, и как никто другой понимаю, насколько сильно взаимосвязаны эти два этапа.
В большинстве случаев, к сожалению, дизайнер имеет очень плохое представление о разметке, стилях и плагинах, да и вообще о том, как собирается макет и какие инструменты доступны разработчику. Часто общение с дизайнером сводится к «хочу вот так, чтобы вот тут вот так и вот так», а на трудозатраты на реализацию, равно как и на будущую скорость загрузки этого шедевра, они кладут большой болт. Сюда же можно отнести и тех, кто жертвует структурой и важными блоками ради более выигрышной композиции или типографики. Это всё говорит о непрофессиональном подходе.
Дизайн — это не картинки, а проектирование, визуальная коммуникация с пользователем, нацеленная на решение важных задач.
Стоит ли упоминать, что знание вёрстки станет огромным плюсом в карму дизайнеру? Думаю, это и так понятно.
И нет, дизайнер вовсе не обязательно должен уметь здорово и чисто верстать, но обладать хотя бы базовыми знаниями о принципах вёрстки, я считаю, обязан.
Бесспорно, хороший разработчик может выполнить любую задачу, но тут встаёт вопрос в её целесообразности и логичности — часто в результате получается тяжёлый макет, который грузится по три минуты, и на реализацию которого было потрачено очень много времени разработчика, что привело к удорожанию работ, но зато полностью соответствующий видению дизайнера (здесь стоит отметить, что многие дизайнеры — это на самом деле художники, склонные больше внимания уделять своему видению и «красоте», жертвуя смыслом и логикой, user-friendly и mobile-first принципами).
Имея помимо знания принципов хорошего дизайна ещё и навыки вёрстки, дизайнер способен видеть дальше и шире этапа макета, что даёт несколько огромнейших преимуществ:
Больше возможностей
Понимающий в вёрстке дизайнер способен выходить за рамки стандартных сеток, учитывая при этом возможности разработчика.
Больше кооперации
Ему гораздо проще взаимодействовать с командой на дальнейших этапах создания сайта/приложения, потому что он говорит с разработчиком на одном языке.
Код будет чище и проще
Как минимум, это облегчит жизнь разработчику, не будет проблем с медленной загрузкой сайта и его отображением на разных устройствах / в разных браузерах в будущем.
Это очень ускоряет процесс разработки
Взаимодействие всех участников на всех этапах процесса друг с другом — залог отсутствия конфликтов, недопониманий и возможность существенно сократить временные затраты.
Вау, оно исправно работает!
Потому что оно хорошо продумано с самых начальных этапов!
Подводя итог всему этому, хочу сказать, что следует понимать, что сайт — это полноценный механизм, созданный для решения важных бизнес-задач. Это не картинка, не рисунок, не демонстрация вашего таланта. Это — лицо компании, инструмент, который должен грамотно выполнять все свои функции. И чем более вы вовлечены в процесс и чем больше вы в нэм шарите, тем выше вы ценитесь как профи.
Короче, дизайните с умом :)
Удачи, народ!