Часто, особенно среди фрилансеров, разработчики и дизайнеры работают над созданием сайта отдельно друг от друга. Дизайнер создает макет сайта, разработчик верстает и программирует. Но когда макет переходит веб-разработчику - между ними возникают разногласия из-за нестыковок. Если бы дизайнер и программист работали над проектом вместе с самого начала – то проблем было бы гораздо меньше, не было бы массы переделок и работа может завершиться в короткий срок.
Хотя веб-дизайнер и веб-разработчик – это две совершенно разные специализации. Но все-таки они должны работать вместе и сообща. Давайте рассмотрим некоторые причины.
Что обязательно должны знать разработчик и дизайнер
- основы веб-дизайна, например: подход к разработке для адаптивного сайта и фиксированного может отличаться
- какие шрифты применяются в веб-дизайне
- основные знания HTML и CSS
- сетка, рамки, каркасное моделирование
Преимущества совместного сотрудничества дизайнера и разработчика
Дизайнер разрабатывает дизайн макетов сначала в векторной программе (Illustrator, CorelDraw), затем макет готовиться в Adobe Photoshop – где все слои раскладываюся по папкам и каждый слой подписывается. Это нужно для удобства работы верстальщику.
Веб-разработчик верстает созданный дизайн с помощью HTML, JavaScript, JQuery, CSS и других языков программирования, устанавливает на нужную CMS, доводит сайт до рабочего состояния, тестирует на ошибки.
Еще на стадии приема проекта им легче вместе и сообща решить как они будут создавать сайт, выяснять друг у друга чего нужно избежать, что бы сайт работал без ошибок. В процессе работы дизайнер при создании макета уточняет некоторые моменты у программиста, чтобы для него это не было «сюрпризом», Программист смотрит ошибки дизайнера – например, правильно ли расположены по сетке графические элементы, блоки. Проще устранить ошибки в самом начале, чтобы потом не пришлось выкручиваться, и переделывать макет заново. А это опять же лишнее потерянное время.
Какие начальные этапы должны предпринять дизайнер и разработчик
Правильно составляйте техническое задание

Если заказчик не составил техническое задание, рассказав все на словах - не спешите оценивать проект без полного представления, так как часто вплывают «подводные камни» и простой проект может легко превратиться в крупный проект, с которым вы можете не справиться или же будете делать почти даром. У вас должна быть своя форма тех.задания, в котором вы все сами продумаете какие пункты должны стоять.
Оцените проект
Прежде всего, вместе внимательно ознакомьтесь с проектом. Оцените честно - сможете ли вы его выполнить. Если да – то каким образом вы будете разрабатывать сайт. Еще в начальной стадии решить все вопросы, иначе потом будет гораздо сложнее. И самое худшее вы бросите проект на полпути, так и не сумев его закончить, что очень плохо отразиться на вашей репутации. Так же совместно изучив техническое задание, вам будет легче оценить стоимость проекта.
Составьте прототип
Когда уже вы начали работать – обязательно составляйте прототип (совместный эскиз или каркас). Это значительно упростит вашу работу еще в самом начале. На этом этапе можно решить, что нужно делать, а чего лучше избежать.
Уточните все нюансы
Узнайте все возможности друг у друга. Если разработчик сомневается что справится с воплощением идеи дизайнера – то нужно об этом сказать, попросить дизайнера сделать как-нибудь по-другому, чтобы не попасть в неловкое положение перед заказчиком. Согласуйте совместно какие шрифты лучше всего применять, чтобы они нормально отображались в браузерах. Если дизайнер или заказчик хочет внести изменения, которые вы не обсуждали – посоветуйтесь вместе – как это сделать лучше всего, чтобы при реализации не было сбоев.
В итоге какие плюсы совместной работы:
- одна голова хорошо, а две еще лучше. Второй напарник может увидеть ошибки, которые недоглядел напарник.
- получается более качественный дизайн
- на выходе сайт полноценно работает без всяких недочетов, все элементы слаженно работают, дизайн не «ломается»
- при совместном сотрудничестве дизайнер узнает все нюансы разработки у программиста и уже знает, как подстроиться по него, а программисту легче представить как создается дизайн.
- при сплоченной работе дизайне и программист понимают, как должен выглядеть сайт на выходе и сообща доводят проект до полного утверждения заказчиком.
Поделиться: