Скачать презентацию ВЕРСТКА ANDROID ПРОЛОЖЕНИЙ UI UX Multiple Скачать презентацию ВЕРСТКА ANDROID ПРОЛОЖЕНИЙ UI UX Multiple

VERSTKA_ANDROID.pptx

  • Количество слайдов: 16

ВЕРСТКА ANDROID ПРОЛОЖЕНИЙ UI / UX ВЕРСТКА ANDROID ПРОЛОЖЕНИЙ UI / UX

Multiple Screen sizes Multiple Screen sizes

Screen density (плотность) ldpi (low) ~120 dpi mdpi (medium) ~160 dpi hdpi (high) ~240 Screen density (плотность) ldpi (low) ~120 dpi mdpi (medium) ~160 dpi hdpi (high) ~240 dpi xhdpi (extra-high) ~320 dpi xxhdpi (extra-high) ~480 dpi xxxhdpi (extra-extra-high) ~640 dpi

Orientation Orientation

OS Android OS Android

Формирование слоев (layer) Формирование слоев (layer)

Практика верстки: 1. dp vs. px 2. Relative vs. Absolute 3. Квалификаторы • Плотность Практика верстки: 1. dp vs. px 2. Relative vs. Absolute 3. Квалификаторы • Плотность пикселов на экране (mdpi / hdpi / xxhdpi / xxxhdpi) • Язык и регион (en-r. US) • Направление макета (ldrtl / ldltr) • smallest. Width (sw 600 dp) • Доступная ширина (w 720 dp) • Доступная высота (h 720 dp) • Размер экрана (small / normal / large / xlarge) • Ориентация экрана (port / land)

Практика верстки: 4. Альтернативные ресурсы 5. 9 patch 6. Использование XML (формы, анимация, градиенты Практика верстки: 4. Альтернативные ресурсы 5. 9 patch 6. Использование XML (формы, анимация, градиенты и пр. ) 7. 8. Widgets + Custom views 9. Тестирование на устройствах

Практика верстки:

1 2 Практика верстки: 4 3 5 1 2 Практика верстки: 4 3 5

User e. Xperience «Хороший дизайн – это как можно меньше дизайна» User e. Xperience «Хороший дизайн – это как можно меньше дизайна»

User e. Xperience ü User case ü Удобство: интерфейс и навигация ü Цели приложения User e. Xperience ü User case ü Удобство: интерфейс и навигация ü Цели приложения vs. Цели пользователя ü Аналитика действий и планирование UI ü Исследования и A/B тестирование ü Guides (Material Design)

Material Design Material Design

Material Design ü Стили: цвет, типография, разметка (App. Compat: light / dark) ü Анимации Material Design ü Стили: цвет, типография, разметка (App. Compat: light / dark) ü Анимации = meaningful (физика, предсказуемость, вес, интерполяция) ü Спроектированные компоненты UI

Спасибо за внимание ! Спасибо за внимание !