Modern android UI

Kirill Zotin08.11.2012

● Content is 1st class citizen● Pictures are faster than words● Only show what I need when I need it● Make the important things fast● Do the heavy lifting for me

Holo theme

Default themes

Redesign

Supporting device variety

● Same content● Same hierarchy● Representation

adapts to context

Responsive mobile design

Stretch / compress

Stack

Expand / collapse

Show / hide

Metrics

1 DP == one pixel on a 160 dpi screen. The ratio of dp-to-pixel will change with the screen density, but not necessarily in direct proportion.

UI patterns

ActionBar

Sliding menu

Rich notifications

BigTextStyle InboxStyle

BigPictureStyle

Swipe to dismiss

Bezel swipe

Quick return

Sticky blocks

Double click to view video

Undo

Official docsd.android.com/design

Design in actionhttp://j.mp/androiddesigninaction

http://www.holoeverywhere.com

Must read