Android & Design
It could work!
The A-Team
Ideas • Implementation • Shipping
Ideas
Navigation
Ideas
Listing
Ideas
Staggered Grid
Implementation
Android Resources
• Dimensions
• res/values/dimens.xml
• Dimensions - 10 inch Tablets
• res/values-sw720dp/dimens.xml
• In code TabletSupportUtil
• res/values/bools.xml
• res/values-sw600dp/bools.xml
• res/values-sw720dp/bools.xml
• Touch States
• 10 % black (#1A000000)
• Shapes for Android 2.3
• Animations for that gentle touch
Android Resource System
• colors.xml
• integers.xml
• styles.xml
• strings.xml
• Overall best practice - don’t rely on
constants in your layout or drawable
XML or in your code. Use the Android
resource system to help you.
• Cutting assets
• Densities
• OLD - mdpi - hdpi - xhdpi
• NEW - hdpi - xhdpi - xxhdpi
• 3 sizes is plenty - older devices
can scale - don’t make your
designer angry
ICON FONTSS!!!11!
• WHOAAAAA
• Fewer assets
• Open Source Comin
Reduce, Reuse, Recycle!
Shipping & VQA
Stop, Collaborate, and Listen.
www.etsy.com/careers
Resources
• Blur Effect like Etsy via
Stackoverflow
• Android Staggered Grid via
Github
• Export Asset Script
• Code as Craft
Deniz Veli
@denizmveli
Paul Lau
@paulingford
Etsy - Android & Design

Etsy - Android & Design