在網(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

2. Process Assets

3. Product Guidelines

4. Duolingo Design Guidelines

5. UI Style Guide

6. UI Library

7. EL Passion UI Style Guide

8.WIC Style Guide

9. Brian Johnson – Style Guide

10.Colour And Type

11. Colors And Interface Elements