https://esuladesign.ru
Дизайн сайта - это комплекс работ по разработке внешнего вида страниц и элементов сайта, которые будут выводиться на экран пользователю при переходе по ссылке или адресу сайта. По-другому эти работы можно назвать веб-дизайном, который согласно Википедии, определяется как отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений. В рамках данной работы специалист логически выстраивает структуру страницы или отдельных блоков; анализирует и предлагает варианты наиболее удобной организации и отображения контента пользователю, а также занимается художественным оформлением страниц сайта и его элементов.
Дизайн сайтов может, в зависимости от характера проекта и требований заказчика, разрабатываться как с использованием готовых шаблонов, так и создаваться «с нуля» по индивидуальному проекту.
В первом случае за основу клиенту предлагается один из имеющихся у разработчика шаблонов и дополнительно может быть предложена доработка отдельных элементов. Отдельные профессионалы занимаются именно созданием дизайн-макетов и шаблонов для различных отраслей бизнеса. Примером работы по шаблонам может служить адаптация готового решения под конкретный заказ или версию например доработка для отображения на различных типах устройств.
В процессе работы учитывается множество факторов восприятие конечными пользователями, удобство для пользователей, отображение на различных средствах вывода изображений, скорость отображения и т.д.
Итогом работы является изображение макета страницы, которое затем передается верстальщику и программисту для применения в разработке сайта.
В качестве результата работы заказчик получает не просто изображение, а анимированный макет: шрифты, текстовые стили, цветовые стили, иконки, иллюстрации, кнопки и другие элементы дизайн-системы с описанием их состояний при наведении мышкой, при клике и др и анимацией. В векторном формате эти исходные материалы возможно использовать другим специалистам, а также посмотреть анимацию и описание адаптивных версий для различных устройств: компьютера, планшета, мобильных устройств. Векторная графика позволяет вносить изменения в элементы дизайна с помощью графических редакторов. При этом все манипуляции элементов описываются в виде каскадных таблиц стилей CSS, которые используются верстальщиками. Так специализированные графические редакторы помогают вести совместную разработку дизайнерских сайтов в удалённом режиме.
Примерами таких редакторов служат Figma, Sketch и другие
Разработка макетов, их правка по заданиям заказчиков требует от специалиста владения современными графическими редакторами Photoshop, Illustrator и другими, знание принципов юзабилити, цветовых моделей и сочетания цветов
