D0(-0!7)) 2)5-,+- '()$#*!+)1
2012-03-07 | © 2012 Apple Inc. All Rights Reserved.
21
G() (- :#0(!+)) ;+!&+!7# ;)2- ) '#;!2!+)1 UI, '(# )0! !"1, #>!+10 $) '#$%5#;-0!$)
'(# 0#06 0)$1, !7# (->)#+-$%+# 0% )$) "#$!! 0!:-0).! 96/ +-'(-;$!++# 0%.
_69#;#2 0;6,0! % 0!:, .0# '#$%5#;-0!$) #*)2-/0 2# 0).% '#:#=%/ ;-&!7# '()$#*!+)1:
;<'#$+10% !(%!5+<! 5-2-.), '#$6.-0% "< 0(<! #0;!0<, 9#'-0% 1 ; #"&)(+#: #2!(*-+))
)$) (-5;$!9-0% 1. N-'():!(, K#01 ;-&! '()$#*!+)! ') 9- '#96'#9 2#$*+# "<0% '#+10+<: )
"< 0(<: ; ) '#$%5#;-+)), ;-&- -62)0#()1, 9#(!! ; !7#, #>!+)0 0!:-0).! 9), UI, 9#0#(<,
;9$/.-!0 ; !"1 9(- );<! I#0#7(-I)) )+7(!2)!+0#; ) !2<.
F-9 0#$%9# ;< #'(!2!$)$) % 0!(:)+#$#7)!,, 0-(-,0! %, .0#"< #+- ##0;!0 0;#;-$-
'#+):-+)/ -62)0#()).
N-'():!(, 2-*! ! $) ;-&- -62)0#()1 +! :#*!0 # 0#10% )5 '(#I! )#+-$%+<K '#;-(#;, ;<
2# 0-0#.+# 6;!(!+<, .0# #+) >!+10 '()$#*!+)!, ;)21 ##0;!0 0;6/=)! #'(!2!$!+)1 2$1
)+7(!2)!+0#; ) 0!K+#$#7),.
Design the App for the Device
(E)5-,+ G()$#*!+), E$1 ` 0(#, 0;-)
< 5+-!0!, .0# ;-&! '()$#*!+)! 2!$-!0 ) 90# !7# -62)0#()1, - !,.- ;-: +6*+# 6"!2)0% 1,
.0# ;-&! '()$#*!+)! ;<7$12)0 ) #=6=-!0 1 0-9, 9-9 2#$*+# "<$# "< '() '(#!90)(#;-+))
'!>)-$%+# 2$1 iOS-6 0(#,0;-. ]0# #.!+% ;-*+#, '#0#:6 .0# $/2) ;#5$-7-/0 "#$%&)! +-2!*2<
+- '()$#*!+)!, (-5 #+) (!&)$) 6 0-+#;)0% !7# +- ;#) 6 0(#, 0;-. X $) 2)5-,+ ;-&!7#
'()$#*!+)1 (-5(-"#0-+ '#2 2(67#, 0)' 6 0(#, 0;- )$) '#2 web, '#$%5#;-0!$) :!+%&!,
;!(#10+# 0%/ #>!+10 !7#.
Q"5#( iOS UI G-(-2)7:
IOS '#$%5#;-0!$) '();<9$) 9 ;+!&+!:6 ;)26 ) '#;!2!+)/ ; 0(#!++<K '()$#*!+),, '#40#:6
#+) 9$#++< #*)2-0% -+-$#7).+#7# #'<0- ; '()$#*!+)1K, 9#0#(<! #+) 9-.);-/0. < +!
K#0)0! ):)0)(#;-0% ; ! 2!0-$) ; 0(#!++<K '()$#*!+),, K#01 40# ) '#$!5+# 2$1 '#+):-+)1
2)5-,+-&-"$#+#;, 9#0#(<: #+) $!26/0. N-.+)0! '#+):-+)1 K-(-90!() 0)9, 9#0#(<!
#0$).-/0 iOS 6 0(#, 0;- ) '()$#*!+)1, (-"#0-/=)! +- +)K (;< :#*!0! '(#.)0-0% #" 40#: ;
"Platform Characteristics" ( 0(. 9)). d-0!:, #"$/2-,0! $!26/=)! ;!=):
,
. iOS-9#+0(#$$!(<, 0-9)!
9-9 9+#'9), ')9!(< ) $-,2!(<, ):!/0 9#+06(< ) 7(-2)!+0<, '()7$-&-/=)!
;5-):#2!, 0;#;-0%.
. iOS #"! '!.);-!0
+-;)7->)#++6/ '-+!$% 2$1 67$6"$!+)1 ;+)5 '# )!(-(K).! 9#:6 #2!(*-+)/ ) '-+!$% ;9$-2#9
2$1 #0#"(-*!+)1 (-5$).+<K #2+#6(#;+!;<K 7(6'' 9#+0!+0- )$) I6+9>)#+-$%+# 0).
!
,
. iOS
'()$#*!+)1 .- 0# ) '#$%56/0 .!09)!, '#2;)*+<! -+):->)), .0#"< '#9-5-0% (!56$%0-0<
2!, 0;)1 '#$%5#;-0!$1. iOS '()$#*!+)1 :#760 0-9*! ) '#$%5#;-0% )+2)9-0#( -90);+# 0) )
'(#7(! '(# :#0(-, .0#"< '#9-5-0% 0-06 , ) '(!26'(!*2!+)!, .0#"< 2-0% '#$%5#;-0!$1:
'(!2# 0!(!*!+)1 )$) 2(676/ ;-*+6/ )+I#(:->)/.
< :#*!0! 65+-0% #" ) '#$%5#;-+)) +#(:-0);#; 6'(-;$!+)1 40):) 4$!:!+0-:) ;“iOS UI
Element Usage Guidelines” ( 0(. 99). F#72- ;< '() 06')0! 9 (-5(-"#09! #"=!7#
