{"id":14277,"url":"\/distributions\/14277\/click?bit=1&hash=17ce698c744183890278e5e72fb5473eaa8dd0a28fac1d357bd91d8537b18c22","title":"\u041e\u0446\u0438\u0444\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u0438\u0442\u0440\u044b \u0431\u0435\u043d\u0437\u0438\u043d\u0430 \u0438\u043b\u0438 \u0437\u043e\u043b\u043e\u0442\u044b\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f","buttonText":"\u041a\u0430\u043a?","imageUuid":"771ad34a-9f50-5b0b-bc84-204d36a20025"}

Всё о новой Android 12 для дизайнера: ссылки, документы и презентации

На ежегодной конференции Google I/O анонсировали Android 12. Это сильное визуальное обновление. Собрал главные материалы об этом.

Новая версия Material Design называется Material You. Она даёт сложные и сочные по цветам темы оформления, которые будут работать по всем продуктам Google. Android сможет выцепить палитру из обоев телефона, чтобы всё выглядело органично.

Меняется многое:

  • Элементы интерфейса стали крупнее, а скругления — больше. Это видно по обновлённой панели быстрых настроек.
  • Изначальная идея Material Design — слоёные панели, которые отделяются тенями — всё. Теперь зонирование делается с помощью новой цветовой палитры (основной цвет и его высветленные градации).
  • Интерфейс использует новый вариативный шрифт Google Sans Text в дополнение к семейству.
  • Анимация стала ещё плавнее и стройнее. Она также отражается на размерах элементов — они растягиваются и сжимаются при перестройке экрана.
  • Элементы могут иметь необычные геометрические формы (например, виджет или область нажатия). Но тут пока деталей мало.
  • Подкрутили стиль всплывающих окон.

Функционально изменений немного — они будут появляться позже, к осеннему запуску. Но уже сейчас появился индикатор работы камеры. А телефон можно будет использовать как пульт для Android TV и машины.

  • Обзор нового.
  • Интерфейсные тексты.
  • Поддержка accessibility.

Кстати, Google и Samsung объединили усилия в разработке WearOS. Собственная ОС Tizen от Samsung уйдёт в закат.

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

0
109 комментариев
Написать комментарий...
Юзернейм Юзернеймович

Дизайн говна.

Ответить
Развернуть ветку
Rafa Ramazanov

Есть такая фраза, как на вкус и цвет все карандаши разные... Но нужно высрать своё мнение 🗿

Ответить
Развернуть ветку
Илитный Иксперт

Если дизайнеры гугла считают что им можно откровенно срать в дизайн, то почему нельзя срать в коментах?

Ответить
Развернуть ветку
К М

Сори, мы не были в курсе, что вы круче дизайн-команды гугл

Ответить
Развернуть ветку
Илитный Иксперт

А у вас качество дизайна определяетя авторитетностью дизайнера?

Ответить
Развернуть ветку
Пуганный Аноним

Качество дизайна определяется тем, насколько он понятен и адекватен задаче. Дизайн, который "красив", но переусложнен или запутан нахер никому не нужен

Ответить
Развернуть ветку
Илитный Иксперт

В плане понятности и адекватности задачи он ничем не отличается от предыдущего материал дизигна. А визуально стал хуже

Ответить
Развернуть ветку
Пуганный Аноним

А как определить стало ли хуже визуально?

Ответить
Развернуть ветку
Илитный Иксперт

Глазами

Ответить
Развернуть ветку
Пуганный Аноним

Еба, точно. А можно руками написать куда именно смотреть глазами, чтобы понять мозгом, что стало хуже? 

Ответить
Развернуть ветку
Илитный Иксперт

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

Это по твоему красиво, серьезно?

Ответить
Развернуть ветку
Пуганный Аноним

Одна странная и совершенно необязательная обводка и все, вся система - говно? Логично.

Ответить
Развернуть ветку
Илитный Иксперт
Одна странная

Т.е. ты видишь что они уебищные, но при этом споришь что это не говно?

Такие кнопки будут в каждом алерте, это системный диалог. И это только один пример

Ответить
Развернуть ветку
Пуганный Аноним

Они не кажутся мне уебищными. Я прекрасно понимаю почему они такие. Как минимум потому, что чтобы было понятно - в кнопку надо вписать понятный текст, а не просто ok, apply, cancel. Напихав много текста в обычную кнопку - придется увеличить отступы по высоте. Если сделать эти кнопки с бэкграундом - получится полотно, это будет похоже на теже витжеты. Если убрать и фон и обводку, то не будет понятно, что это кнопка. Да, тебе будет понятно, но есть ещё три миллиарда пользователей. И вот получается, что кнопка с обводкой - это самое нормальное решение. Единственное, что выглядит странно - это разный радиус углов. Наверняка это тоже почему-то. Возможно они будут группировать блоки кнопок, возможно будут показывать в углах экрана, где скруглен сам экран. Дизайн задачи решать должен, время красоты, градиентиков, теней и текстур дерева ушло.

Ответить
Развернуть ветку
Илитный Иксперт

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

Или например почему виджеты разной формы? Что это значит? Скорее всего ничего, тупо для красоты. Только время красоты же прошло, что она тут делает?

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

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

Ответить
Развернуть ветку
Nick

Подписываюсь под всем вышеизложенным

Ответить
Развернуть ветку
Пуганный Аноним

Ну да, сделал кнопку такой - делай ее такой же во всей системе. Логика прям армейская, у меня прапор бы так же сказал - а чё тут с обводкой, а тут с заливкой? Покрасить все в один цвет и сделать кант. Если насрано квадратом - это уже порядок.

Ответить
Развернуть ветку
Илитный Иксперт

На остальные аргументы ответишь или будет такой же пук противоречащий предыдущим твоим ответам?

Если убрать и фон и обводку, то не будет понятно, что это кнопка. Да, тебе будет понятно, но есть ещё три миллиарда пользователей. И вот получается, что кнопка с обводкой - это самое нормальное решение
Ответить
Развернуть ветку
Илитный Иксперт
Дизайн задачи решать должен, время красоты, градиентиков, теней и текстур дерева ушло.

Вы все логично пишете, но это не имеет отношений к mateiral you дизайну. 

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

Т.е. в одной части системы у вас уебищные, но зато понятные кнопки (И это еще вопрос, что их при тех же условиях нельзя сделать менее стремными). А в другой часи системы на кнопки вообще плюют.

Или вот еще виджет. Вам все на нем понятно, уверены что хуйня с обводочкой это кнопка?

Ответить
Развернуть ветку
Степан Марципан

Виджет вообще дикий мрак, иерархия не соблюдена совершенно.

Ответить
Развернуть ветку
Never Again
Ответить
Развернуть ветку
Пуганный Аноним

Перечитай еще раз мое сообщение

"Напихав много текста в обычную кнопку - придется увеличить отступы по высоте. Если сделать эти кнопки с бэкграундом - получится полотно"

Разный дизайн для разных задач. Вот попробуй объяснить, когда ты печатаешь свои пуки на vc - почему кнопка ответить синяя и с фоном, а кнопка отмена без фона и с подчеркиванием? Ведь с точки зрения функционала они равнозначны. А еще есть кнопки вложить файл, которые круглые на сером фоне. А еще есть кнопка перемотать вверх, которая с тенью и счетчиком. А под каждым сообщением есть кнопка ответить без фона и с иконкой, а кнопка в закладки - вообще без текста. Уххъ эти дизайнеры, лишь бы понаделать кнопок.

Ответить
Развернуть ветку
Илитный Иксперт

Нет, сначала ты на все мои вопросы ответь

Вот на этом скрине этих же дизайнеров не смущает наличие фона у кучи кнопок. И таких примеров дохуя.

В этом дизайне нет логики, которую ты ищешь. Так же в нем нет консистентности, поэтому все твои аргументы про понятность - это хуйня. Его не старались сделать понятным. Потому что в дизайне где кнопка может иметь аболютно любой вид - понять куда жать можно только методом тыка. Более того - они даже акцент проебали, раньше еще можно было понять где тапается а где нет - по акцентному цвету, а теперь все цвета смешаны в одну пастельную кашу. Про какую понятность ты лечишь?

А это значит уебищные кнопки сделаны не потому что подходят под задачу или по логике, а бездумно. И еще раз, моя претензия была не к тому что у кнопок есть обводка, а к тому что они уебищные.

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку
106 комментариев
Раскрывать всегда