Из наброска в интерфейс
Превратите фото с доски или бумажный вайрфрейм в готовый цифровой интерфейс.
Обновлено:
Сфотографируйте набросок, загрузите его и получите настоящий экран.
Шаги
- Сфотографируйте набросок строго спереди, при ровном свете, чтобы весь рисунок попал в кадр.
- Загрузите его в поле промпта.
- Добавьте контекст, которого рисунок передать не может: что за продукт, что означают прямоугольники, каково визуальное направление.
Набросок нашего экрана онбординга. Большой прямоугольник вверху слева — это видео, три прямоугольника друг под другом — шаги настройки с галочками. Современный SaaS-вид, фиолетовый акцент.
Чтобы наброски читались хорошо
- Подписывайте прямоугольники. «герой», «навигация», «график» — написанные подписи читаются и используются.
- Рисуйте иерархию. Более крупные прямоугольники становятся более крупными элементами.
- Избегайте плотной штриховки. Линейные рисунки читаются надёжнее заштрихованных.
- Один экран на фото, если только вы намеренно не передаёте целый сценарий.
Из наброска сразу в вайрфрейм
Если вы хотите остаться в низкой детализации — привести набросок в порядок, не выбирая пока визуальный стиль, — попросите вайрфрейм. См. Режим вайрфрейма.
Была ли статья полезной?
Похожие статьи
Из скриншота в интерфейс
Загрузите скриншот и получите редактируемую версию этого интерфейса, которой можно сменить оформление.
Режим вайрфрейма
Генерируйте вайрфреймы низкой детализации, чтобы договориться о структуре до визуального дизайна.
Из текста в интерфейс
Превратите текстовое описание в редактируемый экран высокой детализации.