​#UI #Design

State of the Navigation Drawer

Navigation Drawer присутствует довольно давно в Android приложениях, но он имеет минусы:
➖ сокрытие навигации с экрана
➖ разработчики порой его перегружают элементами
➖ пользователи не видят новый функционал, которая добавляется в приложения

Как альтернатива Drawer предлагается использовать Bottom Navigation. Он позволяет решить проблемы, присущие Drawer, но также имеет ограничения, например он располагает от 3 до 5 элементов.

В своих последних приложения Google стала использовать комбинированный подход с Drawer и Bottom App Bar

Что сейчас имеет место и есть ли универсальное решение? Вопрос как всегда философский и не имеет четкого ответа. В статье автор сделал обзор существующих решений и их эффективности.

​#Material #Design #BottomSheet

Hands-on with Material Components for Android: Bottom Sheet

Третья статья из серии о компонентах Material Design и как их использовать в Android. В текущей рассматривается Bottom Sheet:
👉 Виды Bottom Sheet
👉 Базисы использования
👉 BottomSheetBehavior
👉 Состояния Bottom Sheet и как его сохранить
👉 Оповещение об изменение состояния
👉 Кастомизация

​#Material #AndroidX #Design

Upgrading to Material Components

На Google I/O 2018 было представлено обновление Material Design или его вторая версия. В рамках нее произошло обновление концепции дизайна и UI элементов, даже библиотке с дизайном поменяла пакет и стала com.google.android.material:material. В статье рассказывается о том как интегрировать новую библиотеку к себе в проект (придется мигрировать на AndroidX) и немного об обновленных компонентах:
👉 TextInputLayout: OutlinedBox и FilledBox
👉 Material Button: filled, text, elevated
👉 Chips: Filter, Choice, Action
👉 Bottom App Bar
👉 Backdrop Menu

Для тех кому интересно узнать больше о Material Design 2.0 рекомендую изучить официальную документацию и пройти Codelab "Material Advanced Components"

​#Design #DarkTheme

Design for the Dark Theme

Темная тема с приходом Android Q становится горячей темой, хотя и возможность его реализовать в Android присутствует уже давно. С чего же начать путь в добавление поддержки темной темы вашему приложению? Своим опытом делятся разработчики Shutter Points адаптации темной темы для своего продукта.

​#Design #UI #MaterialDesign

Material Design Guideline June Update

Произошло обновление гайдов по Material Design. Из важного - описаны пикеры дат

#Design

32 отличия дизайна мобильного приложения под iOS и Android

Статья которую я не смогу обойти, так как страдаю от дизайна, когда он не адаптируется под платформу и не использует всю прелесть Material Design, а может и наоборот - использует ее слишком, даже где не нужно. Да еще и дизайнеры зачастую - это пользователи Apple стороны и не знают пользовательского опыта Android.

Статья сможет показать различия и послужить аргументами в разговоре с ними. Что разбирается:
👉 Базовые отличия Humans Interface Guideline (HIG) и Material Design (MD)
👉 Отличия в навигации
👉 Отличия в компонентах (UI)
👉 Другие отличия: магазины, кликабельные зоны, splash экраны, форматы данных, дизайн пустых состояний и прочее

#Design

Стилизация Android-приложений и дизайн-система: как это сделать и подружить одно с другим

Дизайн система - это принципы, которые позволят вам унифицировать подходи описания компонентов и эффективно реализовывать дизайн в приложение на основе этих «кирпичиков».

В статье автор разбирает подходы как реализовать дизайн систему в Android приложении

#Material #Design

Material Components for Android 1.2.0 is now available

Вышла новая версия Material Components для Android. Что нового:
👉 Material Motion - реализация стандартных анимаций из Material’s motion system, на основе androidx.transition
👉 Виджеты Slider и RangeSlider
👉 ShapeableImageView - расширение AppCompatImageView, которое понимает shape из тем
👉 Класс MaterialColors стал публичным и дал доступ к множеству утилит для работы с цветами
👉 Поддержка аттрибута materialThemeOverlay во всех компонентах, который позволяет использовать theme overlay. В отличие от android:theme его можно использовать в стилях по умолчанию.
👉 MaterialButton теперь не игнорирует android:background
👉 Исправление багов
👉 Улучшение accessibility

#Design #Material

Android Design System and Theming: Typography

Подробный разбор работы со шрифтами в Material Design на Android:
👉 Ресурсы шрифтов
👉 Стандартные стили
👉 Система шрифтов Material Design
👉 Темы и стили для текста в Android

#material #design #android12

Material Components Android 1.5.0-alpha03

Самое важное изменение - ранний доступ к задачному Material 3 и надо использовать compileSdk 31 (Android 12). Скорее всего так называется Material You.

#material #design #androidevsummit

Introducing Material Theme Builder

Material Theme Builder - инструмент, который позволит сгенерировать код (Android XML, Jetpack Compose, Design System Package) и визуализировать как это будет выглядеть. Вы можете поставить инструмент в качестве плагина для Figma

#design

Команда Material представили новую версию шрифта Roboto - Roboto Serif.

Скачать его можно здесь

Google представила хаб для дизайном UI Android приложений - сборник материалов для вдохновления и инструкции по реализации. Гайды есть для мобилок, часов, больших экранов и TV. Классно что можно увидеть примеры популярных функций и их реализаций для разных устройств

#design #googleio #material

Статья (EN, 15 мин, ссылка без VPN) от дизайнера про современные паттерны навигации в мобильных приложениях

#design