Роман Мазур: Шаблони проектування Android UI

1,294 views

Published on

Published in: Technology, News & Politics
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,294
On SlideShare
0
From Embeds
0
Number of Embeds
40
Actions
Shares
0
Downloads
3
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Роман Мазур: Шаблони проектування Android UI

  1. 1. Шаблони проектування Android UI
  2. 2. Наш план <ul><li>Їх усього 5 </li></ul><ul><li>Головний екран ( Dashboard ) </li></ul><ul><li>Операційна панель ( Action Bar ) </li></ul><ul><li>Пошукова панель ( Search Bar ) </li></ul><ul><li>Швидкі дії ( Quick Actions ) </li></ul><ul><li>Допоміжний віджет ( Companion Widget ) </li></ul>
  3. 3. Головний екран ( Dashboard )
  4. 4. Головний екран ( Dashboard ) <ul><li>Ваше обличчя – будьте акуратні </li></ul><ul><li>Ваша стартова точка </li></ul><ul><li>Хороше місце, аби показати нові фішки </li></ul>
  5. 5. Наш план <ul><li>Лишилося 4 </li></ul><ul><li>Головний екран ( Dashboard ) </li></ul><ul><li>Операційна панель ( Action Bar ) </li></ul><ul><li>Пошукова панель ( Search Bar ) </li></ul><ul><li>Швидкі дії ( Quick Actions ) </li></ul><ul><li>Допоміжний віджет ( Companion Widget ) </li></ul>
  6. 6. Операційна панель ( Action Bar ) <ul><li>Присутня на всіх ваших екранах (за винятком…) </li></ul><ul><li>Заміна стандартному сірому заголовку </li></ul><ul><li>Дозволяє перехід на головний екран – навігація </li></ul><ul><li>Дає доступ до операцій, загальних для вашої аплікації: пошук, оновлення, зміна статусу </li></ul><ul><li>Може містити індикатор завантаження </li></ul>
  7. 7. Наш план <ul><li>Лишилося 3 </li></ul><ul><li>Головний екран ( Dashboard ) </li></ul><ul><li>Операційна панель ( Action Bar ) </li></ul><ul><li>Пошукова панель ( Search Bar ) </li></ul><ul><li>Швидкі дії ( Quick Actions ) </li></ul><ul><li>Допоміжний віджет ( Companion Widget ) </li></ul>
  8. 8. Пошукова панель ( Search Bar )
  9. 9. Пошукова панель ( Search Bar ) <ul><li>Замінює операційну панель (верхня частина екрана) </li></ul><ul><li>Показує припущення </li></ul><ul><li>Мітить додаткові елементи для контролю режиму пошуку </li></ul><ul><li>Простіша альтернатива : Search Box Dialog </li></ul><ul><li>Швидша реалізація, менші можливості. </li></ul>
  10. 10. Наш план <ul><li>Лишилося 2 </li></ul><ul><li>Головний екран ( Dashboard ) </li></ul><ul><li>Операційна панель ( Action Bar ) </li></ul><ul><li>Пошукова панель ( Search Bar ) </li></ul><ul><li>Швидкі дії ( Quick Actions ) </li></ul><ul><li>Допоміжний віджет ( Companion Widget ) </li></ul>
  11. 11. Швидкі дії ( Quick Actions )
  12. 12. Швидкі дії ( Quick Actions ) <ul><li>Використовується, якщо доступні кілька дій на вибраним елементом </li></ul><ul><li>Спливаючий елемент </li></ul><ul><li>Не руйнує будови вашого екрана (не діалог, залишає доступними елементи на основному екрані) </li></ul><ul><li>Може мати анімацію , створювати “ого” ефект </li></ul><ul><li>НЕ використовується в контексті з можливістю вибору кількох елементів </li></ul>
  13. 13. Наш план <ul><li>Останній шаблон </li></ul><ul><li>Головний екран ( Dashboard ) </li></ul><ul><li>Операційна панель ( Action Bar ) </li></ul><ul><li>Пошукова панель ( Search Bar ) </li></ul><ul><li>Швидкі дії ( Quick Actions ) </li></ul><ul><li>Допоміжний віджет ( Companion Widget ) </li></ul>
  14. 14. Допоміжний віджет ( Companion Widget ) <ul><li>Щось більше, ніж іконка </li></ul><ul><li>Відображує дані від вашої аплікації </li></ul><ul><li>Представляє ваш функціонал на робочому столі </li></ul><ul><li>Стартує відповідні активності для виконання реальних задач </li></ul><ul><li>Повинен ефективно використовувати досить обмежену площу </li></ul>
  15. 15. Що подивитися <ul><li>Основні матеріали: </li></ul><ul><li>Google IO </li></ul><ul><li>Google Developer Day </li></ul><ul><li>Не забувайте дотримуватися рекомендацій стосовно дизайну. </li></ul><ul><li>User Interface Guidelines </li></ul>
  16. 16. Stanfy шукає Android- розробників
  17. 17. <ul><li>Roman Mazur </li></ul><ul><li>Head of Android/Java Unit  </li></ul><ul><li>Stanfy </li></ul><ul><li>iPhone/iPad and Android Applications </li></ul><ul><li>Skype: roman.mazur.f </li></ul><ul><li>Twitter: roman_mazur </li></ul><ul><li>[email_address] </li></ul><ul><li>http://stanfy.com.ua </li></ul>

×