13年7月8⽇日星期⼀一

As you con t i nue t o e xp l o r e , you beg i n t o d i sce r n t he ma i n t hemes o f iOS 7

01 . De f e r ence

02 . C l a r i t y

03 . Dep th

13年7月8⽇日星期⼀一

01 . S t anda rd

02 . Cus tom

03 . Hyb r i d

Th i n k o f app cus tom i za t i on as be i ng d i v i ded i n t o t he f o l l ow i ng t h r ee t ypes

13年7月8⽇日星期⼀一

Us i ng Fon t s

Ba r s & Ba r Bu t t ons

Nav i ga t i on Ba r i OS 7 iOS 6

13年7月8⽇日星期⼀一

Note: A scope bar can’t appear by itself; it must be attached to a search bar.

Sea rch Ba r and Scope Ba r

i OS 7 iOS 6

Tab i OS 7 iOS 6

Too l ba r i OS 7 iOS 6

13年7月8⽇日星期⼀一

Ba r Bu t t on i OS 7 iOS 6

Ac t i v i t y

13年7月8⽇日星期⼀一

Sc ro l l V i ew i OS 7 iOS 6

Tab l e V i ew i OS 7 iOS 6

13年7月8⽇日星期⼀一

Tab l e - v i ew e l emen t s a l so ha ve a d i f f e r en t appea r ance i n iOS 7

13年7月8⽇日星期⼀一

Ba r Bu t t on

i OS 7 iOS 6

13年7月8⽇日星期⼀一

i OS 7 iOS 6

13年7月8⽇日星期⼀一

Note: IniOS7,UIButtonTypeRoundedRect has been redefined as UIButtonTypeSystem. An app that uses a rounded rectangle button in iOS 6 automatically gets the system button appearance when it links against iOS 7.

i OS 7 iOS 6

13年7月8⽇日星期⼀一

i OS 7 iOS 6

13年7月8⽇日星期⼀一

Note: When a temporary view appears, iOS 7 automatically dims the color of the standard views behind it. You may need to adjust your code to handle this color change in custom views; to learn more, see “Using Tint Color” (page 18).

i OS 7 iOS 6

13年7月8⽇日星期⼀一

i OS 7 iOS 6

13年7月8⽇日星期⼀一

01 . Nav i ga t i on e l emen t s a r e t r ans l ucen t

02 . Bu t t ons ha ve l o s t t he i r bo rde r s

03 . T ype has gone dynam ic

04 . Mo re o f t he sc r een i s a va i l ab l e

05 . H i e r a r ch y i s conveyed t h r ough dep th

06 . The re ' s l o t s o f wh i t e space a va i l ab l e

07 . App l e ' s l a i d ou t 3 ke y des i gn p r i nc i p l e s

08 . Apps mus t be r edes i gned f r om sc r a t ch

09 . Skeuomo rph i sm i s a no -no

10 . Sp l a sh sc r eens a r e ou t

10 Fea t u r es Abou t iOS 7

13年7月8⽇日星期⼀一

iOS 7 App Redesigns

13年7月8⽇日星期⼀一

Not Only Flat - Creative

13年7月8⽇日星期⼀一

Not Only Flat - Try to Change

13年7月8⽇日星期⼀一

L i n k

h t t p : / /www.s l i desha re . ne t / e vgenybe l y aev16 / t r ans i t i o n -gu i de

h t t p : / /www. r ea lmacso f twa re . com/c l ea r

h t t p : / / cookbook .o rg /en /

h t t p : / / i o s7 redes i gns . t umb l r . com/

h t t p : / /www.c rea t i v eb l oq .com/app l e /des i gne r s -need - know- i os7 -6133221

h t t p : / /www.s l i desha re . ne t / e vgenybe l y aev16 /mob i l e - h i g -22784587?f r om_sea rch=2

h t t p : / /www.s l i desha re . ne t / s t ephen l o ve you / i o s -7 - vs - i o s -6? f r om_sea rch=11

13年7月8⽇日星期⼀一