Создание прототипа кастомной pull-to-refresh анимации во Flinto

Pull-to-refresh остается одним из самых популярных жестов, реализованных в мобильных приложениях. Сейчас мы его реализуем в Flinto.

Выбор правильного инструмента: выбираем лучшее ПО для прототипирования

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

Релиз альфа-версии C4 Studio, новый инструмент для прототипирования

C4 Studio это новый класс в дизайне для мобильных устройств. Разработан для дизайнеров и разработчиков, C4 Studio позволяет запросто анимировать дизайн и генерировать готовый код для разработчика.

Набор необходимых инструментов для дизайнера

У дизайнеров никогда не было больших возможностей для создания прекрасных интерфейсов. Благодаря…

Прототипирование. Principle против Atomic

Прототипирование В текущем году (с момента нашего начала работы в Mossio), мы…

Как просто и быстро анимировать персонаж в Principle

После того, как я запостил свой первый анимированный персонаж на Dribbble, несколько пользователей поинтересовались, как я использовал Principle для создания анимации. Если вы еще незнакомы с Principle, это простой способ создавать анимированные, интерактивные дизайны пользовательских интерфейсов

Анализ инструментов прототипирования интерфейсов

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

Craft 2.0 Prototype от InVision пошаговое руководство

Пошаговое видео-руководство по работе с Craft Prototype. Invision скоро должен выпустить дополнение к…

Изучение Xcode для дизайнеров мобильных приложений

Я встретил потрясающего iOS-инженера, который выступает за использование Storyboard. Я уже использовал Storyboard для прототипирования, но всегда мечтал с его помощью создать функциональное iOS-приложение.

Новый уровень прототипирования с Framer. Вводный урок

В этом кратком уроке я покажу, как взять пару экранов интерфейса из Sketch и импортировать их в последнюю версию Framer.

Анимации в Xcode без кода

После написания руководства по Xcode для дизайнеров, я создал продолжение, чтобы как можно больше дизайнеров избавились от страха анимировать свои творения

Модуль ViewController для Framer.js

Модуль ViewController для Framer.js помогает вам создавать мультишаговые сценарии пользователя с готовыми переходами вроде затемнения (fade in), увеличения (zoom in) и листания (slide in). Он состоит из модуля Framer и опционального плагина для Sketch. На Medium есть статья-интро.

Прототипирование iOS-приложения в Sketch и Flinto: часть 2

С возвращением. Надеюсь, у вас сохранились те потрясающие 6 экранов приложения, которые мы ранее создали в Sketch? Настало время прототипирования, которое мы реализуем в приложении Flinto (для Mac), вдохнув в наши экраны немного жизни. Часть 1

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

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

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

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

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

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

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

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

Инструкции по разработке дизайна интерфейса и анимаций с помощью Swift

В Swift гораздо проще работать, особенно если вы никогда раньше не занимались разработками под iOS. Эта глава создана как для новичков, так и для и профессиональных дизайнеров. Я сфокусируюсь на создании простых пользовательских интерфейсов и мощных анимаций вместо самого языка. Часть 1 Часть 2 Часть 3

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

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

Использование Sympli для взаимодействия с разработчиками

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