P.A.P and Mujjo премиум чехлы для смартфонов, планшетов, ноутбуков
Практика проектирования интерфейса для Android...
-
Upload
konstantin-prokopov -
Category
Education
-
view
2.221 -
download
5
description
Transcript of Практика проектирования интерфейса для Android...
![Page 1: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/1.jpg)
Практика проектирования интерфейса для Android смартфонов
Доклад с исходным кодом
Исходный код и комментарииbit.ly/AndroidInterface
![Page 2: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/2.jpg)
Фрагментация UI. Размер экрана
Данные с сайты http://developer.android.com
![Page 3: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/3.jpg)
Фрагментация UI. Размер экрана
![Page 4: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/4.jpg)
Фрагментация UI. Версия платформы
Данные с сайты http://developer.android.com
![Page 5: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/5.jpg)
Фрагментация UI. Оболочка
![Page 6: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/6.jpg)
Фрагментация UI. Оболочка
Android 2.3.6 Samsung touchWiz
HTC Sense Motorola MOTOBLUR
![Page 7: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/7.jpg)
Хорошая новость
Фрагментации нет
![Page 8: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/8.jpg)
"Фрагментация" PC
![Page 9: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/9.jpg)
"Фрагментация" Web
![Page 10: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/10.jpg)
Хорошая новость
Фрагментации нет
![Page 11: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/11.jpg)
Специалист
Хороший веб дизайнер - лучший кандидат для
проектирования Android интерфейса
![Page 12: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/12.jpg)
Типовая задача
Проектируем интерфейс сразу для всех разрешений
![Page 13: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/13.jpg)
Типовая задача
![Page 14: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/14.jpg)
Типовая задача
Заголовок
![Page 15: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/15.jpg)
Типовая задача
Панель и кнопка "Скачать"
![Page 16: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/16.jpg)
Типовая задача
Описание
![Page 17: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/17.jpg)
Типовая задача
Баннер
![Page 18: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/18.jpg)
ScrollView
![Page 19: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/19.jpg)
ScrollView
![Page 20: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/20.jpg)
LinearLayout
![Page 21: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/21.jpg)
Начальная разметка
![Page 22: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/22.jpg)
Начальная разметка
![Page 23: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/23.jpg)
Начальная разметка
![Page 24: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/24.jpg)
Отступы
![Page 25: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/25.jpg)
Отступы
Баннербез отступов
Панельбез отступов
![Page 26: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/26.jpg)
Отступы
![Page 27: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/27.jpg)
Панель
Панель и кнопка "Скачать"
![Page 28: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/28.jpg)
Ширина в процентах
![Page 29: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/29.jpg)
Ширина в процентах
![Page 30: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/30.jpg)
Ширина в процентах
![Page 31: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/31.jpg)
Ширина в процентах
![Page 32: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/32.jpg)
Ширина в процентах
![Page 33: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/33.jpg)
Баннер
Баннер
![Page 34: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/34.jpg)
Выравнивание по низу экрана
![Page 35: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/35.jpg)
Выравнивание по низу экрана
![Page 36: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/36.jpg)
Выравнивание по низу экрана
![Page 37: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/37.jpg)
Выравнивание по низу экрана
![Page 38: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/38.jpg)
Выравнивание по низу экрана
![Page 39: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/39.jpg)
Выравнивание по низу экрана
![Page 40: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/40.jpg)
Выравнивание по низу экрана
![Page 41: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/41.jpg)
Выравнивание по низу экрана
![Page 42: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/42.jpg)
Результат
![Page 43: Практика проектирования интерфейса для Android смартфонов](https://reader033.fdocuments.net/reader033/viewer/2022042715/557f4078d8b42aa41d8b4a48/html5/thumbnails/43.jpg)
Исходный код и комментарииbit.ly/AndroidInterface
Вопросы/Уточнения