Шаблони проектування Android UI

Содержание

Слайд 2

Наш план Їх усього 5 Головний екран (Dashboard) Операційна панель (Action

Наш план

Їх усього 5
Головний екран (Dashboard)
Операційна панель (Action Bar)
Пошукова панель (Search

Bar)
Швидкі дії (Quick Actions)
Допоміжний віджет (Companion Widget)
Слайд 3

Головний екран (Dashboard)

Головний екран (Dashboard)

Слайд 4

Головний екран (Dashboard) Ваше обличчя – будьте акуратні Ваша стартова точка

Головний екран (Dashboard)

Ваше обличчя – будьте акуратні
Ваша стартова точка
Хороше місце, аби

показати нові фішки
Слайд 5

Наш план Лишилося 4 Головний екран (Dashboard) Операційна панель (Action Bar)

Наш план

Лишилося 4
Головний екран (Dashboard)
Операційна панель (Action Bar)
Пошукова панель (Search Bar)
Швидкі

дії (Quick Actions)
Допоміжний віджет (Companion Widget)
Слайд 6

Операційна панель (Action Bar) Присутня на всіх ваших екранах (за винятком…)

Операційна панель (Action Bar)

Присутня на всіх ваших екранах (за винятком…)
Заміна стандартному

сірому заголовку
Дозволяє перехід на головний екран – навігація
Дає доступ до операцій, загальних для вашої аплікації: пошук, оновлення, зміна статусу
Може містити індикатор завантаження
Слайд 7

Наш план Лишилося 3 Головний екран (Dashboard) Операційна панель (Action Bar)

Наш план

Лишилося 3
Головний екран (Dashboard)
Операційна панель (Action Bar)
Пошукова панель (Search Bar)
Швидкі

дії (Quick Actions)
Допоміжний віджет (Companion Widget)
Слайд 8

Пошукова панель (Search Bar)

Пошукова панель (Search Bar)

Слайд 9

Пошукова панель (Search Bar) Замінює операційну панель (верхня частина екрана) Показує

Пошукова панель (Search Bar)

Замінює операційну панель (верхня частина екрана)
Показує припущення
Мітить додаткові

елементи для контролю режиму пошуку
Простіша альтернатива: Search Box Dialog
Швидша реалізація, менші можливості.
Слайд 10

Наш план Лишилося 2 Головний екран (Dashboard) Операційна панель (Action Bar)

Наш план

Лишилося 2
Головний екран (Dashboard)
Операційна панель (Action Bar)
Пошукова панель (Search Bar)
Швидкі

дії (Quick Actions)
Допоміжний віджет (Companion Widget)
Слайд 11

Швидкі дії (Quick Actions)

Швидкі дії (Quick Actions)

Слайд 12

Швидкі дії (Quick Actions) Використовується, якщо доступні кілька дій на вибраним

Швидкі дії (Quick Actions)

Використовується, якщо доступні кілька дій на вибраним елементом
Спливаючий

елемент
Не руйнує будови вашого екрана (не діалог, залишає доступними елементи на основному екрані)
Може мати анімацію, створювати “ого” ефект
НЕ використовується в контексті з можливістю вибору кількох елементів
Слайд 13

Наш план Останній шаблон Головний екран (Dashboard) Операційна панель (Action Bar)

Наш план

Останній шаблон
Головний екран (Dashboard)
Операційна панель (Action Bar)
Пошукова панель (Search Bar)
Швидкі

дії (Quick Actions)
Допоміжний віджет (Companion Widget)
Слайд 14

Допоміжний віджет (Companion Widget) Щось більше, ніж іконка Відображує дані від

Допоміжний віджет (Companion Widget)

Щось більше, ніж іконка
Відображує дані від вашої аплікації
Представляє

ваш функціонал на робочому столі
Стартує відповідні активності для виконання реальних задач
Повинен ефективно використовувати досить обмежену площу
Слайд 15

Що подивитися Основні матеріали: Google IO Google Developer Day Не забувайте

Що подивитися

Основні матеріали:
Google IO
Google Developer Day
Не забувайте дотримуватися рекомендацій стосовно дизайну.
User

Interface Guidelines
Слайд 16

Stanfy шукає Android-розробників

Stanfy шукає Android-розробників