Архив метки: LG G3

Google представила новые анимации для Android

Помните презентацию Android Lollipop, на которой нам показывали Material Design со множеством крутых анимаций? С тех пор, конечно, интерфейсы приложений действительно стали «материальными», но вот с анимациями как-то не задалось. Ситуацию может изменить новая motion-система, которую выпустила Google. Она позволит разработчикам внедрять крайне интересные анимации. Цель motion-системы — помочь пользователям в навигации и понимании связи между компонентами приложения. Кстати, не так давно Google придумала новый жест управления в Android 11.

Google представила новую систему анимаций Android

В 2018 году Google представила обновленный Material Design 2.0, но даже там не было продвинутых анимаций.

Новые анимации Android

Новая система позволит элементам интерфейса менять свою форму. Так, например, элемент списка сможет плавно раскрываться на весь экран, а парящая кнопка при нажатии на нее сможет трансформироваться в модальное окно:

Разработчики смогут реализовать переходы между частями списка:

Анимации появления новых окно могут выглядеть следующим образом:

Пока такая анимация доступна лишь на системном уровне. Например, в настройках Android.

Диалоговые окна теперь могут появляться с красивой fade-анимацией:

Трансформация элемента

Самой интересной может стать трансформация элемента. Теперь при нажатии на какой-либо элемент он сможет плавно трансформироваться в иную часть интерфейса. Например, это может быть список, нажатие на элемент которого раскрывает плавно на весь экран новое окно. Это может быть музыкальный плеер: нажатие на обложку композиции плавно откроет окно с музыкальным плеером. Такое взаимодействие с системой делает элементы интерфейса более связными и понятными. Прослеживается связь между каждым из элементов.

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

Google также поработала над десктопным интерфейсом. Приложения в режиме DeX будут иметь эти интересные анимации, адаптированные под большую диагональ.

Теперь разработчикам приложений доступны анимации по трем осями. Fade-эффект с появляющимся окном сбоку, такой же эффект с окном, который появляется сверху или снизу и плавное появление окна по z-оси:

И это может касаться не только окон, но и небольших элементов интерфейса:

Наименее интересной можно назвать новую анимацию fade-through. Она может использоваться в тех случаях, когда не прослеживается четкая связь между элементами интерфейса:

И этот эффект так же может касаться не только окон на весь экран, но и небольших элементов, например, кнопок или меток:

Анимации Android Lollipop

В 2015 году Google впервые показала Material Design, и, на мой взгляд, именно сейчас им удалось реализовать анимации, которые были представлены на презентационном ролике. Ранее нам предлагали лишь обновленный дизайн, без каких-либо особенных переходов. Я помню, как удивлялся этим плавным анимациям в 2015 году и как был разочарован тем фактом, что в Google Play попросту не было подобных приложений. И лишь сейчас Google выпустила Motion-систему, которая позволит разработчикам реализовать необычные переходы и сделать разработку интерфейсов основанной на анимациях.

Читайте также: Почему я обновлюсь на Android 11 и вам советую

Анимации Android и iOS

Почему людям нравится iOS? Да просто потому, что там потрясающие анимации — они очень плавные и приятные. В купе с низким откликом тачскрина в iPhone пользователь получает какие-то особые эмоции. С Android-аппаратами такого нет. И надеюсь, что с новой системой анимаций Google в этом вопросе хоть как-то сможет приблизиться к Apple.

Когда появятся приложения с новыми анимациями?

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

Понравились ли вам новые анимации Android? Делитесь мнением в комментариях и не забывайте подписываться на нас в Яндекс Дзен.

Переводчик Google получил новый дизайн: что нового?

Компания Google продолжает вводить материальный дизайн в свои онлайн-сервисы. Временем ранее новый интерфейс уже получили почта Gmail, фирменный календарь и заметочник Keep. Теперь пришло время десктопной версии переводчика — впервые о внедрении обновленного дизайна стало известно в октябре, но тогда он был доступен только узкому кругу пользователей. В конце ноября обновление получило массовое распространение, поэтому оценить новый вид интерфейса могут все желающие.

Макет сервиса остался тем же — интерфейс по-прежнему разделен на две равные части. В левом отделе пользователю предлагается вставить текст, а в правом показывается результат перевода. Элементы интерфейса обрели «материальный» вид: текст увеличился в размерах, а кнопки приняли более аккуратный вид с закругленными углами.

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

На нижней части интерфейса есть три круглые кнопки: «История», «Сохранено» и «Сообщества». Нажав на первую, можно посмотреть результаты всех недавних переводов. Вторая кнопка показывает список слов, когда-либо добавленных в избранное. Третий пункт направляет на страницу сообщества, где любой желающий может помочь улучшить работу сервиса.

Также можно заметить, что сервис самостоятельно подстраивается под разное разрешение дисплея. Проверить это легко — достаточно изменить ширину браузерного окна, и интерфейс автоматически перейдет с двухколоночного вида в режим с одной колонкой.

Как часто вы пользуетесь переводчиком от Google? Свои ответы и мнение насчет сервиса можете написать в комментариях или в нашем Telegram-чате.

Такой Google Play вам обязательно понравится

За годы своего существования каталог Google Play, который сегодня является самым используемым магазином приложений в мире, порядком устарел, а кое-где даже поизносился. Его оформление хоть и не выглядит сегодня хуже, чем в каком-нибудь 2015 году, уже требует свежих идей, которые позволят ему расцвести пуще прежнего. Дизайнер Morphicsn0w пофантазировал и представил свое видение того, каким бы мог быть Google Play в стиле Material Design 2.0.

Складывается впечатление, что автор концепта лишь подкорректировал отдельные элементы каталога, но как он от этого посвежел! Скругленные края определенно пошли интерфейсу Google Play на пользу, а карточки сделали список популярных приложений более удобным для восприятия. Кроме того, дизайнер отказался от «мусорных» разделов вроде недавно установленных программ, сделав Google Play более лаконичным и информативным.

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

Обсудить новый дизайн Google Play можно в нашем Telegram-чате.

Material Islands™ – единственный подходящий набор обоев для Android

Google очень постаралась сделать интерфейс Android и приложений для этой операционной системы привлекательным. Свою инициативу компания назвала Material Design. Очень хорошо, когда обои соответствуют этой концепции. Если вы ищете что-то подобное, рекомендуем обратить внимание на приложение Material Islands™ — Wallpapers.

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

Живые обои поддаются настройке. Они могут меняться в зависимости от дня и времени суток. Другими словами, с помощью этого приложения вы можете закрыть все свои потребности в выборе обоев для смартфона.

Но самое главное – все обои – это привлекательные острова, нарисованные в стиле Material Design. Они прекрасно смотрятся со стоковым интерфейсом Android.

Приложение: Material Islands™ — Wallpapers
Разработчик: Jenny Hanell
Категория: Персонализация
Цена: Бесплатно
Скачать: Google Play

Главный дизайнер Google, возглавлявший Material Design, переходит в Dropbox

Material Design – то, что делает продукты Google привлекательно выглядящими. Эта концепция до сих пор дорабатывается. Увы, по данным TechCrunch, Google придется искать нового человека, который сможет возглавить это направление. Николас Житкофф, занимавший пост главного дизайнера Google с 2006 года, покидает компанию и уходит на должность вице-президента по дизайну в Dropbox.

Житкофф начал работу в Google, улучшая впечатление пользователей от Chrome. Он был вовлечен в Project Kennedy, инициативу Google по унификации дизайна продуктов компании. Николас помогал в создании и развитии Material Design и возглавлял это направление. Он работал с совершенно разными командами Google, следя за соблюдением принципов Material Design.

В Dropbox Николас Житкофф на должности вице-президента по дизайну будет работать ближе с инженерами и командами, занимающимися продуктом. Сообщается, что возможность поработать над продуктивностью привлекла его и заставила отказаться от работы в Google. Пожелаем ему удачи и будем надеяться, что Google сможет найти ему достойную замену.