iOS Human Guidlines - page 63

;5+"&"1*(&" ." !"#$%"&'()#$*+"05 ^.)I'(#):,]
2012-03-07 | © 2012 Apple Inc. All Rights Reserved.
63
%'1'I,. ^/ 0"L)() ,*."#$%"&'($ UI- <#)0):(/, ('+,) +'+ split view , popover 1#2 50):$O):,2
:)"PX"1,0"*(, & ."#:"<+6'::/X .)6)X"1'X.
For iPad: Restrain Your Information Hierarchy
(f#2 iPad: b1)6L,&'-() c)6'6X,] ^'O)- c:M"60'N,,)
c*."#$%5-() P"#$O"- iPad-<+6': , *.)N,M,I)*+,) UI-<#)0):(/ 1#2 iPad, I("P/ .6)1"*('&,($
."#$%"&'()#20 P"#$O) ,:M"60'N,, & "1:"0 0)*(). x"(2 &/ , :) 1"#L:/ &0)8'($ *#,O+"0
0:"9" ,:M"60'N,, :' <+6':, &/ ('+L) 1"#L:/ .6)1"(&6'(,($ ('+5] *,(5'N,], .6, +"("6"-
."#$%"&'()#, P515( I5&*(&"&'($, I(" ,0 :)"PX"1,0" ."*)(,($ 0:"L)*(&" 6'%#,I:/X <+6':"&,
I("P/ :'-(, (", I(" ,0 :)"PX"1,0".
. , (
, .6)1"*('&$()
1"."#:,()#$:5] ,:M"60'N,] ,#, ,:*(650):(/ :' &*."0"9'()#$:/X "+:'X, ('+,X +'+ popover.
d(" ."%&"#2)( ."#$%"&'()#20 .6"*("- 1"*(5. + M5:+N,":'#$:"*(,, +"("6'2 ,0 :)"PX"1,0',
P)% :)"PX"1,0"*(, ."+,1'($ +":()+*( "*:"&:"- %'1'I,.
b P"#$O,0 iPad-<+6':"0 , UI-<#)0):('0,, ('+,0, +'+ 6'%1)#,()#$:") "+:" , ."."&)6, &/
,0))() '#$()6:'(,&5 *(65+(56) P"#$O,:*(&' iPhone-.6,#"L):,- – "1,:-56"&):$-:'-<+6':.
(f#2 P"#)) I)(+"9" 65+"&"1*(&' ." ,*."#$%"&':,] <(,X <#)0):("& *0"(6,() “Split View (iPad
Only)” (*(6 112) and “Popover (iPad Only)” (*(6 108).)
@
' &
split view
, I("P/ ."%&"#,($
."#$%"&'()#20 59#5P#2($*2 56"&:, +'()9"6,,, "("P6'L)::"- :' #)&"- .':)#,.
Split view
&/6'&:,&')( ,)6'6X,] &'O)- ,:M"60'N,, +'+ 0,:,050 :' "1,: 56"&):$, ."("05 I(" 1&'
56"&:2 &*)91' :'X"12(*2 :' <+6':) & "1:" , ("L) &6)02. \'.6,0)6, .6,#"L):,) \'*(6"-+,
"("P6'L')( :'*(6"-+, 5*(6"-*(&' , .6,#"L):,2, ,*."#$%52 .':)#$ :'&,9'N,, & .6'&"-
.':)#, split view.
@
' &
split view
, I("P/ ."%&"#,($ ."#$%"&'()#20
.6"X"1,($ I)6)% 1"*('("I:" :)9#5P"+5] ,)6'6X,]. H'()0 "("P6'%,() P"#)) *.)N,M,I)*+5]
,:M"60'N,] (5%)# ,)6'6X,,) :' .6'&"- .':)#,. d(" ('+L) 5.6"8')( &'O5 ,)6'6X,],
"("P6'L'2 1&' 56"&:2 :' <+6':) & "1:" , (" L) &6)02. \'.6,0)6, .6,#"L):,) Mail &
9"6,%":('#$:"- "6,):('N,, ,*."#$%5)( <("( 1,%'-: 1#2 "("P6'L):,2 ,)6'6X,, '++'5:("&,
."I("&/X 28,+"& , *.,*+' *""P8):,- :' #)&"- .':)#,, , "(1)#$:/X *""P8):,- & .6'&"-
.':)#,.
1...,53,54,55,56,57,58,59,60,61,62 64,65,66,67,68,69,70,71,72,73,...175
Powered by FlippingBook