2016-2-2 博博
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
在網(wǎng)頁設(shè)計(jì)或APP UI設(shè)計(jì)中，為了更好的規(guī)范設(shè)計(jì)文檔，設(shè)計(jì)師通常會(huì)花時(shí)間去把各種UI元素組織起來，比如字體大小、段落行距、按鈕顏色、尺寸等等，制作 Style Guide 雖然會(huì)浪費(fèi)一些時(shí)間，但卻有其它方面的好處，比如確保UI設(shè)計(jì)風(fēng)格保持一致性，讓開發(fā)人員遵循風(fēng)格指南去開發(fā)，節(jié)省溝通時(shí)間。
文章為大家整理了21個(gè)不錯(cuò)的UI設(shè)計(jì)說明范本，設(shè)計(jì)師們可以按照這個(gè)范本來為自己的項(xiàng)目做一個(gè)UI設(shè)計(jì)說明，有了這個(gè)設(shè)計(jì)風(fēng)格指南，也能看出自己的作品是否整潔規(guī)范并提高溝通效率啦。
1、UI Style Guide
地址：https://dribbble.com/shots/2366217-UI-Style-guide
2、Process Assets
地址：https://dribbble.com/shots/2023615-Process-Assets
3、Product Guidelines
地址：https://dribbble.com/shots/2162792-Style-Guide-Product-guidelines
4、Duolingo Design Guidelines
地址：https://dribbble.com/shots/2386303-Duolingo-Design-Guidelines
5、UI Style Guide
地址：https://dribbble.com/shots/1947348-UI-Style-Guide
6、UI Library
地址：https://dribbble.com/shots/1998807-UI-Library
7、EL Passion UI Style Guide
地址：https://dribbble.com/shots/2234209-EL-Passion-UI-Style-Guide
8、WIC Style Guide
地址：https://dribbble.com/shots/2071828-WIC-Style-Guide
9、Brian Johnson–Style Guide
地址：https://dribbble.com/shots/2198911-Brian-Johnson-Style-Guide
10、Colour And Type
地址：https://dribbble.com/shots/2104585-Colour-And-Type
11、Colors And Interface Elements
地址：https://dribbble.com/shots/2044099-Colors-and-interface-elements
12、Style Guide
地址：https://dribbble.com/shots/1980617-Style-Guide
13、Salesforce UX Product Style Guide
地址：https://dribbble.com/shots/2024450-Salesforce-UX-Product-Style-Guide
14、Lystable UI/X Style Guide
地址：https://dribbble.com/shots/2304849-Lystable-UI-X-Style-Guide
15、Uber Brand Guide
地址：https://dribbble.com/shots/2094092-Uber-Brand-Guide
16、UI Style Guide
地址：https://dribbble.com/shots/2080529-UI-Style-Guide
17、UI Guide
地址：https://dribbble.com/shots/2044229-UI-Guide
18、Introducing The Salesforce Lightning Design System
地址：https://dribbble.com/shots/2214699-Introducing-the-Salesforce-Lightning-Design-System
19、Haywire Style Guide
地址：https://dribbble.com/shots/1260746-Haywire-Style-Guide
20、Branding WIP
地址：https://dribbble.com/shots/2152666-Branding-WIP
21、Brand Applied
地址：https://dribbble.com/shots/2220923-Brand-Applied
藍(lán)藍(lán)設(shè)計(jì)( www.ynkmey.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.ynkmey.cn
