21-website-ui-design-guideline-1

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

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

1. UI Style Guide

UI設計說明

2. Process Assets

ui-style-guide-1

3. Product Guidelines

ui-style-guide-3

4. Duolingo Design Guidelines

ui-style-guide-4

5. UI Style Guide

ui-style-guide-5

6. UI Library

ui-style-guide-6

7. EL Passion UI Style Guide

ui-style-guide-7

8.WIC Style Guide

ui-style-guide-8

9. Brian Johnson – Style Guide

ui-style-guide-9

10.Colour And Type

ui-style-guide-10

11. Colors And Interface Elements

ui-style-guide-11

12. Style Guide

ui-style-guide-12

13. Salesforce UX Product Style Guide

ui-style-guide-13

14. Lystable UI/X Style Guide

ui-style-guide-14

15. Uber Brand Guide

ui-style-guide-15

16. UI Style Guide

ui-style-guide-16

17. UI Guide

ui-style-guide-17

18. Introducing The Salesforce Lightning Design System

NewImage

19. Haywire Style Guide

ui-style-guide-19

20. Branding WIP

ui-style-guide-20

21. Brand Applied

ui-style-guide-21

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

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

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

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

原文地址:shejidaren

uisdc-tuweia-2

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

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

點贊
收藏 2

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏