Найти в Дзене
Design YWD

Дизайн промо страницы. Разбор.

Hello, сегодня покажу и объясню общий процесс создания дизайна сайта! В общем, я получил тестовое задание на создание страницы и вёрстки нескольких блоков. Вёрстку я не смог выполнить, не знаю html/css, но сделал крутой дизайн, давай разбираться. Процесс. От сбора контента до дизайна. Дизайн сайта — это всегда определённый процесс. По крайней мере должен им быть. Давай вкратце опишу как это обычно происходит. Всегда есть что-то, за что можно зацепиться. Это и есть наша отправная точка. Наверняка у клиента есть какие-то пожелания, тексты, изображения, референсы. Это всё структурируется и проверяется, также берётся ориентир на дальнейшую работу. На этом этапе дизайнер начинает думать как делать и зачем. Нужно руководствоваться удобством. Хороший сайт — удобный сайт. Следовательно, сначала нужно сделать такую основу, которая сама по себе будет пригодна к использованию, а только потом начинать дорабатывать и выполнять несколько версий. Думаю понятно, почему финальная версия обычно отличает
Оглавление

Hello, сегодня покажу и объясню общий процесс создания дизайна сайта! В общем, я получил тестовое задание на создание страницы и вёрстки нескольких блоков. Вёрстку я не смог выполнить, не знаю html/css, но сделал крутой дизайн, давай разбираться.

Процесс. От сбора контента до дизайна.

Дизайн сайта — это всегда определённый процесс. По крайней мере должен им быть. Давай вкратце опишу как это обычно происходит.

  • Анализ контента.

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

Тут я распределил всё, что имеется по блокам
Тут я распределил всё, что имеется по блокам
  • Набросок. Прототип.

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

Одна из версий прототипа. UX
Одна из версий прототипа. UX
  • Корректировки и UI.

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

UI
UI

Итог.

Ты увидел полный процесс создания дизайна сайта в общих чертах. В других статьях будет немного отличная от этой структура подачи. Как только сделаю и оформлю — продолжим учиться, удачи!

Подписывайся на канал YWD и ставь лайк если тебе понравилась статья!

Связаться со мной ты можешь по ссылкам
VK | Instagram | Telegram