прототип

сайта

school_flashfamily

тильда гуру

school_flashfamily

Макет будущего сайта без дизайна, где в блоках последовательно размещен текст и функциональные элементы: меню, кнопки, формы захвата и т. д. Формирует понимание, какой контент и в какой последовательности разместить на сайте

прототип

school_flashfamily

темы урока

кнопки и формы

иерархия текста

фактоиды

тильда гуру

важные детали:
ссылки, header, footer

порядок блоков

school_flashfamily

тильда гуру

На прототипах важно обозначить иерархию текста. Заголовок большим размером, описание — меньшим и т. д. В стандартных блоках она уже есть, а в Zero её нужно самостоятельно продумывать

иерархия текста

school_flashfamily

тильда гуру

Пример прототипа первого экрана

school_flashfamily

тильда гуру

Пример первого экрана

school_flashfamily

тильда гуру

Прототип задаёт последовательность блоков, а значит и смыслов на будущем сайте. Вёрстка внутри каждого отдельно взятого блока может меняться, но порядок донесения смыслов — нет

порядок блоков

school_flashfamily

тильда гуру

Пример прототипа второго экрана

school_flashfamily

тильда гуру

Пример второго экрана

school_flashfamily

тильда гуру

Пример второго экрана

school_flashfamily

тильда гуру

На прототипе сразу продумываются кнопки и формы захвата. Должно быть понятно, где планируется просто кнопка с попапом, а где — открытая форма. Сразу продумываются поля и тексты к ним

кнопки и формы

school_flashfamily

тильда гуру

Пример кнопок и форм на прототипе

school_flashfamily

тильда гуру

Пример кнопок и форм в дизайне

school_flashfamily

тильда гуру

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

фактоиды

school_flashfamily

тильда гуру

Пример фактоидов на прототипе

Пример фактоидов в дизайне

school_flashfamily

тильда гуру

важные детали

flash_family

спасибо :)

school_flashfamily

flashfamily

school.flashfamily

тильда гуру