iOS Human Guidlines - page 105

cH7.2.-/02. *. 6/*.3?@.21:6G iOS UI X3,9,:0.2
2012-03-07 | © 2012 Apple Inc. All Rights Reserved.
105
\0.I= H@:10? I.3?5, . 91/501I6+H,9.9 +1@9,+, 6@.I+1>,:64, /9. +1@-,3 “Tips for
Creating Resizable Images” (/0+. 160).
gI,-60,/?, F0. 2151 6:-626-H136@1A64 *1:,36 6:/0+H9,:0.2 /..02,0/02H,0 26-H
215,B. *+63.>,:64. L/36 2= 6/*.3?@H,0, *.3H*+.@+1F:=, *1:,36 6:/0+H9,:0.2, :,
/.F,0180, 6K / :,*+.@+1F:.8 *1:,3?G :126B1A66. Y+.9, 0.B., 3HF5, 6@I,B10?
6@9,:,:64 2:,5:,B. 26-1 *1:,36 6:/0+H9,:0.2 -34 +1@36F:=K ;7+1:.2 2 .-:.8
.+6,:01A66.
-------------------------------------------------------------------------------------------------------------------------------
$) * :
L/36 2= K.060, /.@-10? *1:,3? 6:/0+H9,:0.2, 7.0.+14 :,9:.B.
*,+,7+=21,0 ./:.2:., /.-,+>1:6,, 2= 9.>,0, *+,-./01260? H:6713?:., C.:.2.,
6@.I+1>,:6,, 7.0.+., -.3>:. I=0? I.3?5,, F,9 /01:-1+0:14 2=/.01 *1:,36. $ iPhone-
*+63.>,:66 2= 9.>,0, *+,-./01260? +1@36F:=, C.:.2=, 6@.I+1>,:64 -34 +1@:.8
2=/.0= *1:,36 (2 iPad-*+63.>,:66 0. >, H:6713?:., 6@.I+1>,:6, 6/*.3?@H,0/4 2
.I,6K .+6,:01A64K.)
L/36 2= *+,-./01234,0, 6@.I+1>,:6, C.:1 -34 @1*.3:,:64 (taller), 3HF5, /.@-10?
*.3H*+.@+1F:=, 6@.I+1>,:64 (6 H71@10?, F0. *1:,3? :126B1A66 /191 4234,0/4
*+.@+1F:.8), F0.I= *.3?@.210,36 9.B36 26-,0? /.-,+>1:6, @1 :,8.
-------------------------------------------------------------------------------------------------------------------------------
$ )& % 0 ) )
, * 44144 px
,
& %
)
.
L/36 2= +1/*.3.>60, 7:.*76 :1 *1:,36 6:/0+H9,:0.2 /3657.9
I36@7. -+HB 7 -+HBH, *.3?@.210,349, /7.+,, 2/,B., IH-,0 0+H-:. :1>6910? 69,::. :1 0H
7:.*7H, 7.0.+14 69 :H>:1.
9
% Toolbar-
, )
'
%,
-
1
)
* .
R9.0+60, “Standard Buttons for Use in Toolbars and
Navigation Bars” (/0+. 150) -34 I.3,, *.-+.I:.8 6:C.+91A66. L/36 2= +,5636 /.@-10?
/2.6 /.I/02,::=, Toolbar-7:.*76, /9.0+60, “Icons for Navigation Bars, Toolbars, and Tab
Bars” (/0+. 170), B-, 2= /9.>,0, :1806 /.2,0= *. 6K -6@18:H.
$)
01
) %
+ %
)
.
L/36
2= 6:-626-H136@6+H,0, 2:,5:68 26- *1:,36 6:/0+H9,:0.2, 2= 9.>,0, +1//9.0+,0?
2.*+./ . /..02,0/0266 2:,5:,B. 26-1 6 *1:,36 6:/0+H9,:0.2. $= 017>, 9.>,0,
:1/0+.60? 2=I+1::=8 26- ;3,9,:0.2, F0.I= .:6 K.+.5. /9.0+,36/? :1 C.:,
6:-626-H136@6+.21::.8 *1:,36 6:/0+H9,:0.2.
$ ' %
0 &
+ ,
, 0
-
,
)
%
% &
)
.
$= 9.>,0,
6/*.3?@.210? 3GI.8 6@ ;06K /063,8, :. 6K /.29,J,:6, .I=F:. :, 2=B34-60 H-1F:..
3 iPhone
%
, * '
)
*
, , )
) 2
) % .
$ ./.I,::./06 HI,-60,/?, F0.
2156 H:6713?:=, Toolbar-67.:76 *.-K.-40 7 9,:?5,8 2=/.0, *1:,36 6:/0+H9,:0.2 2
B.+6@.:013?:.8 .+6,:01A66. T, .*+,-,3480, 2=/.0H *1:,36 6:/0+H9,:0.2
*+.B+199:=9 /*./.I.9; 29,/0. ;0.B. 2= 9.>,0, 2./*.3?@.210?/4 7.:/01:0196
UIBarMetrics, F0.I= HI,-60?/4, F0. /.-,+>1:6, 2*6/=21,0/4.
Tab Bar (N1:,3? V+3=7.2)
Tab Bar (N1:,3? V+3=7.2) -1,0 *.3?@.210,349 2.@9.>:./0? *,+,73GF10?/4 9,>-H
+1@36F:=96 *.-@1-1F196, ;7+1:196 636 +,>69196.
1...,95,96,97,98,99,100,101,102,103,104 106,107,108,109,110,111,112,113,114,115,...175
Powered by FlippingBook