Design iOS & Android - Keep update

Surfaces & depth

iOS:  conventionally uses a blur effect to indicate depth.

Android:  focus on a considered use of elevated surfaces and shadows.

 

Interaction & motion (touch feedback styles)

iOS: color change or dimming 

Android: ripple and rise. This magnetic reaction is authentically digital.

 

Unit 

iOS: pt (Points), 1x: 1pt=1px; 2x:1pt= 2px

Android:  dp (Density-Independent pixels) (1dp = 1px @ 1x (where 1x on Android is 160dpi)

 

DPI (Dots per inch)

 

Layout grid

iOS: 8pt.
Android: elements is in multiples of 8dp; The standard keylines for phones are 16dp and 72dp

 

Typography

iOS: Helvetica Neue, PingFang SC, San Francisco

Android: Roboto; baseline grid of 4dp, so line heights should be 20dp, 24dp, 32dp, 36dp

 

 

Apps vs. Activities

 iOS: Apps

Android: Activities- intent; Their ability to work across apps.

 

Physical buttons

iOS: Physical buttons - Home & Overview
Android: Physical buttons - The system Back button, Home, and often Overview

 

Navigation bar

iOS: Navigation Bar (Top), Tab Bar (Bottom)
Android: Physical buttons - The system Back button, Home, and often Overview; Navigation - the top tab bar, A navigation drawer

 

Design guidelines

iOS: https://developer.apple.com/design
Quick Overview for iOS: https://designcode.io/iosdesign-guidelines

Android: https://material.io

.

 

 

Share on facebook
ShareTwitter
Please reload

© 2018 BeibeiDesign  |  All rights reserved  |  The Web made with love by your truly