һ
 ע

QQ¼

ֻһٿʼ

ƼĶ

+
̳ WEBҳǰ뿪 WEBҳܱ

[Ƽ] iOS 8˻ָϣһUIƻ

[]
15401 happy175 2014-10-10 10:34:32
| ʾȫ¥
1F

ϵ½עᣬύѣø๦ܣϴزIJޣ

Ҫ ¼ ſػ鿴ûʺţע  

x

1.1 ΪiOSDesigning for iOS
iOS ĸ¹ؼ£
  • UIܹõذûݲ֮ȴɢûݱע
  • ִСӦ׶ͼӦĿȥΣͻص㣬ܺõͻ
  • ӾIJκĽḳUIµĻûUIIJûʹùиеϲ
һеӦ¿һ볢з
  • ȣȥUIԪӦõĺĹֵܳøֱӲǿԡ
  • ΣֱʹiOSϵͳΪӦõUIܸûͳһӾܡ
  • 󣬱֤ƵUIӦ豸ͲͬģʽûڲͬʵӦá
ƹУʱ׼Ʒ⣬صݺ͹ܣΪĿ꣩ÿϸơ
1.1.1 ΪģDefer to Content
Ȼ۵UIĶ̬ЧiOS㣬ʼiOSĺġ
һЩȷܹӦù鲢עݱ
ĻӦõӣƯͼƬȫûڵصǰҪϢͬʱҲռÿʱεݡ
20140922141637148.png
ӾκﻯƵʹáUI塢ӰʱUIԪԵúܺأʹݵķͷӦΪģUIΪݵ֧š
20140922141636135.png
ʹð͸װ塣͸Ŀؼġʹóûõݣ𵽶ݵʾáiOSУ͸ĿؼֻڵסĵطģȥһֽһûڵĻʣIJ֡
20140922141633495.png
1.1.2 ֤ȣProvide Clarity
֤һȷӦʼǺġǼַҪݺ͹ڽ
ʹôסҪݺ͹ԵøĿ⣬׿ԴһƽͰӾܣʹһӦÿӾ۽͸Ч
ɫUIһɫڼ±ʹõĻɫҪĿرʾԡͬʱҲһӦһͳһӾ⡣Ӧʹü廯ϵͳɫɫdzɫϿɾ⡣
ͨʹϵͳȷ׶ԡiOSϵͳԶмеĸ߶ȣʹĶʱı׶ۺִСֺŶáʹϵͳԶ壬ʹö̬ͣӦÿûѡֺͬʱӦԡ
ʹޱ߿İťĬ£barϵİťޱ߿ġޱ߿ťİɫԼָťܡťʱðťָdzɫ״̬ΪӦ
1.1.3 ֲΣUse Depth to Communicate
iOSڲͬIJ㼶չݣԱλãû˽ĻϵĶ֮Ĺϵ
ͨʹһĻϷİ͸ļкಿֵݡ
¼ԲͬIJ㼶չʾͼʾûʹñ¼ijĿʱĿĻ·߰ʵӾʾʹޣ
нIJ㼶ڷꡢ¡յʱԼǿĽûһֲ㼶УѭлIJΣ굽µգڹͼʱûԼʱԼ񡣵û·ͼʱͼť·ݻСͼеλá
20140922141632512.png
Ȼڸ״̬ݳڷذťû֪ĶǴ֪ηء
2014092214163266.png
ƵĹɶûѡһʱ·ͼѡλ÷ֿǰĻ˲תСʱΪλĵʱͼЩǿ֮Ĺϵĸ֪ȡ
1.2 iOSӦýiOS App Anatomy
еiOS ӦöӦUIKit frameworkж˽Щ֣ú͹ܹӦùõľ
UIKitṩUI·ֳ4ִࣺ
Bars˵ϢûڵλòһЩܰûijЩĿưť
ͼӦõԼijЩΪ롢ɾȵȡ
ưťչʾϢ߿ƶ
ʱͼʱ֣ûҪϢ߶ѡܡ
˶UIUIKitҲʵֵĹܣʶ𡢻ͼܺʹӡ֧֡
ӱ̵ĽǶ˵UIΪDzͬͼΪǴUIViewõ̳СͼܻĻݲ֪ûʱĻͼУؼ簴ťͻ飩ͼ缯ͼͱͼԼʱͼ羯ʾͶ˵
ҪӦйһһϵеͼͨҪʹһͼЭͼʾݣʵûĹܲڲͬĻ֮л磬áʹһչʾͼ㼶
һӣͼͼνϲiOS ӦõUI
ȻΪõͼͼһû֪iOSӦDzͬĻݵļϡǶӦĻһӦһصӾ״̬ģʽ
עһiOSӦóһڡǣͬڼеĴڣiOSûпɼIJֲҲĻϱƶһλáܶiOSӦóֻһڣ֧ⲿʾ豸Ӧóвֹһڡ
iOS Human Interface GuidelinesУscreenʺʹ󲿷ûһΪһߣҲҪһUIscreenص½ڣԸõ˽ιⲿĻ
1.3 ӦԺͲ֣Adaptivity and Layout1.3.1 ΪӦBuild In Adaptivity
ͨʹԼϲӦóiOS 8δİ汾УʹòֱͬʺԶ㶨ĻͼͼԼҪʾıͼʾdisplay environmentĸָ豸Ļһ֣һ˵һͼͼ֣
iOSߴsize classģregularѹģcompactߴŽչĿռ䣬ѹߴԼ˿ռʹáҪһʾҪݳߴ͡룬iOS豸кֲͬʹģʽ
iOSʾͳߴ仯Զɲͬ֡ٸӣֱߴѹΪʱ͹Զߡ
㿿ߴֱ仯ʱӦκʾʱʾúܺáInterface BuilderиõʹóߴԲSize Classes Design Help
עһֳߴУʹAuto LayoutСIJֵѹݡ
ʵ԰ߴ䲻ͬ豸ʾ磺iPadڳͺʱʹóߴ͡仰˵iPadʾһֱڴֱˮƽij״̬
iPhoneʾɸݲͬ豸Ͳͬճַı䡣
ʱiPhone6 Plusʹõdz߶Ⱥѹ͡
ʱiPhone6 Plusʹõѹ߶Ⱥͳ͡
iPhoneͺţiPhone6ʹͬijߴá
ʱiPhone 6iPhone 5 iPhone 4SʹõѹȺͳ߶ȡ
ʱЩ豸ڿʹõĶѹࡣ
1.3.2 ڲͬṩ飨Provide a Great Experience in Each Environment
ʹӦUIʱԱ֤UIʾ仯ʵӦЩָϣԸûõ豸Ӧ顣
л¶ֶݵרעȼʹӦʱȤݷʹû仯ͬʱıרעûоʧɥʧ˶ӦõĿơ
ⲼϲҪı仯лƵʹת豸ڲͬ豸Ӧʱάʹģʽ磬ʹһˮƽijģʽʾͼһбչʾѹģʽͬϢȻܵijߴ硣
ӦֻһУôֱһ㡣ϣڸճַʽ¶ʹӦãڴõġǣӦֻһУô¼ע⣺
  • ʾת豸ʾUI֡Ӧֵ֧ķ£ûӦת豸ӲҪԻҡ
  • ֧ͬһϵı仯磬һӦֱֻܴУûֻճʱܴhomeûʹӦʱ180ת豸ӦҲܼʱӦת180ȡ
Ӧ豸תΪû루һָôͰճ趨ķʽӦ豸תٸӣһϷû豸תƶϷеIJôϷӦñUIܶԷתĻӦ£Ҫ仯ķ򣬲лֱǿʼ˽ⲢִУӦõһǿʼִҪǾͿʼ趨Ӧ豸Ķɡ
1.3.3 ʹòͨUse Layout to Communicate
ְIJһӦĻϵUIԪۡIJ֣ӦøûʲôҪģǵѡʲôԼιġ
Ҫݻܣû׼עҪϡмȽϺõİ취Ļϰ벿ַҪݣԴҵϰߣӿĻʼ
ʹӾƽûչʾصҪԪءͿؼ򣬶СĿؼڳʱע⵽ҴͿؼҲױûӦиá绰ʱӣİťû׷ĵĻܣʹǡ
ʹöĶ滺÷Ͳ֮ӦÿҲûרעĻʱпռ䣬ӶרעҪϢͬϢ֮ĹҲûҵijؼ
ȷû״ĬϳߴҪݵĺ塣磬ûˮƽܿҪı÷ŴͿԿͼ
׼øıСûӦֺŴСĹܡΪӦһЩıСı仯ҲҪ֣ҪõıʾصϢԲ½Text Should Always Be Legible.
UIϲһµı֡һ£ƹܵĿؼҲӦơûΪǿIJͬԭ򣬶ڻʱȥԣ߰Ϊ˱ûõijԽƹһ
ÿԪسĿռ䣬ӶûײЩݺͿؼõĵ㰴ؼĴС44 x 44㣨points
1.4 ʼֹͣStarting and Stopping1.4.1 ʱStart Instantly
˵ûỨһȥһӦã㽫ӦôӴ򿪵ʱѹụ́ܶͬʱгһЩûаݣͻἤûȤûһϲ
ҪҪڰװ̽ûҪ豸Ҫʱ䲢һ˾ӦÿȥɿҺʹá
Ӧڴʹ⣬߲޷УЩ⡣οһõӦãiOSӦñָ
ܱʹ顣ûܹʼʹӦòġ
ûáӦˣ
  • ۽80%ûϡûȺøѡΪӦѾĬϴҪ״̬ЩٲûҪ仰˵󲿷˲ҪĻͱˡ
  • ʽȡࣨûϢܵõûӦûӲṩϢֱӴϵͳлȡǣҪٴû롣
  • ȡϢӦֱûѯʣȻ󾡿챣Щ趨עνȨɣܷƬλϢȵȣûǿӦýϵͳҳˡûҪãǿκʱӦõѡ޸ġ
ûһЩٵ¼״̬ǣû¼¾ܾݲʹòֹܡ磬App StoreӦûûƷȷйʱҪûе¼ڱ¼ܽкͲӦãûֱӷ
Ӧñȵ¼ʹãôӦڵ¼ҳһЩ̵֣Ϊʲôȵ¼Լûʲôô
ʹӦõĹܺνвڿ֮ǰӦӦãʹӦõĹֱۺѰҡо仰˵úãõӦòҪȷʵҪôοµĽ飬һࡢԲҲû
  • ֻṩʼʹӦϢõӦøûһӦʲô߼̵ʾ󲿷ûȤһЩܡܹӦ֮ǰû̫ϢûסЩǵǰݣǺܻܿӦúáijЩضȷʵҪһЩôҲӦû֮ٽС
  • ʹýûûͨʵѧϰʹáݵӦýҽֶʱôҪָûĶε֡磬ʹöִһ򵥵û˽ΪӵʱͨһЩҪ˵ÿһûҪʲôܱչʾӦýͼΪͼģûܻͼӦõʵʽ档
  • ܹ򵥵ȡЩû֮ͲٿЩͲ뿴סûѡ񣬲ҪǿûÿδӦöҪһѡ
Ҫ̫ҪûȥӦ֡Ҫûֿܻʵ䷴ûмֵķۣû֮ǰһʱʹӦãӦγӡ磬Եûһҳһ֮ǽۡ
һ㽨鰴ĻĬϵĶʽӦáˣӦֻһĻôʼûԼҪʱٸı豸磬һϷýۿӦֻںģʽУôӦԺģʽʹ豸ǰģʽĻûģʽ´ӦãҲ֪Ӧð豸תɺʹá
עúӦ֧ģʽĺhome״̬豸ǰѾں״̬ôͰյǰ״̬ӦãгֵɲôʱԿǰhomeҲķʽӦáҪ˽ֲ֧ͬ豸ݣRespond to Changes in Device Orientation.
׼һӦҳȥһiOSӦʱͼûٶȺܿ죬ͶԵȴʱĸ֪ȡLaunch ImagesעLaunch Images½ڴiOS Human Interface GuidelinesIcon and Image Design֣뽫ںзųλĵȺ򡣣
ܣҪûڳӦʱĶȷûЭ顣ֱApp StoreչʾЩݣʹûǰ˽⣻Ȼ취ؼ鷳ҲһֱСijЩչʾЩݣҪȷUIͳһڲƷû֮ƽ⡣
ӦҪָû˳ʹʱ״̬ǿԴж֮ʹáûסδﵽ˳״̬ġ
1.4.2 ʱ׼ֹͣAlways Be Prepared to Stop
iOS Ӧرջ˳ѡûлӦãصĻ߽豸˯ģʽʱʵֹͣ˵ǰӦõʹá
ûлӦʱiOSĶϵͳὫǫ̃ӦõUI滻£¼㣺
  • ʱ챣ûϢΪں̨Ӧʱпֹܱ˳
  • Ӧֹͣʱ򱣴浱ǰ״̬ʹûڻصӦʱܴж֮ʹá磬ʹÿɹбʱ˳󱣴бڵλá
ЩӦÿҪһֱں̨С磬ûϣʹһӦõͬʱһֱ裬һӦϷȷMultitaskingעMultitasking½ڴiOS Human Interface GuidelinesiOS Technologies֣뽫ںзųλĵȺ򡣣
ҪǿӦ˳ΪûΪcrashҪû״Լν飬ȡڳֵжضʹã
ӦеĹܵǰãôӦʾһЩ͵ǰΣûνкⲿݸûԷʹûӦû⡣ͬʱҲȶûǾǷҪȡʩʹӦãлһӦá
ֻвֹܲãôֻҪûʹЩʱʾʾɡȻĻûӦʹӦõܡʹþʾȷֻûʹòõĹʱʾ
1.5 Navigation
ǵƵIJȻûӦԲӦеĵ顣õһܹ֧ӦýṹĿȴֲûע״̬
˵Ҫ͵ĵÿֵӦӦýṹ
  • ֲ㡣
  • ƽ
  • ݻ
ڷֲӦУûÿ㼶жҪѡһֱĿIJ㼶Ҫлһ㼶ûһЩ㼶ֱӻصʼ㼶ٴѡϵͳúʼӦⷽǺܺõʾԲοǡ

ڱƽӦУûԴһҪֱлһΪеҪ඼ԴֱӷʡֺApp Storeʹñƽṹĺӡ

ϢṹӦУҲݻơ磬ĶһʱûһҳһҳؽĶҲĿ¼ѡҪĶҳתʼĶͬģϷӦУҲdzҪ

ijЩ£һӦн϶ֵͻкܺõЧ磬ڱƽϢṹijһµݣ÷ֲ㵼ķʽʾܻá
ûӦʱԼǰӦλãԼǰ뵽ҳ档
۵ǷʺӦýṹҪûݵ·ӦǺԤںѰҵġ
UIKitһЩ׼UIԪأЩԪؼԹֲƽĵҲʵΪĵĵýۿӦáϷӦͨҪһЩԶԪغΪ
ʹõNavigation BarûɷʷֲݡıʾûǰIJ㼶˰ťԻصһ㼶鿴Navigation Bar˽ࡣ
ʹñǩTab Barʾͬ͵ݻܡǩʺڱƽϢṹûڷ֮л⵱ǰλá鿴Tab Bar˽ࡣ
ӦУÿʾĶͬͬҳʹҳؼPage Controlҳؼŵǿֱ۵ظûжٸĿҳ棬Լǰλá鿴Page Control˽ࡣ
һ˵ܸûÿһ·ûҪӦÿʹʱͼģ̬ͼ˵򾯸򡣲鿴Modal ViewAction SheetAlert˽ࡣ
עᵽ½ھiOS Human Interface Guidelinesĵ4£뽫ںзųλĵȺҪȲοǰѷiOS7 UI Elements½ڣ
UIKitͬʱṩؿؼ
  • ֶοؼSegmented ControlֶοؼûһھͿԲ鿴ͬݣҪлĻ
  • Toolbarܹ͵ǩƣǹߵá෴Ϊûṩ˿ԿƵǰĻݵĿؼ
1.6 ģ̬龳Modal Contexts
ģ̬һijЩݵȱ㲢ģʽԸûṩһֲķʽȥһ߻ϢҲʱԵֹûӦõֽн
£ûiOS ӦýһַԵĽԣܼӦеģ̬õġͨ¿Կʹģ̬龳
  • Ÿûעʱ
  • Ÿ һҪɻߺȷҪΪ˱ģɵ״̬©ûϢʱ
ģ̬ļ򵥣̺͸߶Ⱦ۽϶ϣûʹģ̬ͼʱʹӦеһminiӦһڸӣûڽģ̬龳ʱҪһ漰Ӿεģ̬ʱرҪһ㣬Ϊûпʧλص֮ǰIJȥһģ̬ͬͼȷûһĵ·ػء
ʼṩԡȫ;˳ģ̬ȷû˳ģ̬ͼʱԤڲĽ
һҪ㼶ģ̬ͼʱȷûɰťĽһͲ㼶ͼϵɰťͼһ֣ΪĿԣҪܱ¼ͼɰť
֤ѶԻݶҪҿɲġѶԻû鲢ҪŻʧҪûеϢõģмֵġ
ûڽ֪ͨѡûýӦ֪ͨʽҪûϲãܴŭûرе֪ͨ
1.7 ԺͷInteractivity and Feedback1.7.1 û֪׼ƣUsers Know the Standard Gestures
ûʹõקϵiOS豸нʹû豸֮ľ룬ǿֱӲݸСûͨڴڲͬӦ֮䶼ͨõġ
ûϤı׼ƣiOSһЩϵͳΧڵIJĻϢġӦ¶ʹЩ
Ҫ׼Ƹ費ͬΪӦϷ¶׼ƻʹûԻʹѶȡ
Ҫͱ׼ƹƵƲûѾϰ˱׼ƵΪûбҪûѧϰﵽͬЧIJͬ
øΪijĿݷʽΨһ﷽ʽøûṩһЩ򵥡ֱӵķʽijʹַҪĶ򵥵ûڵǰݣǽ
ϷⶨµơϷʽӦУҲȤһ֡ͨӦУûĿҪȲҪĶ࣬ʹñ׼ƣûȥͼµIJ
ضĻУԿʹöָȻӵIJһӦãûỨʱʹõӦ˵Էḻ飬Ϸ򴴽ݻΪDZ׼ƿɷԲҪãҲҪƳΪΨһʽ
1.7.2 ɽԪûInteractive Elements Invite Touch
Ϊ˰ʾԣʱʹúܶɫλáġȷͼͱǩȡҪԪûչʾɽԡ
һؼɫԸûṩǿӾָûɫʱΪжԱȣʹɫǿɽԪأʹͳһġʶӾ
ذťʹöָɽԲ书ܣڵУʾһָ󷽵ͼ꣬ʹ˹ؼɫʾһҳı⡣
һͼ߱ṩָû磬ͼеı⡰·ߡλ˵ûIJϹؼɫͿʡȥť߽Ρ
бҪťӱ߽򱳾еİťѶԻԲҪ߽磬Ϊû֪дѡǿɽġ򣬰ťбҪʹñ߽򱳾ťֳ磬ϵͳԴ֡ʱӡƬApp StoreӦûһЩرijʹְť
ƬӦиť˱߿ı֡
ʱӦͼʱҳиťӱǿʼͣťʹťΧи׵
App StoreӦʹб߽İťťֿݲ鿴ϸϢťذװ
1.7.3 ⣨Feedback Aids Understanding
û˽ӦõǰʲôֽʲôԼ⶯ĽUIKitṩ˺ܶ෴
ܽ״̬ķϢϵUIСûвǰݾܻҪϢõġ磬Ӧýǰ״̬ʾϣͲӰ쵱ǰݡ
ʾҪľһֺǿķƣֻڴݷdzҪҲϿеϢʱҪʹûܶ಻ҪϢľǺܿͻжԻѡ
1.7.4 ϢķʽҪ򵥣Inputting Information Should Be Easy
ûǵؼʹụ̈ϢỨʱ;õЧǰûϢûʹõ
û׵ؽѡ磬ʹѡ߱洿ıҪûѡЧʣѡɱ
˵شiOSлȡϢ豸ϴ洢˴ûϢԵĻҪûṩҵϢϵ˻Ϣ
ṩõķƽû롣ͻرĸ԰ûеڱƽ
1.8 Animation
iOSûб鲼ϸ΢ĶʹӦõ߶̬ԡʵĶԣ
  • ״̬ṩ
  • ǿֱӲĸо
  • ǿӻǵIJ

ӶرЩ޷ṩӦСɵĶ谭ӦõԣܣɢûеעҪ˵ǣҪĿĺԵʹ˶ЧUIеĶ̬ΪȷԽвԡһʹãЩЧûȺöȣʹʹӦÿԻ󣬺ѿơ
ںʵʱʹԶĶöͳһϰڽӶЩṩʽûӦСӦҪעһЩôԵöˣ޶˴Ӧõʹ̣Ӧõܣûӵǰзġ
ߵԶ嶯ӦкiOSӦõĶûϰiOS Ӧʹõľϸʵϣûڰͼ֮ƽת豸ıӦͻѧĹЧiOSһ֡ӦܹûʽCϷCԶ嶯ӦÿӦõĶ
ʹ÷һµĶӦʹ÷һµĶdzҪûʹӦûõû顣
£ǡһԶ嶯ʵԡûڽɵĶΥɺȻʱǻоdzԻ
1.9 Ʒƹ㣨Branding
Ʒƹ㲢ӦչʾƷƵɫlogo״̬£㿪ijضƷƵӦӦͨصۺ͸оΪûṩ顣
iOSϵͳ֮¿Ժ׵ʹԶͼꡢɫӦõUIЩԪصʱμ㣺
  • ÿԶԪرҪ߱õĹ۸к͹ԣҲӦӦԪرһ£ӦԪԶĻDZ׼ġ
  • ΪiOSиоʣӦȻؿõһҪӡȺȣ˽࣬μ1.1 ΪiOSƣDesign for iOSϡЩʱŪӦӡζԶԪб
ҪûʶƷʱӦѭ¼㣺
ԾŲͻķʽֲƷƵɫͼƬûʹӦ߽֣Dzϣǿȥۿ档Ϊ˻õû飬ͨ塢ɫͼDZĬصûƷݡ
Զûĵݡ磬ĻչʾһĿչʾƷʲζû㹻Ŀռ䣬ԿԵķ޴ڵչʾƷƣضĻı
ֿסջ󣬲ҪlogoᴩӦáƶ豸Ļ൱Сlogoÿһγֶռݿռû뿴ݸ뿪ңӦʾlogoҳʾlogoﵽͬĿģû˵ͨڲ֪ҳ·һҳȴûȫһiOSϵͳеӦͼ¾ʹ
1.10 ɫ壨Color and Typography1.10.1 ɫͨColor Enhances Communication
iOSϵͳУɫڱݻԼṩӾԡõӦóѡʹЩ߸Եġ⡢ɾɫԻ򰵵ıϡ
ҪԶɫҪȷܹг档磬ӦõĻ͵ɫӦôһЭɫɫӦá
עڲͬ龳µɫԱȡ磬ڵıť֮û㹻ĶԱȣťͻѱû ݾķ˵Ҫֵɫٴ50%Ȳ졣ǣҪ豸ڲͬĹջ֮Уʵ⣩豸ϵĹ۸Ч
ʾһַҪ߶ԱȶȵķǽUIıͶȲڻҶģʽ²鿴ڻҶȰ汾ֿɽǿɽԪػ򱳾ȣпҪЩԪ֮ĶԱȶȡ
ʹԶɫʱؿǰ͸ӦݡҪƥرɫɫʱһƷеɫҪĽ֮ǰҪøɫʵ顣ʾͬʱܵiOSϵͳṩİ͸ӦݵijӰ졣
APIעͣʹdzɫTintColorֵťɫʹdzɫBarTintColorֵΪɫ˽ԵݣɲμUINavigationBar Class Reference,UITabBar Class ReferenceUIToolbar Class Reference UISearchBar Class Referenceע½ڷ뽫ںзųλĵȺ򡣣
עɫäɫä˺ֺɫɫҪӦýвȷûнɫɫΪͬ״ֵ̬ΨһʽһЩͼ༭򹤾ܹЧİ֤ɫäͨ˵ʹöַʽԭɫĽǷdzõģҪ˽iOSϵͳбԵϢInteractive Elements Invite Touch
ѡһֻ׼ɫɫ״̬õӦл׼ɫб籸¼еĻɫеĺɫȡ㶨һڱ״̬Ļ׼ɫҪȷӦеɫͻ
ɫʿûϢһϣķʽÿеɫDzһģͬĻΪɫʸҲDzͬġʱоʹɫʲſܻᱻһĻܡҪȷӦõɫûǡϢ
£ɫûġɫӦõĿĺͱڣͨɫӦϸ΢ϸ֮û顣
1.10.2 Ӧ׶Text Should Always Be Legible
ȱɱġûܿӦеִʣôٺÿҲûġӦвDynamic Typeʱʵ֣
  • ԶֵĴϸĸԼиߡ
  • Ϊıģָͬıʽġע߱⡣
  • ıԸûڶֺ̬ͿɷָСı仯ʵӦ
עԶ壬Ȼϵͳֺ滮巶ΧûıʱӦҲӦʽϡ
ԣҪDynamic TypeҪһЩΪѧϰʹʽȷûıͺʱӦܹȡ֪ͨԲοText Styles in Text Programming Guide for iOSע½ڷ뽫ںзųλĵȺ򡣣
ıߴӦʽ仯ҪȿݡеݶûͬҪġûѡıߴʱҪʹǹעݸĶDzҪĻϵÿʶ
磬ûѡ߱ԵıߴʱʼԸijߴʾʼݣЩûôҪϢʱռˡýСijߴ硣
20140922175017938.png
ʵ£ûѡһͬıߴʱҪҳ沼֡磬ûѡСıߴʱ뽫һеIJַʽΪСݲͬıߴ֣ѡԳߴӼʵ֡Скʹߴ硪Ƕÿܵijߴ綼вֵĵ
ȷһԶڲͬߴµͶ߱ɶԡʵһЧķ֮һЧڲͬıߴiOSϵͳʽһЩ磺
  • ıԶӦС11㣨pointsʹûѡСıߴ硣϶ԣʽʹ17ֺΪߴĬıߴá
  • ͨ˵ֺоֵÿһıߴвΪ1㡣ΨһֱʽDZӦڼССгߴУʹֺͬšо־ࡣ
  • СıߴУּԽϴ󣻶ıߴУּԽա
  • ݵʽʹͬߴ磬ͬʱΪֱʽʽʹøصֵ
  • ıʹֺͬţıʽʹôߴãֵΪ17㣩
  • ıʹóأһ㲻߼Ӵ֡
ͨ£ӦӦʹõһ塣ĻӻʹӦÿȥ֧Ͳʡ෴ʹһʽ;ʹUIFontAPI岻ͬıʽĻ߱⡣
1.11 ͼͼΣIcons and Graphics1.11.1 Ӧͼ꣨The App Icon
ÿӦöҪһƯͼꡣûڿӦͼʱ㽨Ӧõĵһӡ󣬲ԴӦõƷʡԼɿԡ
¼ӦͼʱӦסġȷҪʼʱοApp IconȡϸƹָעApp Icon½ڴiOS Human Interface GuidelinesIcon and Image Design֣뽫ںзųλĵȺ򡣣
  • ӦͼӦƷƵҪɲ֡ͼƵһӦñĹ£ԼûӵĻᡣ
  • õӦͼǶصģģĵģӡ̵ġ
  • һõӦͼӦڲͬıԼͬŶͬۡΪ˷ḻߴͼʸжӵϸпͼСߴʱò
1.11.2 ͼ꣨Bar Icons
iOSṩһϵСiconԴֳdzڱǩ(Tab Bar)(Toolbars)뵼(Navigation Bar)СûͨѾ˽Щͼĺˣ˿ԾܵĶʹǡ
ҪԶ嶯ݣҲԶͼꡣЩСͼӦͼкܴοBar Button Icons˽ݡעBar Button Icons½ڴiOS Human Interface GuidelinesIcon and Image Design֣뽫ںзųλĵȺ
ע⣬ʱҲ湤͵ͼꡣ iOS棬ϱʹá족͡ռ䡱ͼбġ
Ҫڹ͵еͼ껹֣ȿһͬʱֶٸͼꡣܻ࣬Ӧÿ⡣ʹͼ껹ֻȡĻǺΪˮƽͼͨӵиĿռ䣬Գظ֡
1.11.3 ͼΣGraphics
iOSӦôͼηḻҪչʾûƬҪԶͼƬЩӦأ
  • ֧RetinaʾȷӦеͼƬԴṩ˸߷ֱʹҪעǣiPhone 6 PlusҪṩ@3xͼƬĸ߷ֱiOS豸Ҫṩ@2xͼƬ
  • ʾƬͼƬʱʹԭʼߴ磬Ҫ쵽100%㲻ϣӦпͱεͼƬûԼѡǷҪͼƬ
ҪʹôƻȨͼƬЩŶӵаȨҲƷƿܻᾭı䡣
1.12 ʹǣTerminology and Wording
ӦгֵÿһֶûжԻһ֡ĶԻᣬΪûṩıõ顣
ȫûһӦãʹ˼ҪûԽеIJٸӣáģʽDo Not Disturbûʹĸ˼򵥵ԣûͷһϵв
֤ʹõûġûȺӦʹʲôĴʻ㡣ٸӣһСûӦʹüDzʵģԸ߶ûӦ˵ʹüǺȻ顣
ʹ÷ʽѺҪ̫ġ̫ʽ̫̫סûܻᷴĶЩıЩȥƤ䣬࿴ܻ֮Եɺͷˡ
ű༭һDz䣬ⲻҪ䡣İ㹻ҪûͿԺɵĶȷҪϢͻûҪһֲ˽ʲôԼһҪʲô
ؼ϶̱ǩͼꡣûֻɨһ۾֪ؼǸʲôġ
ʱʱҪע׼ȷԡЩʻȷʵԵñȽѺãʱûѽ⣬Ϊûа취ȷûǰʱʱ䡣ٸӣһڰҹ12ǰʼͬһʱûԣڽ쿪ʼģЩһʱûԣѾʼˡ
ΪӦдһƯApp Store̶ȵذסDZûͨľѻᡣ׼ȷӦáǿӦõƷ⣬㻹Ҫ
  • еƴд﷨ŴЩСҲӰûʹãǿܻǶӦõƷʲӡ
  • ȫдĴʻ㡣ȻдʱעȫдĶ䲻ʺĶһһֳûɤӺĸо
  • bug޸Ӧ°ûһֱڴbug޸ᵽһǸܺõ
1.13 iOSϣIntegrating with iOS
iOSϣָڵǰƽ̨ϸûṩһʵġ飬ȻⲢζҪÿһӦĺӦһģһ
õiOSϵķʽ̵˽iOSġһ1.1 ΪiOSƣDesigning for iOSϸѰӦں⡣ôʱѭеָ԰ΪûṩҪ顣
1.13.1 ȷʹñ׼UIԪأUse Standard UI Elements Correctly
ʹUIKitṩı׼UIԪءʹñ׼ԪضԶԪأû棺
Ҫֵñ׼UIԪصŵ㣬һЩؼҪرע⣺
ϸѭÿUIԪصƹ淶ӦеUIԪص빦ܶûϤģǿԺ׵ظǰľʹǣõʹӦáԴЩ½ҵUIԪصƹ淶Bars, Content Views, Controls, Temporary Views.
עᵽ½ھiOS Human Interface Guidelinesĵ4£뽫ںзųλĵȺҪȲοǰѷiOS7 UI Elements½ڣ
Ҫòͬ汾iOSUIԪءһϣûUIԪ뵱ǰ豸汾ͬiOSϵͳ
˵ⴴԶUIԪֱ׼ΪԼΪʲôһҪһ׼UIԪΪȫͬԶԪءֻı׼UIԪصۣԿʹUIKit۶APIUIKit appearance customization APIs߸ԪɫҪһ׼ؼвͬΪȷڸıUIԪصԺΪ֮ԪȻϣIJ

ҪϵͳԴİťͼ塣iOSṩ˶ֿõİťͼꡣȷ˽ǵ׼ȷ⣻Ҫƾ㿴ЩͼʽIJ²ʹǡToolbar and Navigation Bar ButtonsTab Bar Icons˽⵽Щťͼ׼ȷ塣
ҪĹ޷ϵͳṩİťͼ֣ҲԶ尴ťԶ尴ťƿԲοBar Button Icons
עᵽ½ھiOS Human Interface Guidelinesĵ4£뽫ںзųλĵȺҪȲοǰѷiOS7 UI Elements½ڣ
Ӧdzʽ飬ôȫµԶUIǺġΪڴһͳһ黷ûܹڴ̽οӦá
1.13.2 ļĵDownplay File and Document Handing
iOSӦÿ԰ûʹļⲢζûҪֿiOS豸ļϵͳ
Ӧ֧ûͱ༭ĵôṩһͼοͼdocument library viewûܹش򿪻½ĵһõ״£ͼοͼӵ
  • ߶ͼλûͨĻϵͼͿһĿȻҳԼҪļ
  • ûٵĶԼ˵ûԿٵˮƽļбȻһԼҪļ
  • ½ĵܡһͼοͼӦ֧ûһ½ĵռλͼ½ĵûͨʱĵط½ĵ
ٸӣPagesӦõͼοͼ棬չʾûѴڵĵҲ˱ݵ½ĵ
ӦûʹӦдĵͨģ̬ĵѡͼ(modal document picker view controller)ûǡȡûiCloudеĵͨĵṩչDocument Provider extensionsȡӦдʹļҪ˽ĵṩչݣԲοDocument Provider Extensions; Ҫ˽ĵȡͼοDocument Picker Programming Guide.
û㹻ģųȡɾǵijɹᱻʱƱӦðûڹĵҪûÿζܼʱ档ǴһĵлӦõʱiOSӦöӦеûݵΡ
ӦõҪܲǴݣû鿴༭ϢҪѯûǷҪ޸ġֳ£ȽϺõṩ༭ť༭״̬ͬʱ༭ťɡ桱͡ȡťֱ仯ʾûǰڱ༭ģʽ桱Ա޸ݣȡ˳༭ģʽ
1.13.3 ҪʱṩѡBe Configurable If Necessary
ijЩӦҪûֶװѡǴ󲿷ӦòҪˡһõӦÿô󲿷û֣ͨûṩݵĵķʽ
ӦĬ״̬¾󲿷ûûõͼˡҪûĻϣϵͳȡϢûԼдһҪṩûõοApp Programming Guide for iOSеThe Setting Bundle˽ڴжǡ
ṩѡûڽʱпƵıãUIлܷ㡣ûֻżŻõôԽڶͼС
ӦҪϵͳиı䣬ûֱӷϵͳáǣҪһθıã硰>˽>λ񡱣ֱӷһť󼴿ɵеĶλҪ˽ʵ֣ο Settings Launch URL.
1.13.4 iOSTake Advantage of iOS Technologies
iOSṩ˷ḻļʽ֧ûĸͳζھ£ϵͳṩļϵӦУԶһµļΪɿ
ijЩiOSУMultitasking򵼣VoiceOverȵȣӦöӦðϵͳԡһЩǷϵӦУȡӦñĹԡ紦ƱƷӦãPassbook֧ûͨIn-App PurchaseɹչʾӦù棨iAd Rich Media Ads Game Centerͬʱ֧iCloud


Ⱥ: ҳ
˻, Always, UI, , Ӧ
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ
pjzxp 2014-12-15 01:59:58
| ʾȫ¥
2F
΢źţyule180 ṩȫ֪ʶСdzʶȡͥرע΢ţĿǰעѳ10ˣǧҪŶ
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
б

ֹ

²

̳¡ͼƬѷϴվԭתԻ,µİȨԭ
վַİȨ֪ͨǵĹԱ,Ա(Email:admin@websjy.com)ʱȡȨɾ
ܾκκʽڱ̳л񹲺͹ִ!

QQ| 42011102000510|Archiver|ֻ|Դ ( ICP14013341-1

GMT+8, 2017-10-21 18:02

Powered by Discuz! X3.2

ԴԴվ  ԴAPPӦ֮

ٻظ ض б