Эскиз, прототип, макет
Для себя сформулировал терминологию стадий создания дизайна: эскиз, прототип, макет.
Эскиз - это документ для визуализации идей, без финальном проработки, с высокой степенью детализации, но не в виде варфрейма, это важно.
Прототип - html-экскиз. Нужен, чтобы проверить то или иное интерфейсное решение. Стадия не предполагает красоты кода или доведения внешнего вида до продакшена - так экономится время.
Макет - проработанный эскиз. Финальный документ, где должны быть проработаны все ньюансы поведения и внешнего вида.
Многие не рекомендуют играть в «фотошоп» на уровне эскиза, я же настоятельно рекомендую. Не понимаю, как ощутить будущий продукт серыми прямоугольниками. Да, на детальную прорисовку тратится больше времени, чем на прямоугольники, но уже на этой стадии вы закладываете стиль и понимание, каким продукт должен быть. Это вам поможет сэкономить время при подготовке макета. Стадия прототипа опциональна и иногда помогает быстрее продвинуться на следующий этап. Бывает, что экиз от макета визуально не отличаются, но такое бывает редко.
Эскиз - это документ для визуализации идей, без финальном проработки, с высокой степенью детализации, но не в виде варфрейма, это важно.
Прототип - html-экскиз. Нужен, чтобы проверить то или иное интерфейсное решение. Стадия не предполагает красоты кода или доведения внешнего вида до продакшена - так экономится время.
Макет - проработанный эскиз. Финальный документ, где должны быть проработаны все ньюансы поведения и внешнего вида.
Многие не рекомендуют играть в «фотошоп» на уровне эскиза, я же настоятельно рекомендую. Не понимаю, как ощутить будущий продукт серыми прямоугольниками. Да, на детальную прорисовку тратится больше времени, чем на прямоугольники, но уже на этой стадии вы закладываете стиль и понимание, каким продукт должен быть. Это вам поможет сэкономить время при подготовке макета. Стадия прототипа опциональна и иногда помогает быстрее продвинуться на следующий этап. Бывает, что экиз от макета визуально не отличаются, но такое бывает редко.