Android Design Architecture

17
Design Architecture Rakesh Kumar Jha

description

Android Mobile Design Architecture How to design UI How to design UI for different size of mobile

Transcript of Android Design Architecture

Page 1: Android Design Architecture

Design Architecture

Rakesh Kumar Jha

Page 2: Android Design Architecture

Creative Vision

Enchant me (charming)

Simplify my life

Make me amazing

Page 3: Android Design Architecture

Design Principles

Design by Android User Experience Team to keep users' best interests

Use a A beautiful surface

a carefully-placed animation

a well-timed sound effect

Use real objects

Page 4: Android Design Architecture

Design Principles

Keep data brief

Pictures are equal to 1000 words

Show what I need & when I need

Page 5: Android Design Architecture

UI overview

Android's system UI provides the framework on top of that you build your app

UI will play an important role to apps

Page 6: Android Design Architecture

Important UI Play Main Role

Status Bar

• Displays pending notifications on the left and status, such as time, battery level, or signal strength, on the right. Swipe down from the status bar to show notification details.

Navigation Bar

• New for phones in Android 4.0, the navigation bar is present only on devices that don't have the traditional hardware keys. It houses the device navigation controls Back, Home, and Recents, and also displays a menu for apps written for Android 2.3 or earlier.

Page 7: Android Design Architecture

Style

What is Style ?

How it works ?

What are important feature of Style ?

Why we prefer to use Style ?

Page 8: Android Design Architecture

Devices & Displays

Millions of devices are

LDPI (120 DPI)

MDPI (160 DPI)

HDPI (240 DPI)

XHDPI (320 DPI)

categories in 4 types –

xhdpi: 2.0

hdpi: 1.5

mdpi: 1.0 (baseline)

ldpi: 0.75

Page 9: Android Design Architecture

Typographic Scale

Page 10: Android Design Architecture

Color

Choose colors that fit with your brand

Blue is the standard accent color in Android's color palette.

Page 11: Android Design Architecture

Iconography

Take care when using icon to apps

Sizes & scale

Style

Page 12: Android Design Architecture

Writing Text

Keep it brief

Keep it simple

Be friendly

Put the most important things first

Describe only what’s necessary

Avoid repetition

Page 13: Android Design Architecture

Themes

Themes are Android's mechanism for applying a consistent style to an app or activity.

Android will provide you 3 default themes –

Holo Light

Holo Dark

Holo Light with dark action bars

Page 14: Android Design Architecture

Themes

Themes are Android's mechanism for applying a consistent style to an app or activity.

Android will provide you 3 default themes –

Holo Light

Holo Dark

Holo Light with dark action bars

Page 15: Android Design Architecture

Patterns

What are the new pattern in Android

Why to prioritize patterns

Page 16: Android Design Architecture

New in Android

What are the new pattern in Android

Why to prioritize patterns

Different types of Gestures

Page 17: Android Design Architecture

Patterns

What are the new pattern in Android

Why to prioritize patterns