iOS Human Guidlines - page 111

cH7.2.-/02. *. 6/*.3?@.21:6G iOS UI X3,9,:0.2
2012-03-07 | © 2012 Apple Inc. All Rights Reserved.
111
*.3?@.210,36 9.BH0 @17+=0? ,B. *. .56I7,. $= -.3>:= /I+./60? -1::=, .I 6K
-,8/0264K, 0.3?7. ,/36 .:6 :1>136 :1 7:.*7H Cancel (.09,:1).
;0
, * )
)
'
0
*
.
,
)'%
-
)'
. X0. *.9.B1,0 *.3?@.210,349 @1*.9:60?, .07H-1 .07+=3/4 *.*.2,+ 6
71714 @1-1F1 36I. .Ih,70 1//.A66+H,0/4 / :69.
;0
, *
-
),
,
)& ,
-
. N.*.2,+ /7+=21,0 7.:0,:0 *.@1-6 :,B. 6 *.3?@.210,36 :, 9.BH0
*,+,:,/06 *.*.2,+ 2 -+HB., 9,/0..
;0
, *
& ) ,
0) & ,
).
$= :,
9.>,0, .0.I+1>10? I.3,, .-:.B. *.*.2,+1 (636 H:6713?:.B. .7:1, 7.0.+., /-,31:. 017,
F0. *.K.>, *. -6@18:H 6 *. *.2,-,:6G :1 *.*.2,+) 2 .-:.9 6 0.9 >, 9,/0,. $
./.I,::./06 2= -.3>:= 6@I,B10? .0.I+1>,:64 71/71-1 636 6,+1+K66 *.*.2,+.2
.-:.2+,9,::., B-, 71>-=8 *.*.2,+ 2/*3=21,0 6@ *+,-=-HJ,B..
3
0) & %
(modal view)
)1
) .
T6F,B., 7+.9,
*+,-H*+,>-,:64, :, 9.>,0 I=0? .0.I+1>,:. *.2,+K *.*.2,+1.
$
& ,
,%
,
)'
)
)'
'%
&
. ) .
l1::., *.2,-,:6, ./.I,::. >,310,3?:., 7.B-1
:,/7.3?7. +1@36F:=K 7:.*.7 .07+=21G0 *.*.2,+, F0.I= *+,-.02+1060?
-.*.3:60,3?:=, :1>1064.
9 0 - %
,
+ 0 + -
) .
N.*.2,+ :, -.3>,: *,+,7+=210?
2,/? ;7+1:. $9,/0. ;0.B. .: *+./0. -.3>,: I=0? -./010.F:. I.3?569, F0.I=
.0.I+1>10? /2., /.-,+>1:6, 6 *.-*+,>:,9H H71@=210? :1 0. 9,/0., .07H-1 .: *.4263/4.
$ 6-,13, 56+6:1 *.*.2,+1 -.3>:1 I=0? 96:69H9 320 *67/,3,8, :. :, I.3,, 600
*67/,3,8. $=/.01 *.*.2,+1 9.>,0 I=0? 3GI.8, 6 2= 9.>,0, 6/*.3?@.210? ;0. -34
.0.I+1>,:64 -36::.B. /*6/71. f.04 2= -.3>:= 6@I,B10? *+.7+H076 2 *.*.2,+,,
7.0.+=8 *+,-./01234,0 @1-1FH 636 R*6/.7 l,8/0268.
N+69,F1:6,: R6/0,91 9.>,0 .0+,BH36+.210? 2=/.0H 6 56+6:H *.*.2,+1, F0.I=
HI,-60?/4, F0. .: K.+.5. /9.0+60/4 :1 ;7+1:,.
D 0: ,
%
) ' UI-
) )' . ) '
)
) .
$
.IJ,9, *.*.2,+= 2=B34-40 :163HF569 .I+1@.9, 6 :16I.3,, *+./0= -34 *.:691:64
*.3?@.210,3,8, 7.B-1 .:6 /.-,+>10 /01:-1+0:=, 7.:0+.33,+= 6 ;7+1:=.
$)
01
) %
+ %
) .
f.04 -./010.F:.
3,B7. :1/0+.60? 26@H13?:=, 1/*,70= *.*.2,+1 / *.9.J?G UIPopoverBackgroundView
API, 21>:. 6@I,B10? /.@-1:64 -6@18:1, 7.0.+=8 3G-6 :, 9.B36 2./*+6:6910? 717
*.*.2,+. L/36 2= 6@9,:60, 2:,5:68 26- *.*.2,+1 .F,:? /63?:., *.3?@.210,36 :,
/9.BH0 +1//F60=210? :1 6K *+,-=-HJ68 .*=0, 7.0.+=8 .:6 9.B36 I= 6/*.3?@.210? -34
*.:691:64 215,B. *+63.>,:64. (L/36 2= K.060, *+,-./01260? 91/501I6+H,9=8 +1@9,+
6@.I+1>,:64 C.:1, /9. +1@-,3 Tips for Creating Resizable Images” (/0+. 160) -34 *.3HF,:64
-.*.3:60,3?:.8 6:C.+91A66 . 0.9, 717 ;0. /-,310?.)
K
) & ' )
0 )
- 2 E
)'
) '
) ) . ) .
gI,-60,/?, F0. /01:-1+0:=, ;3,9,:0= UI
2=B34-40 K.+.5. 6 *+./0= 2 *+.F0,:66, 7.B-1 .:6 +1/*.31B1G0/4 *.2,+K 215,B.
H:6713?:.B. C.:1.
I
& ,
) )
)
,
- -
.
$.@9.>:.
2= @1K.060, 6@9,:60? +1@9,+ *.*.2,+1 ,/36 2= 6/*.3?@H,0, ,B., F0.I= .0.I+1>10? .-:H
6 0H >, 6:C.+91A6G 717 2 7+107.9 26-,, 017 6 2 +1@2,+:H0.9. L/36 2= 6@9,:4,0, +1@9,+
*.*.2,+1 2 0.0 9.9,:0, 7.B-1 .: 26-,:, 2= 9.>,0, -.I1260? 1:691A6G -1::.B.
6@9,:,:64. s:691A64 6@9,:,:64 :, @1/01234,0 *.3?@.210,3,8 -H910?, IH-0. :.2=8
*.*.2,+ -.3>,: @19,:60? *+,-=-HJ68.
1...,101,102,103,104,105,106,107,108,109,110 112,113,114,115,116,117,118,119,120,121,...175
Powered by FlippingBook