Что такое раскадровка в веб-дизайне?

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

Раскадровка веб-сайта обычно начинается с ряда пустых прямоугольников на странице, по одному для каждой страницы сайта. В зависимости от компании и дизайнеров рядом с пустыми досками может появиться место для заметок или вопросов. Информационный дизайнер, графический дизайнер или веб-дизайнер заполняет раскадровку основным наброском каждой страницы, чтобы продемонстрировать, как она будет выглядеть и ощущаться; он может быть простым, как прямоугольники на странице, или сложным, как полный набросок. Раскадровки помогают команде дизайнеров и / или клиентам прийти к одинаковому пониманию того, что страница будет делать в настоящее время, и внести первоначальные изменения в базовый дизайн.

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

Макет веб-сайта часто определяет, как пользователи будут с ним взаимодействовать и как они попадут в различные части сайта. Раскадровка может показывать направление движения по веб-сайту, размещая различные кнопки и ссылки на каждой странице. При предварительном просмотре веб-сайта с помощью раскадровки эксперты ищут такие вещи, как ссылки, которые видны без пользователю нужно прокручивать вниз, очищать кнопки навигации и ограниченное количество вариантов, чтобы пользователи не перегруженный. Раскадровка должна давать представление об общей организации и структуре веб-сайта и показывать, как все страницы работают вместе.

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