在網頁設計或 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

情非得已
21個Sketch實用高頻小技巧2019-02-15
25款值得收藏的優秀網站模板免費下載2015-09-16
20套高質量的免費網頁模版PSD素材2013-09-02
20款國外時尚大氣的按鈕開關PSD素材下載2013-07-31
CSS實例教程:十步學會用CSS建站2011-10-05
網頁設計師:淺淡網頁BANNER設計2010-09-27
網頁細節教程:WEB設計精確點滴2010-09-13
網頁設計中的點滴細節把握2010-09-01
總結交互組件創新的四種方式2010-06-28
最全的國外電子商務CSS模板下載2010-06-18
實例解析3種文檔大屏適配方法
相關文章2632020-03-09
詳細解析UI設計中搜索欄設計的技巧
相關文章6092019-03-31
UI設計師如何設計最常見的關閉按鈕
相關文章4042019-02-24
設計師解讀如何讓扁平的網頁更出彩
相關文章10302018-12-07
UI設計師需要學習的保存功能設計總結
相關文章3422018-12-07
7招表單設計設計師方法提升表單體驗
相關文章5672018-12-07
UI設計師必學柵格設計原理和技巧
相關文章4992018-11-29
5個網站設計實例解析網頁設計趨勢
相關文章4452018-11-29
