Олег Макаров – Как адаптировать интерфейс iOS...
33
Ближе к народу
description
Интерфейсы: Превращаем Айос в Андроид Доклад о том, как адаптировать интерфейс айосного приложения под Андроид за полчаса. Чем новый андроид лучше старого и чем новый андроид отличается от Айос. Живые примеры для дизайнеров от разработчиков. http://2014.404fest.ru/reports/ios2android/
Transcript of Олег Макаров – Как адаптировать интерфейс iOS...
Ближе к народу
Этапы «взросления» Андроида
Holo
Holo
Materials
Materials
Ссылки на HIG-и
d.android.com/design google.com/design
Предыстория
Навигация на iOS
Article list Article 1 Article 2
Навигация на Android
Article list Article 1 Article 2
Action Bar / App Bar
iOS
Android Holo
Android Material
Contact Us
Help
Contact Us
Help
Action overflow
iOS Android Holo Android Material
English – English
English – Portugese
English – Spanish
English – English
English – Portugese
English – Spanish
Spinner
iOS Android Holo Android Material
Tabs
iOS Android Holo Android Material
Navigation drawer
iOS Android Holo Android Material
UI изнутри
Дизайн не зависит от оболочки
Плотность, DIP & SP
MDPI~160 DPI
HDPI~240 DPI
XHDPI~320 DPI
XXHDPI~480 DPI
XXXHDPI~640 DPI
1x1.5x
2x
3x
4x
Как это работает
HDPI XHDPI XXHDPI
Как это работает
HDPI XHDPI XXHDPI
Сетка (48 Rhythm)
Сетка (48 Rhythm)
4 dip
8 dip
12 dip
16 dip
24 dip
32 dip
48 dip
12 px
24 px
36 px
48 px
72 px
96 px
144 px
He is special
Обратная сторона DIP
HDPI XHDPI XXHDPI
Обратная сторона плотности
768 px 720 px
Игры дисплеев: Размеры
Note 478,6x153,5
S572,5x142
Nexus 468,7x133,9
Optima64x122
Игры дисплеев: Пиксели
Note 41440x2560
S51080x1920
Nexus 4768x1280
Optima480x800
Шрифты: Рендеринг
Шрифты: Choco-Cooky
Философия
iOS Android iOS Android
Философия
iOS Android iOS Android
Философия
iOS Android iOS Android
Спасибо за внимание
Ваши вопросы
