Что такое раскадровка в веб-дизайне?
Когда создатели веб-сайта находятся в процессе проектирования, раскадровка часто является частью начальных этапов. Раскадровка — это способ получить представление о том, как веб-сайт будет выглядеть, ощущаться и вести себя, прежде чем он попадет на стадию официального дизайна или написания текста. И творческие, и технические специалисты используют раскадровки, которые могут упростить процесс проектирования и разработки.
Формат
Раскадровка веб-сайта обычно начинается с набора пустых прямоугольников на странице, по одному на каждую страницу сайта. В зависимости от компании и дизайнеров рядом с пустыми досками может появиться место для заметок или вопросов. Информационный дизайнер, графический дизайнер или веб-дизайнер заполняет раскадровку базовым эскизом каждой страницы, чтобы продемонстрировать, как она будет выглядеть и чувствовать себя; это могут быть как простые блоки на странице, так и сложные, например полный эскиз. Раскадровки помогают команде дизайнеров и/или клиентам прийти к единому пониманию того, что страница будет делать в данный момент, и внести первоначальные изменения в базовый дизайн.
Каркасная схема
Одна из самых важных ролей раскадровки — предоставить базовую каркасную диаграмму того, как будет выглядеть каждая страница. На диаграмме должно быть достаточно информации, чтобы дать представление о том, сколько места должен занимать каждый элемент на странице. Элементы базовой схемы включают панель навигации, основные ссылки, область изображений и место для копии веб-сайта. Каркасная диаграмма является полезной частью оценки информационной иерархии страницы; с визуальным макетом легче увидеть, будет ли у основных элементов достаточно места, чтобы привлечь внимание зрителей.
Поведение веб-сайта
Макет веб-сайта часто определяет способы взаимодействия пользователей с ним и пути доступа к различным частям сайта. Раскадровка может показать направление движения по веб-сайту, размещая различные кнопки и ссылки на каждой странице. При предварительном просмотре веб-сайта с помощью раскадровки эксперты ищут такие вещи, как ссылки, которые видны без необходимости прокручивать страницу вниз, четкие кнопки навигации и ограниченное количество вариантов выбора, чтобы пользователи не перегружались. Раскадровка должна давать представление об общей организации и структуре веб-сайта и показывать, как все страницы работают вместе.
Информация
Мощный веб-сайт дает ровно столько информации, сколько пользователь может усвоить за один раз. Раскадровка помогает сегментировать текст и изображения таким образом, чтобы читатель постепенно втягивался в них. Разметив каждую страницу, дизайнеры могут понять, сколько информации должно отображаться. Большинство раскадровок не содержат фактического текста и изображений, которые будут на сайте, но предлагают общий набросок, показывающий макет, ширину линии и встроенные ссылки.