iOS、Android、WindowsPhone官方設(shè)計(jì)規(guī)范匯總

25學(xué)堂的小編認(rèn)為目前很多的APPUI設(shè)計(jì)師都難以從iOS 6向iOS 7過渡。即使他們知道如何設(shè)計(jì)一個(gè)好看而精美的適合iOS7 APP應(yīng)用程序,但是很難具備獨(dú)特性的味道。所以,今天25學(xué)堂特地把3大APP系統(tǒng)官方設(shè)計(jì)規(guī)范整理出來,跟大家一起來閱讀和學(xué)習(xí)!

歡迎大家加入25學(xué)堂官方APP界面設(shè)計(jì)交流: 232778150

第一部分:iOS 7 官方界面設(shè)計(jì)規(guī)范文檔

蘋果的設(shè)計(jì)一直以來是我們追求的目標(biāo)!但是蘋果自己的目標(biāo)就是要?jiǎng)?chuàng)造的是更簡單,更有用的經(jīng)驗(yàn),和更多的快樂的設(shè)計(jì)作品,讓用戶由衷的喜歡iOS產(chǎn)品。因?yàn)楹玫脑O(shè)計(jì)是為體驗(yàn)而服務(wù)的。

ios7官方設(shè)計(jì)規(guī)范

iOS官方界面設(shè)計(jì)文檔《iOS7人機(jī)界面準(zhǔn)則》:

iOS人機(jī)界面準(zhǔn)則主要分為UI設(shè)計(jì)基礎(chǔ)、設(shè)計(jì)策略、iOS技術(shù)、UI元素、圖標(biāo)和圖像設(shè)計(jì)等幾個(gè)大類,其中每個(gè)大類有細(xì)分為許多小節(jié),對iOS界面設(shè)計(jì)原則描述的非常詳盡。

蘋果官方英文版網(wǎng)址:

https://developer.apple.com/library/ios/design/index.html#//apple_ref/doc/uid/TP40013289

《iOS7人機(jī)界面準(zhǔn)則》中文版(pdf版)在線閱讀和下載地址:立即下載

 

第二部分:Android 官方界面設(shè)計(jì)規(guī)范文檔

Android系統(tǒng)的UI界面設(shè)計(jì)目的是為構(gòu)建你自己的應(yīng)用提供了基礎(chǔ)的框架。主要包括主屏幕 (Home Screen) 的體驗(yàn)、全局設(shè)備導(dǎo)航和通知抽屜。

你的APP應(yīng)用對于保持風(fēng)格的統(tǒng)一和愉快的體驗(yàn),才是Android用戶體驗(yàn)重中之重!

這些APP設(shè)計(jì)文檔都是最新的,也是按照Android Design 4.4版本來解讀,新增的自我標(biāo)識、導(dǎo)航抽屜、全屏模式等章節(jié),系統(tǒng)UI也變得更加中性。

index_landing_page

Android設(shè)計(jì)指南4.4非官方中文版:https://mirrors.segmentfault.com/adchs/

Android設(shè)計(jì)指南4.4官方英文版:http://developer.android.com/design/index.html

第三部分:Windows Phone 官方界面設(shè)計(jì)規(guī)范文檔

代表風(fēng)格:Metro ui設(shè)計(jì)風(fēng)格

windows-rt-660x371

Windows Phone 設(shè)計(jì)原理可以通過干凈整潔的應(yīng)用屏幕加以說明,這些屏幕可使用戶快速操作、最大限度地減少鍵入操作,并且圖面中會自動顯示新信息。可直接與內(nèi)容交互,并且可視元素?fù)碛懈呔_性和完整性。winphone讓您有機(jī)會使用最適合于APP應(yīng)用的,來豐富您的移動生活方式。

Windows Phone設(shè)計(jì)流程是由五個(gè)不同的階段組成:概念、結(jié)構(gòu)、交互、視覺和原型。

Windows Phone 官方界面設(shè)計(jì)中文版:

http://dev.windowsphone.com/zh-cn/design/

每天更新,
全站高品質(zhì)素材免費(fèi)下載!