yaponochka.com - разработка сайтов,  seo продвижение, нейминг
+38 (044) 237-45-90 pr-content Бесплатный расчет
Развитие бизнеса в интернете

Тимстрим по Android L: дизайн, приложения, что изменилось

Внутри команды провели тимстрим по новой Android L. Спикеры Егор Ткаченко и Богдан Регулич. Получилось очень полезно!

Для клиентов тезисно выкладываем, что было озвучено на тимстриме. Внизу вы найдете презентацию с тистрима и видео презентации android l от google на русском языке.

 

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

 

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

Под кросс-платформеностью команда Google подразумевает то, что UI и UX остаются неизменным независимо от используемого устройства.

 

3. Новая версия ОС еще называется Material Design, в переводе — материальный дизайн или дизайн материалов. И это название очень хорошо отражает суть Android L.

 

 

4. Главным источником вдохновения при работе над Android L были исследования бумаги и чернил. Основой визуальной конструкции и концепцией взаимодействия стала метафора. Свойства и качества бумаги были испытаны в реальном мире, после чего полученный опыт использовали для создания нового пользовательского опыта и визуальной конструкции.

 

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

 

6. Возможности материалов дают большую гибкость при формировании нового UX. Цвет, движения, реакция на прикосновения, стыки и швы – все это формирует визуальное пространство на функциональные зоны.

 

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

 

8. Android L – это скевоморфизм.

 

9. Теперь мы имеем новые элементы взаимодействия с интерфейсом. У каждого есть своя логика, своя функция и свое место.

 

10. Анимация объектов теперь стала более выразительной и естественной. Принципы движения взяты из реального мира.

 

11.Шрифт Roboto тоже подвергся изменениям. Он стал еще проще и читабельнее. Так как типографика является одним из важнейших элементов интерфейса, она должна соответствовать общей концепции дизайна.

 

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

 

13. Особое внимание уделили изображениям и иллюстрациям. Разработаны требования, по которым нужно выбирать фото или рисовать.

 

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

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

 

15. Я пройдусь только по самым важным моментам, для того чтобы сформировать минимальное представление о том, каким должен быть интерфейс.

 

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

 

17. Также мы можем наблюдать новые элементы управления интерфейсом. Они изменились не только внешне, также поменялась анимация « отклик на жест». Всплывающие окна, меню и т.д. если не полностью поменялись, то, как минимум, преобразовались в новый UX.

 

18. Благодаря нативной палитре выбрать правильные цвета для нашего приложения не составит труда. В приложении желательно использовать не более 3-х основных цветов (синий, розовый и белый или черный).

Выбрав цвет для аппбара, мы не будем мучиться с определением тона для статус- бара. Руководство говорит о том, что нужно использовать оттенок на два тона выше из палитры (то есть, если мы выбрали основной цвет 500 синий, то элементы выше и ниже соответственно будут 700 синий и 500 синий).

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

 

19-20. Очень тонкие требования имеем к применению шрифтов. Нам задают не только кегль для каждого отдельного применения, но и трекинг, уровень прозрачности, интерлиньяжи и т.п. При разработке дизайна нужно уделить очень большое внимание работе со шрифтами.

 

21. Иконки приложений тоже обновились, теперь это не реалистичные изображения предметов, а стилизованные композиции из бумаги. Первым примером новых иконок служит иконка «настроек».

 

22. Пиктограммы стали еще проще. Избегаем любых проявлений объема (даже в плоских формах, как это было в предыдущих версиях Android). Все иконки вписываются в квадрат 24 dpi, внутри которого нужно придерживаться отступа, указываются фиксированные размеры скругленных углов и толщина линий.

 

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

Фото должно рассказывать историю, погружать пользователя, нежелательно использовать «позерские» фото из фотостока, да еще и на белом фоне. В каждой иллюстрации должен делаться акцент на объект внимания.

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

 

24. Принцип анимации объектов строится на законах физики. Предмет не начинает сам по себе резко двигаться и резко останавливаться, а его скорость на всех отрезках неодинакова.

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

 

25. Все элементы на экране откликаются на прикосновение. Таким образом, мы получаем отзывчивый и «живой » интерфейс. Пиктограммы трансформируются, а выбранные элементы «прилипают » к пальцу.

 

26. Появился новый элемент интерфейса — кнопка целевого действия. Это нововведение позволит по- новому переосмыслить проектирование интерфейсов на Android. Оно может как выполнять основное действие, так и иметь набор действий. Такой прием разрешает убрать с экрана все лишнее и оставить только самое необходимое. А два заданных размера кнопки позволят гибко использовать данный элемент.

 

27. Итак: мы имеем совершенно новый интерфейс, который стал еще удобнее, приятнее и красивее.

Дизайн стал гораздо проще и понятнее. Новый юзер експириенс позволит легче выполнять сложные задачи, а общее впечатление от Android остается только положительным. В связке с новой анимацией, приятный «на ощупь», дизайн даст новые возможности своим пользователям.

 

28. Новые приложения радуют удобством и красотой. Осталось только привыкнуть к новому языку взаимодействия.

Презентация от компании Google на русском языке

 

Презентация от нашей команды на тимстриме

 

Автор статьи:Егор Ткаченко

Получай свежие статьи первым по E-mail

Интересное