向追波設計師學習！21個超贊的網站UI設計風格指南

在網頁設計或 APP UI設計中，為了更好的規范設計文檔，設計師通常會花時間去把各種UI元素組織起來，比如字體大小、段落行距、按鈕顏色、尺寸等等，制作 Style Guide 雖然會浪費一些時間，但卻有其它方面的好處，比如確保UI設計風格保持一致性，讓開發人員遵循風格指南去開發，節省溝通時間。

今天為大家整理了21個不錯的 UI 設計說明范本，設計師們可以按照這個范本來為自己的項目做一個 UI 設計說明，有了這個設計風格指南，也能看出自己的作品是否整潔規范并提高溝通效率啦。

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

12. Style Guide

13. Salesforce UX Product Style Guide

14. Lystable UI/X Style Guide

15. Uber Brand Guide

16. UI Style Guide

17. UI Guide

18. Introducing The Salesforce Lightning Design System

19. Haywire Style Guide

20. Branding WIP

21. Brand Applied

【優設人氣超高的PS教程排行榜】

Top 1：效果超棒的極簡風格海報！
《AI+PS新手教程！手把手教你打造簡約現代的極簡海報》

Top 2：給心愛的妹子畫一個Q版頭像！
《萌系PS教程！手把手教你打造Q版的個人頭像》

Top 3：上帝說，要有光！
《PS高手教程！教你輕松打造效果美到爆的光照效果》

原文地址：shejidaren

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量108萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com