Олег Макаров – Как адаптировать интерфейс 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

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

Ваши вопросы