Прототипирования кругового индикатора загрузки в Principle

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

Плагин AnimateMate, создание анимации прямо в Sketch

Я создал плагин AnimateMate, чтобы создавать и экспортировать простые анимации прямо в Sketch. Это конечно не достижение в ракетостроении, но этот инструмент может облегчить вам работу в некоторых случаях. Начнем!

Представляем новый Framer

С радостью представляем Auto-Code с принципиально новым подходом к дизайну в коде…

Об анимации в мобильных UX дизайнах

Продуманные анимации придают интерфейсу завершенный вид, лоск мастерства. В человеко-ориентированном подходе, при котором пользователь находится в центре всего, анимация создает ощущение, что все идет как надо, как только пользователи ее видят.

Framer и Sketch: продуманное прототипирование

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

Микровзаимодействия: секрет хорошего дизайна приложений

В лучших продуктах отлично проработаны две вещи – функционал и детали. Функционал…

Возможности прототипирования в Sketch через Silver Flows

Время от времени появляется инструмент, который делает нашу жизнь лучше. Как Sketch улучшил процесс дизайна интерфейсов, так и SilverFlows улучшит процесс прототипирования этих же дизайнов. Он был создан поверх интерфейса Sketch, из-за чего очень лаконично вписывается в привычную рабочую атмосферу дизайнера.

Советы по работе с Framer.js в Sketch

Вот уже несколько месяцев я использую Framer.js. Так как я взбираюсь по довольно крутой кривой обучения, я хочу помочь людям, которые следуют за мной.

Прототипирование в Marvel и Sketch: часть 2 из 2

Есть множество аналогичных приложений (и я несколько из них опробовал) с более продвинутым функционалом. Но Marvell – это своего рода мощный малыш, который постоянно обрастает новыми возможностями, и я очень его рекомендую. Часть 2

Silver : Легковесное мобильное прототипирование в Sketch 3

Silver – это комбинация приложений iOS и Mac, а также плагина Sketch, идеально работающих друг с другом для максимально простого и быстрого процесса дизайна под мобильные устройства.

Видео уроки Principle for mac

Principle – Это десктопная программа для Mac OS, которая позволяет создавать интерактивные прототипы мобильных приложений. Этот инструмент легок в изучении и позволяет быстро создавать анимацию интерфейса. Также, в состав программы входит IOS приложение для тестирования прототипа на своем девайсе.

Видео уроки Principle for mac. Создание анимации интерфейсов с помощью Principle и Sketch

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

Создание элегантных (но простых) анимаций с помощью Sketch и Atomic.io

Еще одним стимулом стал релиз бета-версии Atomic.io, который оказался удивительно похожим со Sketch в отношении реализуемости интересных интерфейсных взаимодействий.

Sketch и Keynote. Анимируйте дизайн нарисованный в Sketch с помощью Keynote

Keynote – это то приложение, к которому я всегда обращаюсь за инструментами для разработки мелких анимаций в пользовательском интерфейсе. Это бесплатное приложение, без проблем работает в паре с файлами Sketch или .svg. Простое перетаскивание исходника дает возможность дизайнеру быстро создать рабочий интерфейс, так что к стадии анимирования можно приступить гораздо быстрее.