[Pluralsight] Material Design - делаем красивые, стильные, модные приложения под Android. Часть 2

[Pluralsight] Material Design - делаем красивые, стильные, модные приложения под Android. Часть 2

Собираем на перевод
[Pluralsight] Material Design - делаем красивые, стильные, модные приложения под Android. Часть 2

[Pluralsight] Material Design - делаем красивые, стильные, модные приложения под Android. Часть 1
[Pluralsight] Material Design - делаем красивые, стильные, модные приложения под Android. Часть 3​

Год выпуска: 02/2016
Производитель: Pluralsight
Продолжительность: 01:09:15
Оригинальное название: Getting Started with Android Material Design
​

Material Design — новое революционное направление дизайна Google.

Material как метафора​

Цитата Google: "Material design базируется на тактильной реальности, вдохновлен изучением бумаги и чернил, технологически продвинут и открыт для воображения и магии."

Поверхности и края элементов в данном направлении дизайна создают визуальные образы и сигналы, которые передают подсказки и помогают интуитивно ориентироваться, как если бы это происходило в реальном мире.
​

Эволюция digital design​

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

Наглядность как фундаментальная основа​

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

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

Пример приложения: до и после Material Design:

​

Google не просто перевела Android на новый дизайн, но и сразу подготовила необходимые наглядные руководства с демонстрацией реализации основных элементов для разработчиков софта.
​

9 принципов Material Design​

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

2. Поверхности интуитивно понятны
Плоскости и грани передают визуальные сигналы, основанные на нашем восприятии реальности. Использование знакомых тактильных атрибутов позволяет обратиться к первичным частям нашего мозга и помогает быстро понять «представляемое».

3. Размерность рождает взаимодействие
Основы света, поверхности и движения являются ключевыми для взаимодействия объектов. Реалистичное освещение делит пространство и акцентирует внимание на движущихся частях.

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

5. Шрифты, графика, цвета
Отчетливый дизайн создает иерархию, понимание и помогает сфокусироваться. Специально подобранные цвета, использование пространства от края до края, крупные шрифты и нарочитое/умышленное использование белого позволяет полностью погрузить пользователя в процесс взаимодействия, сделать его более ясным и понятным.

6. Первичные действия
Действие пользователя и есть суть дизайна. Первичные действия преобразуют весь дизайн. В них акцент делается на основную функциональность и сразу бросаются в глаза пользователя.

7. Пользователи инициируют изменения
Изменения в интерфейсе происходят от действий пользователя. Движение усиливает опыт первичного действия.

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

9. Движение обеспечивает смысл
Движение имеет смысл и оно необходимо для привлечения внимания. Переходы эффективны.​

Пример Material Design:
​

​

Спойлер: Содержание на русском. Часть 2

05. Понимание переработчика и представлений карты
05_01-обзор RecyclerView (RecyclerView, по сути, является эволюцией одного из самых необходимых в Android-разработке виджетов — ListView)
Установка 05_02-проекта вместе с реализацией CardView (CardView — это виджет, имплементирующий такой элемент дизайна Material, как карточка. По сути это контейнер, у которого можно задавать радиус скругленности углов, цвет карточки и высоту по оси z.)
05_03-создание пользовательского Recycler Adapter
05_04-осмотр поведения RecyclerView
05_05-Используя RecyclerView с сеткой и ступенчатыми менеджерами по расположению сетки

06. Работа с элементами и расположение в представлении переработчика
06_01-обзор
06_02-добавьте и удалите элемент из RecyclerView
06_03-разрешение удаления или добавляет элемент несоответствия RecyclerView
06_04-реализация многократного размещения строк Используя RecyclerView
06_05-сводка

Спойлер: Содержание на английском. Часть 2

05. Understanding Recycler and Card Views
05_01-Overview of RecyclerView
05_02-Project Setup Along with CardView Implementation
05_03-Creating Custom Recycler Adapter
05_04-Inspecting RecyclerView Behavior
05_05-Using RecyclerView with Grid and Staggered Grid Layout Managers

06. Working with Items and Layout in Recycler View
06_01-Overview
06_02-Add and Delete an Item from RecyclerView
06_03-Resolving the Delete or Add Item RecyclerView Inconsistencies
06_04-Implementing Multiple Row Layout Using RecyclerView
06_05-Summary

​

// Сам курс не покупается, а берется в паблике
// Как наберется народ, найдется и переводчик и организатор
// Заинтересовались – подписывайтесь!​