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