Найти в Дзене
Китайский специалист

Подробный обзор Google New Material 3 components

Оглавление

Источник: Пунит Чавла
Источник: Пунит Чавла

Дизайн материалов от Google уже давно является основой визуального и пользовательского взаимодействия в Android. 16 июля разработчик Дилан Руссель поделился в своём твиттере некоторыми подробностями о ещё не анонсированных частях Material 3. Это даёт нам представление о том, как будет развиваться дизайн Android в будущем.

Новые компоненты включают в себя обновления плавающей кнопки действия (FAB) и её меню, а также улучшения верхней и нижней панелей приложения. Давайте рассмотрим эти обновления подробнее и узнаем, что они означают для пользователей и разработчиков.

-2

Material 3 — это новая система дизайна от Google, основанная на идеях Material Design. Её цель — создать единый, адаптивный и привлекательный интерфейс для приложений на любых устройствах. Мы стремимся к тому, чтобы все приложения выглядели одинаково и были удобны в использовании, независимо от платформы.

-3

ОБНОВЛЕНА НОВАЯ ПЛАВАЮЩАЯ КНОПКА ДЕЙСТВИЯ (FAB)

Одной из замечательных новинок в новом обновлении Material 3 является изменение плавающей кнопки действия (FAB). Теперь Google предлагает новую кнопку medium FAB с размером 80dp. Это дополнение отлично дополняет уже существующие небольшие, стандартные и крупные FAB, предоставляя разработчикам больше вариантов для реализации своих дизайнерских идей.

Существующие размеры FAB:

  • Небольшая база данных: часто используется для второстепенных действий, таких как камера или кнопка сканирования на Google Диске.
  • Стандартная кнопка FAB: обычно используется как основная кнопка действия во многих приложениях.
  • Большая панель: обычно используется для более важных действий, таких как кнопка записи в приложении Pixel Recorder.
-4

Новая база данных medium заполнит пространство между стандартной и крупной базами данных, предлагая оптимальное решение для задач, которые важны, но не являются первостепенными.

Новые виджеты Material 3 разработаны с учётом гибкости и предлагают горизонтальные и вертикальные настройки. Это позволяет разработчикам выбирать дизайн, который наилучшим образом соответствует потребностям их приложения.

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

-5

ОПТИМИЗИРОВАННЫЕ ПАРАМЕТРЫ МЕНЮ FAB

В новом обновлении Material 3 компания Google также оптимизировала опции меню FAB. Эти новые опции предназначены для отображения дополнительных операций с помощью плавной анимации. Это не только делает интерфейс более динамичным и привлекательным, но и помогает пользователям лучше понять связи между различными действиями.

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

КНОПКА РАЗДЕЛЕНИЯ

Ещё одним интересным дополнением к разделённым частям Material 3 является кнопка «Разделить». Этот новый элемент пользовательского интерфейса создан для улучшения взаимодействия с пользователем, предоставляя простой способ доступа к нескольким действиям через одну кнопку.

Кнопка «Разделить» особенно полезна, когда действие имеет несколько типов или связанных вложенных действий.

-6

Example Use Case:

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

Разделенная кнопка упрощает работу пользователя, объединяя связанные действия в единый понятный элемент интерфейса. Это уменьшает потребность в нескольких кнопках и помогает сохранить чистый, лаконичный дизайн.

ВАЖНОСТЬ КОНТЕКСТНЫХ ИНСТРУМЕНТОВ

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

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

ПРЕИМУЩЕСТВА ДЛЯ РАЗРАБОТЧИКОВ

Новые части Material 3 предлагают разработчикам ряд преимуществ:

1. Гибкость: Благодаря различным размерам базы данных и горизонтальным и вертикальным настройкам разработчики обладают большей гибкостью при разработке своих приложений.
2. Согласованность: Новые компоненты помогают обеспечить единый внешний вид всех приложений в соответствии с идеями Material Design.
3. Простота использования: Оптимизированные параметры меню и кнопка разделения облегчают разработчикам создание интуитивно понятных и удобных для пользователя интерфейсов.

ВЛИЯНИЕ НА ПОЛЬЗОВАТЕЛЬСКИЙ ОПЫТ

Для пользователей новые части Material 3 обещают более увлекательный и интуитивно понятный интерфейс. Обновления в FAB и его меню, а также кнопка разделения облегчают пользователям доступ к необходимым функциям. Акцент на контекстных инструментах гарантирует, что пользователи получат нужные инструменты в нужное время, не загромождая интерфейс.

ЗАКЛЮЧЕНИЕ

Новые версии Google Material 3 — это значительный шаг вперёд в дизайне Android. Обновляя базу данных, оптимизируя параметры меню и добавляя кнопку разделения, Google облегчает разработчикам создание удобных и привлекательных приложений.

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

Поскольку Google продолжает развивать и расширять свою систему Material Design, мы можем ожидать появления ещё большего количества инноваций, которые изменят границы возможного в дизайне приложений. Будущее Android кажется ярким, и основное внимание по-прежнему уделяется созданию единых, адаптируемых и красивых пользовательских интерфейсов.