Прототипирование не выходя из Sketch с помощью Mirr.io

Сегодня мы с гордостью объявляем о запуске Mirr.io — хитроумного инструмента для превращения ваших Sketch-проектов в работающие, совместно используемые прототипы. И все это прямо в Sketch.

Мы используем Mirr. io в Normally уже около 6 месяцев. Причиной его создания послужило наше разочарование в онлайн-инструментах, с которыми, как мы обнаружили, мы тратим безумное количество времени...

Читать далее Нет комментариев

Создавая дизайн для iPhone X. Руководство по дизайну для iOS 11

iOS 11 знаменует появление iPhone X, который значительно выше своих предшественников и практически не имеет рамок. 5.8-дюймовый OLED-дисплей больше, чем у 5,5-дюймового iPhone 8 Plus, но размер корпуса примерно такой же, как у iPhone 8. Для дизайнеров это означает больше свободы.

Более высокий экран

Дополнительные 145 pt может означать дополнительный ряд контента, или добавление меню, которое мы когда-то считали слишком сжатым...

Читать далее Нет комментариев

Создание и тестирование прототипов основанных на целях

Создание прототипов и набросков может быть забавным, расслабляющим и способно расширить ваше мышление. Однако, при попытке решить проблемы, создание прототипов может также отвлекать вас от процесса проектирования.

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

Читать далее Нет комментариев

Дизайн и анимации на основе кода при помощи Framer

В этой статье мы познакомимся с Framer — инструментом прототипирования и дизайна, основанного на коде. Мы рассмотрим основные концепции, которые делают Framer эффективным интрументом прототипирования для дизайнеров и разработчиков. И мы собираемся воспроизвести один из переходов, найденных в приложении Design + Code.

Прежде чем начать, скачайте файлы проекта, чтобы следовать этому руководству. Вы должны открыть файл «DesignCode-Chapter-New...

Читать далее Нет комментариев

9 шагов, чтобы начать использовать анимацию в интерфейсах

Вдохните жизнь в свои творения

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

Мы, люди, привыкли видеть, как мир движется вокруг нас, и если какая-либо часть программного обеспечения имеет последовательную анимацию, оно ощущается живым и естественным.

Анимация интерфейсов...

Читать далее Нет комментариев

Практические советы по улучшению микровзаимодействий вашего интерфейса

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

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

Чтобы создать эти анимации, я следовал рекомендациям Material Motion, ...

Читать далее Нет комментариев

Детальный разбор прототипирования в Sketch

Совсем недавно мы выпустили Sketch 49 и вместе с ним одно из наших самых больших обновлений — возможность превратить статичные артборды в интерактивные прототипы, не покидая Sketch. Это еще не все, вы можете просмотреть эти прототипы в Sketch, тестировать их с помощью приложения Sketch Mirror и поделиться ими в Sketch Cloud.

Мы знаем, что вы уже попробовали новые функции, поэтому мы решили подробно рассмотреть, как прототипирование работает в Sketch, и показать вам, как по максимуму использовать его...

Читать далее Нет комментариев

Наиболее полное руководство по размерам шрифта в дизайне интерфейсов

Что это за руководство?

Чаще всего начинающие дизайнеры интерфейса задают мне следующий вопрос: Какой размер шрифта я должен использовать для своего проекта? Иногда они спрашивают о веб-сайте, иногда об Android-приложении, иногда о проекте на iPhone / iPad. Material Design дает хорошие рекомендации, но они на 50 страниц. iOS … ну, у них нет хороших рекомендаций! А по веб-дизайну все еще хуже...

Читать далее Нет комментариев

Темные паттерны дизайна — это совершенно неэтично и безответственно

Норвежский совет потребителей (Forburkerrådet) недавно опубликовал отчет «Обманутые дизайном», который показывает, что некоторые технические компании используют темные паттерны, чтобы препятствовать нам реализовать свои права на неприкосновенность частной жизни. Темные паттерны дизайна кажутся невинными, но этичны ли они? А вы используете темные паттерны дизайна, чтобы предложить отличный пользовательский опыт?

Темные паттерны в дизайне или просто муд...

Читать далее Нет комментариев

100-дней моушен-дизайна

Как я научилась создавать 50 шедевров анимации за 100 дней

Это было летней ночью в Сиэтле. Я съела немного мороженого, посмотрела обучающее видео на Youtube и загрузила бесплатную пробную версию Principle. Несколько месяцев спустя я завершила свой 5-й по счету 100-дневный проект — «100 дней анимации».

Я начала свой первый 100-дневный проект еще в 2015 году. Мои предыдущие проекты: 100 дней дудла, 100 дней письма, 100 дней акварели и 100 дней векторной иллюстрации...

Читать далее Нет комментариев