#UI #UX #Дизайн

Сага о мобильном дизайне, часть 2

В статье разбираются, хоть и известные для любого, кто близок к UI/UX, вещи, но все равно полезные, чтобы напомнить еще раз:
👉 UI – это про внешний вид (цвета, шрифты, тени и т.д.). UX – это про опыт пользователя (как пользователь взаимодействует с приложением, насколько успешно и удобно выполняет целевой сценарий)
👉 Тап-зона должна быть достаточной для любых пальцев
👉 Важные кнопки, элементы управления нужно располагать в области досягаемости большого пальца. Много людей управляют смартфоном большим пальцем и держат смартфон одной рукой
👉 Внимание пользователей очень ограничено. Нужно фокусировать пользователя на главном, убирать информационный шум.
👉 У пользователей разных платформ есть разные привычки. Важно соблюдать гайдлайны плаформ.
Непривычный паттерн вызывает растерянность.
👉 Выработанные UI/UX практики чаще надежнее новых инновационных подходов

#Дизайн

Как устроена библиотека дизайн-системы Авито в Фигме

Авито делится тем как устроена из дизайн система (на примере iOS приложения), а именно:
👉 Структура библиотеки дизайн-системы
👉 Стили - основа для дизайнера интерфейсов
👉 Библиотека компонентов
👉 Работа с компонентами дизайн-системы
👉 Компонент в Figma и в коде
👉 Спецификации для разработчиков
👉 Гайдлайны для дизайнеров

#Дизайн #Material #GoogleIO

Unveiling Material You

Google снова обновляет Material, меняя Android очень сильно. Лучше один раз посмотрите видео, что увидеть что именно.

📺 Видео «What’s new in Material Design» (10 мин)

#дизайн

Edge-to-edge support for your Android app with Insetter

Работа с inset в современных Android приложениях важна, Это позволит круто выглядеть UI и полностью наслаждаться софтом на современном устройстве. Библиотека Insetter поможет вам в этом

#android12 #materialyou #дизайн

Using Material You colors in your app​​

Android 12 пришёл с редизайном - Material You, где пользователь выбирает цветовую палитру. В статье показывается как использовать эти цвета и кастомизировать ваш UI на их основе

#дизайн #material #anroiddevsummit

Google запустила сайт по Material You (Material Design 3)

На сайте вы найдете правила дизайна, руководства по компонентам, а также применение Material You в Android 12 и Material Design библиотеке, которая имеет поддержку нового дизайна в альфе

#дизайн #анимация

Choosing the Right Transitions

Рекомендации как выбирать анимацию для разных экранов вашего приложения

У вас есть дизайн система в Figma? Тогда вы знаете сколько там может быть цветов, размеров, иконок и других примитивов. Переносить всё это руками затратно. Ребята сделали интеграцию с Figma для быстрого переноса из Figma в Android проект. Все подробности читайте в статье (11м)

#дизайн #figma

Расхождение платформенного рендеринга Android TextView и Figma Text - одна из причин что не дают сделать идеальное попиксельное совпадение дизайна. В статье (4м) разработчик AvitoTech делится как с помощью атрибутов firstBaselineToTopHeight и lastBaselineToBottomHeight решили проблему высоты полей ввода

#дизайн #avitotech #figma

Всем кто разрабатывает под Android TV возрадуйтесь - первая Beta Jetpack Tv-Material 1.0 на Compose

#androidtv #compose #material #дизайн #jetpack #jetpackupdate