Forwarded from dui
С четвертого раза я все же смог записать видео по созданию этого прототипа и не бросить эту идею вовсе. Мне очень хотелось довести ее до конца, не смотря на бесконечные фейлы в записи и проблемах с оборудованием.
Поэтому если вас интересует, как сделать эту анимацию в Origami Studio, то го смотреть свежий видос на моем канале – https://youtu.be/ihTQ0W1kuDM
Поэтому если вас интересует, как сделать эту анимацию в Origami Studio, то го смотреть свежий видос на моем канале – https://youtu.be/ihTQ0W1kuDM
YouTube
Делаем прототип в Origami Studio
Видео подготовлено для телеграм канала о продуктовом дизайне dui — https://t.me/duiux
Содержание:
00:00 - Интро
00:28 - Дизайним макет для прототипа
05:09 - Режимы отображения редактора
05:46 - Структура патча
07:22 - Делаем анимацию красного элемента через…
Содержание:
00:00 - Интро
00:28 - Дизайним макет для прототипа
05:09 - Режимы отображения редактора
05:46 - Структура патча
07:22 - Делаем анимацию красного элемента через…
Forwarded from dui
This media is not supported in your browser
VIEW IN TELEGRAM
Открыл для себя новый патч Random для генерации случайных значений в Origami.
Сделал на нём интеракшен, когда нажатие меняет позицию розового шарика в случайные координаты
Сделал на нём интеракшен, когда нажатие меняет позицию розового шарика в случайные координаты
Forwarded from dui
Иногда в дизайне хочется сделать цвет фона взятый из изображения.
Если у вас возникает такая потребность, то рекомендую простой сервис – https://matkl.github.io/average-color/
Если у вас возникает такая потребность, то рекомендую простой сервис – https://matkl.github.io/average-color/
Forwarded from dui
Интересное видео про технологии стриминга – https://youtu.be/ROlFGyOLBGk и технологии CarPlay и AndroidAuto.
Интерфейсы приложений для автомобильныъ систем строго регламентируются. В списках поддерживается лишь 6 элементов на Android Auto и 12 в CarPlay.
Интерфейсы приложений для автомобильныъ систем строго регламентируются. В списках поддерживается лишь 6 элементов на Android Auto и 12 в CarPlay.
YouTube
От AirPlay и Google Cast до CarPlay и Android Auto | РАЗБОР стриминга
Яндекс.Карты и Навигатор в CarPlay и Android Auto: https://yandex.ru/maps/auto?utm_source=youtube&utm_medium=promo&utm_campaign=carplay_start&utm_content=droider
🤟 Подписка на DROIDER: https://goo.gl/CbimGk
Поэтому сегодня мы разберёмся в технологиях мобильно…
🤟 Подписка на DROIDER: https://goo.gl/CbimGk
Поэтому сегодня мы разберёмся в технологиях мобильно…
Forwarded from dui
Twitter начали подключать свой шрифт Chirp – https://twitter.com/TwitterDesign/status/1425505308563099650
Дизайнерка из продукта, рассказала о нем более детально в своем треде - https://twitter.com/ashlie/status/1425506038506147840
Дизайнерка из продукта, рассказала о нем более детально в своем треде - https://twitter.com/ashlie/status/1425506038506147840
Forwarded from dui
Если вам вдруг нужно оформить текст простыми блоками, то шрифт BLOKK вам в помощь - https://github.com/los-gordos/BLOKK
Forwarded from dui
Адресную строку в Safari обновили в последней бете iOS 15.
В первых версиях она кажется была плавающей. https://twitter.com/viticci/status/1427683610031702017?s=20
В первых версиях она кажется была плавающей. https://twitter.com/viticci/status/1427683610031702017?s=20
Forwarded from dui
Тред про доступность в вебе. Полезно прочитать фронтендерам и дизайнерам. https://twitter.com/nfrontender/status/1428055460771471362?s=21
Ещё из реплаев к нему выцепил полезные твиты. К примеру, стандартом доступности является WCAG 2.0 и в нем выделяются пункты по значимости А, АА, ААА.
И ещё, короткий гайд, с рекомендациями по разработке сайта для людей с нарушением зрения — https://t.co/Nw8bA4Xl72
Ещё из реплаев к нему выцепил полезные твиты. К примеру, стандартом доступности является WCAG 2.0 и в нем выделяются пункты по значимости А, АА, ААА.
И ещё, короткий гайд, с рекомендациями по разработке сайта для людей с нарушением зрения — https://t.co/Nw8bA4Xl72
Twitter
nano frontender
Тред про доступность в вебе. Ее еще называют accessibility (a11y) и сейчас я расскажу что это и как фронтендеры могут облегчить жизнь людям.
Forwarded from dui
В дополнении к посту про доступность выше, мнение, почему Disable кнопки плохи и их нужно избегать в дизайне.
1. С этими кнопками нельзя взаимодействовать, они есть, но пользователь не может их нажать и они не дают никакого фидбека им.
2. Их может быть быть сложно заметить, особенно если делать состояние не таким контрастным.
3. Неактивные кнопки заставляют пользователя задумываться, почему эта кнопка такая? И что нужно сделать, что бы она заработала.
Автор в итоге рекомендует стараться избегать этих кнопок, но если все же нужно их показывать, то сделать их во-первых заметными и контрастными от всего остального и при изменении в активное состояние, делать эту смену заметной. К примеру подсвечивать кнопку зелёным цветом, то есть изменять цвет заметно.
Подробнее и наглядно в статье — https://axesslab.com/disabled-buttons-suck/
1. С этими кнопками нельзя взаимодействовать, они есть, но пользователь не может их нажать и они не дают никакого фидбека им.
2. Их может быть быть сложно заметить, особенно если делать состояние не таким контрастным.
3. Неактивные кнопки заставляют пользователя задумываться, почему эта кнопка такая? И что нужно сделать, что бы она заработала.
Автор в итоге рекомендует стараться избегать этих кнопок, но если все же нужно их показывать, то сделать их во-первых заметными и контрастными от всего остального и при изменении в активное состояние, делать эту смену заметной. К примеру подсвечивать кнопку зелёным цветом, то есть изменять цвет заметно.
Подробнее и наглядно в статье — https://axesslab.com/disabled-buttons-suck/
Axess Lab
Disabled buttons suck | Axess Lab
Showing buttons as disabled until a form is complete might seem like a good idea. It is not. They usually create a lousy user experience…
Forwarded from Дизайн-кабак
Иван Емелюшкин: «Что стоит знать об Эмоджи в интерфейсах»
https://designpub.ru/9ab9a257f995
https://designpub.ru/9ab9a257f995
Medium
Что нужно знать о Emoji в интерфейсах
🧐 На разных устройствах эмоджи выглядят по-разному
Forwarded from Shock Design
Отличный канал с советами, новинками и красивыми проектами, которые вас вдохновят 💪🏻
Подпишись - @uiux_design
Подпишись - @uiux_design