Розкадровка може допомогти створити організований веб-сайт.
Коли творці веб-сайту знаходяться в процесі дизайну, розкадрування часто є частиною початкових етапів. Розкадровка — це спосіб отримати уявлення про те, як веб-сайт буде виглядати, відчувати себе та вести себе, перш ніж він потрапить на стадію офіційного дизайну або написання копії. Як креативні, так і технічні професіонали використовують розкадрування, які можуть спростити процес проектування та розробки.
Формат
Розкадровка веб-сайту зазвичай починається з серії порожніх прямокутників на сторінці, по одному для кожної сторінки сайту. Залежно від компанії та дизайнерів біля чистих дощок може з’явитися місце для нотаток або запитань. Інформаційний дизайнер, графічний дизайнер або веб-дизайнер заповнює розкадровку основним ескізом кожної сторінки, щоб продемонструвати, як вона буде виглядати та відчувати себе; він може бути простим, як коробки на сторінці, або таким складним, як повний ескіз. Розкадровки допомагають команді дизайнерів та/або клієнтам досягти однакового розуміння того, що буде робити сторінка в даний момент, і внести початкові зміни в основний дизайн.
Відео дня
Каркасна схема
Однією з найважливіших ролей розкадрування є надання базової каркасної діаграми, як буде виглядати кожна сторінка. На діаграмі має бути достатньо інформації, щоб зрозуміти, скільки місця має мати кожен елемент на сторінці. Елементи базової діаграми включають панель навігації, основні посилання, область зображень і простір для копіювання веб-сайту. Каркасна діаграма є корисною частиною оцінки інформаційної ієрархії сторінки; при візуальному макеті легше побачити, чи вистачить основних елементів, щоб привернути увагу глядачів.
Поведінка веб-сайту
Макет веб-сайту часто визначає, яким чином користувачі будуть взаємодіяти з ним і як вони потраплятимуть до різних частин сайту. Розкадровка може показувати напрямок руху веб-сайтом, розташовуючи різні кнопки та посилання на кожній сторінці. Під час попереднього перегляду веб-сайту за допомогою розкадровки експерти шукають такі речі, як посилання, які видно без них користувач повинен прокручувати вниз, очищати кнопки навігації та обмежену кількість варіантів, щоб користувачі не були перевантажений. Розкадровка має давати уявлення про загальну організацію та структуру веб-сайту та показувати, як усі сторінки працюють разом.
Інформація
Потужний веб-сайт надає лише стільки інформації, скільки користувач може обробити за один раз. Розкадровка допомагає сегментувати копію та зображення таким чином, щоб залучати читача частина за шматком. Розміщуючи кожну сторінку, дизайнери можуть зрозуміти, скільки інформації має з’явитися. Більшість розкадровок не містять фактичного тексту та зображень, які будуть на сайті, але пропонують загальний ескіз, який показує макет, ширину лінії та вбудовані посилання.
