iOS Human Guidlines - page 107

cH7.2.-/02. *. 6/*.3?@.21:6G iOS UI X3,9,:0.2
2012-03-07 | © 2012 Apple Inc. All Rights Reserved.
107
3
,% ,) ' ,
- 1 E 2
'.
L/36 4+3=7 *+,-/01234,0 /.I.8
F1/0? 215,B. *+63.>,:64, 7.0.+14 :,-./0H*:1 2 -1::.9 7.:0,7/0,, 3HF5, .0.I+1@60?
;0.0 4+3=7 2=73GF,::=9, F,9 H-1360? ,B.. N+6 H-13,:66 4+3=71 2 :,7.0.+=K /3HF14K,
:. :, 2. 2/,K, 2= -,31,0, /2.8 *.3?@.210,3?/768 6:0,+C,8/ *+63.>,:64 :,/01I63?:=9
6 :,*+,-/71@H,9=9. vHF569 +,5,:6,9 IH-,0 HI,-60?/4, F0. 2156 2731-76 2/,B-1
273GF,:=, :. .Ih4/:60?, *.F,9H /.-,+>69., 4+3=71 :,-./0H*:.. T1*+69,+, ,/36
*.3?@.210,3? :, 69,,0 :67176K *,/,: :1 iOS-H/0+.8/02,, Music-*+63.>,:6, :,
.073GF1,0 Song-4+3=7, 29,/0. Song-4+3=71 .0.I+1>1,0/4 ;7+1:, 7.0.+=8 .Ih4/:4,0,
717 @1B+H@60? *,/:6.
3 iPad '
& '
,) '
Split View
(
)
) ,
,/36 *+6 :1>1066 :1 4+3=76 *+.6/K.-60
*,+,73GF,:6, 636 C63?0+1A64 7.:0,:01 2:H0+6 .7:1. i-:17. -./010.F:. F1/0. ;0.
2=B34-60 3HF5, / 6/*.3?@.21:6,9 /,B9,:0:.B. 7.:0+.33,+1 :1 :6>:,9 7+1G *.*.2,+1
636 *1:,36 Split View, *.0.9H F0. 2:,5:68 26- /,B9,:0:.B. 7.:0+.33,+1 3HF5,
/.F,01,0/4 / *.*.2,+.9 636 2:,5:69 26-.9 Split View. (l34 I.3,, *.-+.I:.8
6:C.+91A66 .I 6/*.3?@.21:66 /,B9,:0:.B. 7.:0+.33,+1 /9.0+60, “Segmented Control”
(/0+.145).)
<0 %
0.% &
,) '
,
, * %
2 .
$= 9.>,0, .0.I+1@60? I;8-> :1 67.:7, *1:,36 4+3=7.2, F0.I= .:
/3H>63 6:-6710.+.9 *.423,:64 :.2.8 6:C.+91A66, .0:./4J,8/4 7 -1::.9H .7:H 636
+,>69H.
9
%
,) ' , )
'
%,
-
1
)
* .
l34 I.3,, *.-+.I:.8 6:C.+91A66 /9.0+60,
“Standard Icons for Use in Tab Bars” (/0+. 153) L/36 2= +,5636 /.@-10? 2156 /.I/02,::=,
Tab bar-67.:76, /9.0+60, “Icons for Navigation Bars, Toolbars, and Tab Bars” (/0+. 170), -34
/.2,0.2 *. 6K -6@18:H.
D
*
01
) %
+ %
,) ' .
T1*+69,+, 9.>:. H71@10? H:6713?:=8 A2,0 -34 *1:,36 4+3=7.2 6 67.:.7, 717 -34
67.:.7, *+,-./01234,9=K /6/0,9.8, 017 6 -34 H:6713?:=K 51I3.:.2 6@.I+1>,:64. R9.
+1@-,3 “Icons for Navigation Bars, Toolbars, and Tab Bars” (/0+. 170). e.>:. 017>, H71@10?
C.:.2., 6@.I+1>,:6, -34 *1:,36 4+3=7.2 (@19,069, F0. @1F1/0HG K.+.5. *+,-./01260?
91/501I6+H,9=8 +1@9,+ 6@.I+1>,:68, /9. +1@-,3 “Tips for Creating Resizable Images”
(/0+. 160)). T17.:,A, 2= 9.>,0, 017>, *+,-./012340? +1@36F:=, .00,:76 -34 2=I+1::=K
2=-,3,:68 67.:76 4+3=71 (.I+1060, 2:691:6,, F0. ;0. /./0.4:6, /HJ,/02H,0 .0-,3?:.
.0 6@.I+1>,:64 6:-6710.+1 2=I.+1). L/36 2= :, *+,-./01260, H:6713?:=8 A2,0 2=I.+1,
iOS *+69,:4,0 /01:-1+0:., B.3HI., /2,F,:6, -34 2=I+1::.B. 4+3=71 *1:,36 4+3=7.2, 1
,/36 2= *+,-./01234,0, H:6713?:=8 A2,0 2=I.+1, iOS *+69,:4,0 0.3?7. /2,F,:6,.
I
& , )
,%
) '% 0)
) '0 ) .
$ F1/0:./06, ,/36 2= *+,-./01260, H:6713?:=8 .00,:.7 :1 *1:,36 4+3=7.2, 2= 9.>,0,
.*+,-,360? 2=I.+ 6@.I+1>,:68 6:-6710.+1, 7.0.+=8 /..02,0/02H,0 ,9H. $= 9.>,0,
*+,-./01260? .-6: C67/6+.21::=8 +1@9,+ -34 *+69,:,:64 7 2=I+1::.9H 4+3=7H (2=
:, 9.>,0, H71@=210? :,/7.3?7. 6@.I+1>,:68 6:-6710.+1 2=I.+1 -34 +1@:=K 4+3=7.2).
Y+.9, 0.B., 215, 6@.I+1>,:6, -.3>:. I=0? *.3H*+.@+1F:=9, *.0.9H F0. iOS +6/H,0
6@.I+1>,:6, 6:-6710.+1 2=I.+1 @1 67.:7.8 *1:,36.
3 iPad
0 - %
) ': ,
,) '
+ 0 +
*
,) ' .
c1/*.3.>,:6, /3657.9 I.3?5.B. 7.36F,/021 4+3=7.2 :1
*1:,36 4+3=7.2, 9.>,0 2=@210? /3.>:./0? -34 *.3?@.210,34 *+6 :1>1066 69,::. :1
0.0, 7.0.+=8 ,9H :H>,:. w17>, / 71>-=9 -.*.3:60,3?:=9 4+3=7.9, 7.0.+=8 2=
.0.I+1>1,0,, 2= H2,36F621,0, /3.>:./0? 215,B. *+63.>,:64. $ .IJ,9, *=0180,/?
.B+1:6F60? 7.36F,/02. 4+3=7.2 2 B312:.9 .7:, 636 :1 *+12.8 *1:,36 2 Split View
1...,97,98,99,100,101,102,103,104,105,106 108,109,110,111,112,113,114,115,116,117,...175
Powered by FlippingBook