2016-2-2 博博
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
在網頁設計或APP UI設計中，為了更好的規范設計文檔，設計師通常會花時間去把各種UI元素組織起來，比如字體大小、段落行距、按鈕顏色、尺寸等等，制作 Style Guide 雖然會浪費一些時間，但卻有其它方面的好處，比如確保UI設計風格保持一致性，讓開發人員遵循風格指南去開發，節省溝通時間。
文章為大家整理了21個不錯的UI設計說明范本，設計師們可以按照這個范本來為自己的項目做一個UI設計說明，有了這個設計風格指南，也能看出自己的作品是否整潔規范并提高溝通效率啦。
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
藍藍設計( m.ocunn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
