[Pluralsight] Material Design - делаем красивые, стильные, модные приложения под Android. Часть 2
Год выпуска: 02/2016
Производитель: Pluralsight
Продолжительность: 01:09:15
Оригинальное название: Getting Started with Android Material Design
Поверхности и края элементов в данном направлении дизайна создают визуальные образы и сигналы, которые передают подсказки и помогают интуитивно ориентироваться, как если бы это происходило в реальном мире.
Использование знакомых тактильных характеристик и реалистичное освещение помогают пользователю визуально отделить главные объекты от второстепенных, понять отношение объекта к его окружению и определить его назначение.
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
// Сам курс не покупается, а берется в паблике
// Как наберется народ, найдется и переводчик и организатор
// Заинтересовались – подписывайтесь!
Собираем на перевод
[Pluralsight] Material Design - делаем красивые, стильные, модные приложения под Android. Часть 2
[Pluralsight] Material Design - делаем красивые, стильные, модные приложения под Android. Часть 2
Год выпуска: 02/2016
Производитель: Pluralsight
Продолжительность: 01:09:15
Оригинальное название: Getting Started with Android Material Design
Material Design — новое революционное направление дизайна Google.
Material как метафора
Цитата Google: "Material design базируется на тактильной реальности, вдохновлен изучением бумаги и чернил, технологически продвинут и открыт для воображения и магии."Material как метафора
Поверхности и края элементов в данном направлении дизайна создают визуальные образы и сигналы, которые передают подсказки и помогают интуитивно ориентироваться, как если бы это происходило в реальном мире.
Эволюция 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
// Сам курс не покупается, а берется в паблике
// Как наберется народ, найдется и переводчик и организатор
// Заинтересовались – подписывайтесь!