Меню
Умение

Делать электронные макеты интерфейсов

Ни один интерфейс в мире не нарисовали сразу. Сначала появляются примитивные наброски и макеты, потом — детализированные. Научившись разбивать подготовку интерфейсов на оптимальное число шагов, вы будете готовить их быстрее и лучше.

Не забудьте о бумажных макетах (которые выгодно делать до электронных) и специальных инструментах макетирования.

Поделиться

Есть в профессиях

Проектировщик графических интерфейсов
Веб-дизайнер
Product manager

Учебные материалы

Рекомендуем
Наука и искусство условного макетирования Зачем (и как) создавать макеты-вайрфреймы? Рассказывает руководитель студии Usethics Владислав Головач.
Рекомендуем
Вайрфреймы, прототипы и мокапы — в чем разница? О важных терминологических отличиях: три уровня условного макетирования интерфейсов.
Терминологический диктант Ответьте на следующие вопросы.
Макетостроение с отягчающими обстоятельствами Создайте одностраничный landing page (главную страницу) интернет-магазина экзотического товара.
GOODUI.org Хорошие советы по улучшению интерфейса и повышению конверсии веб-сайта. Пригодится и на этапе проектирования, и для редизайна.
The Guide to Wireframing Бесплатное руководство по созданию и использованию вайрфреймов, составленное авторами сайта UXpin.
The Guide to Mockups: Mockup Types, Methods And Best Practices Бесплатное руководство по созданию и использованию «мокапов», составленное авторами сайта UXpin.
The Ultimate Guide to Prototyping Кому и зачем нужны кликабельные прототипы цифровых продуктов? Как их готовить? Еще одно хорошее и бесплатное руководство, составленное авторами сайта UXpin.
Прототипирование, основные позы Почему ключевые моменты в прототипировании интерфейса — это скорость работы и выбор степени детализации?
Интерактивные прототипы. Действующая модель пользовательского интерфейса Три статьи авторитетного проектировщика о том, почему и как стоит создавать функциональные прототипы веб-проектов.
От вайрфрейма до готового дизайна Демонстрация: дизайнер показывает продвижение от грубого наброска к окончательному дизайну сайта.
15 требований к оформлению прототипа Внутренние правила студии Nimax, которые позволяют более качественно разрабатывать интерактивные прототипы.
Рекомендации по созданию прототипов для юзабилити-тестирования Ценные советы о том, как готовить ваши макеты к тестированию.
20 Steps to Better Wireframing Хорошая подборка советов по подготовке вайрфреймов.
Меню