Компоненты веб-дизайна, работающие на бумаге [закрыто]

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

Помимо реального взаимодействия, что нельзя изобразить на бумаге?
Можете уточнить вопрос? В общем, как говорится в штатском, на бумаге можно набросать все что угодно (я бы сказал, хотя и не идеально, но вы можете сделать элементарный дизайн взаимодействия и с бумажными прототипами).

Ответы (1)

Почти все мои веб-дизайны начинаются в Photoshop (думайте об этом как об электронной бумаге), а остальные действительно начинаются с карандаша в блокноте.

Мои первоначальные визуализации блокируют

  • заголовки и логотипы
  • меню
  • статический контент
  • динамический контент
  • результаты базы данных
  • формы

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

Я использую второй проход по моему эскизу, чтобы

  • определить, соответствуют ли отдельные элементы моему набору навыков (или моей команде)
  • или если мне понадобится помощь или фермерство
  • определить примерные сроки для каждой части
  • выделить серверные активы и определить, нужно ли что-то перераспределить или закупить

Чем «грубее» эскиз, чем более концептуально планирование, тем более важными становятся «разговоры мелом» или наброски для построения параметров проекта и получения всеобщего согласия на раннем этапе.

Учитывая множество устройств, которые необходимо проектировать сегодня, бумажный эскиз может быть лучшим местом для начала разработки требуемого гибкого дизайна. Смоделируйте ширину области просмотра с помощью рамки «в масштабе» на бумаге и интегрируйте необходимые элементы, но обязательно сделайте это таким образом, чтобы он лучше всего подходил для каждого устройства.