В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk показывает, как визуально улучшить элемент диалога, сохранив при этом отличный доступный и международный UX.
Главы:
- 0:00 - Введение
- 0:22 – Обзор
- 0:53 - диалоговый обзор UX
- 2:33 - Разметка диалогов
- 3:00 – Показать/Скрыть
- 4:20 – Уголок отладки
- 5:38 - Адаптивный цвет
- 6:09 - Макет
- 7:10 – Уменьшение движения
- 8:30 – Опыт взаимодействия
- 9:55 - Пользовательские события
- 11:00 - Прокручивается
- 13:37 - Международная раскладка
- 14:52 - Итог
- 15:30 – Завершение
Ресурсы:
- Читать дальше → https://goo.gle/3E8K72W
- Попробовать демо → https://goo.gle/3viMNa6
- Получить исходник → https://goo.gle/3jyxgxF
Посмотреть больше задач с графическим интерфейсом → https://goo.gle/GUIchallenges
Подписаться на раздел «Разработчики Google Chrome» → https://goo.gle/ChromeDevs.