UI設(shè)計干貨

UI妹精心整理：史上最全UI設(shè)計師學(xué)習(xí)指南（快收藏吧）

7208

這是微信公眾號UI妹精心整理出來的一些給UI設(shè)計師學(xué)習(xí)的干貨與文章。當然，里面很多內(nèi)容也是來自于25學(xué)堂。給大家學(xué)習(xí)參考提供一個渠道。

本文匯集和整理了共252篇干貨，從設(shè)計基礎(chǔ)知識—工具—界面設(shè)計—網(wǎng)頁設(shè)計-設(shè)計規(guī)范和原則—色彩搭配—排版布局—交互動效—設(shè)計技法—前端基礎(chǔ)知識—資源—流行趨勢—擴展視野，共13個方面進行了總結(jié)，這252篇文章都是按邏輯次序排版的，從入門基礎(chǔ)知識到設(shè)計原則、技能到未來的預(yù)測，當你看完每篇肯定會獲得很大的成長~~~

堪稱一本免費的最全UI設(shè)計電子書。值得好好收藏閱讀。

2214063a0-11

一、UI設(shè)計基礎(chǔ)知識

01?什么是UI

① 了解UI設(shè)計基礎(chǔ)知識，才是做好UI設(shè)計的首要條件-什么是UI：

001、《新手UI設(shè)計師必須知道的UI設(shè)計知識 |新手必讀》

② 給新人答疑解惑：

002、《UI設(shè)計新人答疑解惑|新手必讀》

003、《UI設(shè)計初學(xué)者如何避免走彎路？》

02?UI設(shè)計必備知識體系

004、《新年自學(xué)計劃！寫給UI設(shè)計新人的只是體系指南》

005、《UI設(shè)計師應(yīng)該掌握的知識體系以及職業(yè)規(guī)劃！》

006、《優(yōu)秀UI/UE(UX)設(shè)計師必備技能》

007、《設(shè)計師須知！學(xué)習(xí)UI/UX的四大重點》

03?移動端基礎(chǔ)知識

008、《超全面的移動端尺寸基礎(chǔ)知識科普指南》

009、《簡單易懂！寫給初學(xué)者的UI、UX、GUI新手科普指南》

二、設(shè)計軟件（工具）

01?設(shè)計工具

① 設(shè)計師必備軟件類：

010、《UI設(shè)計師必備軟件》

② 提高效率類：

011、《Adobe cc2017 全系列軟件大集合下載》

012、《Adobe XD windows版本發(fā)布了|結(jié)尾附安裝包》

02?切圖標注

① 切圖神器：

013、《效率之王！從此解放你雙手的切圖神器【設(shè)計師必備】》

② 標注神器：

014、《效率之王！真正解放你雙手的智能標注神器【設(shè)計師必備】》

03?圖片壓縮

015、《圖片壓縮不求人，3個親測實用高效的圖片壓縮神器》

04?文件轉(zhuǎn)換

016、《PS AI CDR文件格式相互轉(zhuǎn)換格式方法大全 |【實用干貨】》

?三、APP界面設(shè)計（必看）

日常APP設(shè)計界面77

01?原型設(shè)計

① 原型設(shè)計很重要：

017、《如何用axure快速制造APP交互原型》

② 推薦一款原型演示工具：

018、《demoo使用秘籍，比好用更好用-騰訊isux》

02?LOGO設(shè)計

019、《做logo必知的三十種技巧|超強干貨》

020、《理清思路，把你搞定極簡logo設(shè)計的六個核心技巧》

03?圖標設(shè)計

① 好的圖標需要不斷的思考和提煉，才夠易用：

021、《如何快速.高效地進行圖標設(shè)計》

022、《設(shè)計師都應(yīng)該知道的ICON知識》

023、《設(shè)計師如何提高自己的icon設(shè)計姿勢水平》

② 圖標和LOGO，你要知道這2個是不一樣的：

024、《logo和圖標，你真的明白2者的異同點嗎》

04?字體設(shè)計

① 界面設(shè)計，你必須知道的字體規(guī)范：

025、《界面設(shè)計必備！最全最常用的字體規(guī)范》

026、《史詩級規(guī)范！全新UI設(shè)計字體與排版規(guī)范指南》

027、《pc端、移動端UI字體規(guī)范應(yīng)用淺析》

② 字體搭配：

028、《如何給你的網(wǎng)頁選擇合適的字體》

029、《7個幫你搞定字體搭配的小技巧》

030、《騰訊設(shè)計師的私人筆記！幫你全方位掌握英文字體基礎(chǔ)》

031、《超實用，簡單7招教你打造超有格調(diào)的字體設(shè)計》

032、《絕對專業(yè)，超全面的UI界面字體選取與使用指南》

05?啟動頁設(shè)計

① 常用的設(shè)計方法和技巧，即學(xué)即用：

033、《APP設(shè)計之一：啟動頁》

034、《實戰(zhàn)干貨，聊聊APP啟動頁的3種設(shè)計類型》

② 一起來看看那些優(yōu)秀APP啟動頁設(shè)計案例：

035、《來看這8個國內(nèi)人氣APP的閃屏設(shè)計案例精選》

036、《那些天，我們一起追過的APP春節(jié)啟動頁（附截圖包）》

06?引導(dǎo)頁設(shè)計

037、《【系列】APP設(shè)計之二：引導(dǎo)頁》

038、《這5個技巧辦辦幫你設(shè)計出眼前一亮的APP引導(dǎo)頁》

07?登錄注冊頁設(shè)計

① 必須知道的登錄注冊那點事兒：

039、《【系列】APP設(shè)計之四：登錄注冊設(shè)計》

040、《APP注冊這點事兒》

② 這些精美的設(shè)計案例，非常值得借鑒：

041、《27個漂亮的移動端注冊/登錄界面設(shè)計作品》

08?導(dǎo)航設(shè)計

① 7種導(dǎo)航設(shè)計模式：

042、《全方位科普移動端導(dǎo)航的七種設(shè)計模式|【精選干貨】》

043、《【系列】APP設(shè)計之五：導(dǎo)航設(shè)計》

② 導(dǎo)航設(shè)計原則和思路，必須要知道的：

044、《超實用，聊聊標簽式導(dǎo)航的設(shè)計思路》

045、《超實用干貨！聊聊底部導(dǎo)航設(shè)計的4個關(guān)鍵原則》

046、《還在為導(dǎo)航設(shè)計而犯愁嗎？教你5招輕松應(yīng)對》

09?搜索設(shè)計

047、《【系列】APP設(shè)計之三：搜索設(shè)計》

10?表單設(shè)計

048、《摳細節(jié)！設(shè)計高效好用表單的10個技巧》

049、《表單中的勾選框和開關(guān)》

050、《列表視圖vs網(wǎng)格視圖》

app常用的按鈕導(dǎo)航設(shè)計

11?按鈕設(shè)計

051、《按鈕體驗設(shè)計：最佳的感受，形式和狀態(tài)》

052、《細節(jié)博弈！按鈕的優(yōu)先級選取與用戶體驗最佳實踐》

053、《交互細節(jié)！確定按鈕到底應(yīng)該放在左邊還是右邊？》

12?進度條設(shè)計

054、《細節(jié)是魔鬼！13個提高進度條用戶體驗的設(shè)計技巧》

055、《loading設(shè)計思路分享》

13?空白頁設(shè)計

056、《交互干貨！幫你消滅空狀態(tài)界面的5個常用方法》

057、《實用干貨！如何利用空白狀態(tài)提升用戶留存率》

14?彈窗設(shè)計

① 基本原則：

058、《彈窗設(shè)計的5條基本原則》

059、《四類彈框的四個設(shè)計準則》

② 設(shè)計技巧和優(yōu)秀的彈窗設(shè)計欣賞：

060、《APP反饋提示設(shè)計之彈出框設(shè)計，超贊》

061、《APP提示彈出框設(shè)計要點分析與優(yōu)秀作品鑒賞》

LayerCraft 切圖插件

15?切圖和標注的那些事兒

062、《APP界面切圖命名和文件整理規(guī)范|超強干貨》

063、《APP切圖命名規(guī)則》

16?界面設(shè)計過程

① 關(guān)于項目預(yù)估時間：

064、《一款A(yù)PP從設(shè)計稿到切圖（番外篇）》

② 項目文件管理、版本控制：

065、《學(xué)會用SVN做版本管理，幫設(shè)計師隨時改回第一稿（附教程）》

四、網(wǎng)頁設(shè)計

01?設(shè)計指南

① 網(wǎng)頁的排版布局設(shè)計：

066、《關(guān)于網(wǎng)頁首屏設(shè)計，你必須要知道的那些事?。?！》

067、《網(wǎng)頁設(shè)計靈動布局之相對自由式》

068、《網(wǎng)頁中的面包屑導(dǎo)航應(yīng)該如何使用》

069、《最佳web字體排版實踐的簡明指導(dǎo)手冊》

② 關(guān)于網(wǎng)頁設(shè)計的配色：

070、《這種方法更專業(yè)！設(shè)計網(wǎng)頁時選擇配色的八個要點》

③ 設(shè)計指南：

071、《淺談網(wǎng)頁設(shè)計中的簡約之美——簡約設(shè)計》

072、《超實用的單頁網(wǎng)站設(shè)計指南》

073、《必備技能！專業(yè)的網(wǎng)頁風(fēng)格指南應(yīng)該如何制作？》

074、《教程|視覺設(shè)計師該怎樣入門》

④ 提高設(shè)計效率的神器，不信你試試：

075、《讓你效率爆表的網(wǎng)頁設(shè)計PHOTOSHOP插件包|【值得收藏】》

⑤ 關(guān)于個人網(wǎng)站的設(shè)計案例精選：

076、《個人網(wǎng)站怎么做？來看這20個精挑細選的優(yōu)秀網(wǎng)站范例》

02?配圖技巧

077、《網(wǎng)頁配圖之道：首圖的設(shè)計技巧（一）》

078、《新手設(shè)計師如何為網(wǎng)站搭配合適的圖片》

079、《八個小訣竅幫你玩轉(zhuǎn)網(wǎng)站背景圖設(shè)計|【精選干貨】》

五、設(shè)計規(guī)范和原則

01?iOS 設(shè)計規(guī)范（U妹劃重點啦）

080、《一款A(yù)PP，從設(shè)計稿到切圖（iOS篇》

081、《史詩級規(guī)范！全新Apple iOS設(shè)計規(guī)范指南》

082、《天吶，好煩，又忘記APP的尺寸設(shè)計規(guī)范了》

02?安卓設(shè)計規(guī)范（必看）

083、《一款A(yù)PP，從設(shè)計稿到切圖（Android篇）|超強干貨》

03?視覺設(shè)計規(guī)范（必看）

084、《搜狐設(shè)計師：一份超實用的設(shè)計規(guī)范制定指南》

085、《超贊！YY娛樂移動端UI設(shè)計規(guī)范免費下載（高清已打包）》

086、《內(nèi)部教程！超實用六步透視網(wǎng)易設(shè)計規(guī)范（附完整PDF下載）》

04?微信小程序設(shè)計規(guī)范（必看）

087、《微信小程序官方設(shè)計指南（附PSD+Sketch源文件）》

05?切圖命名規(guī)范（必看）

088、《APP界面切圖命名和文件整理規(guī)范|超強干貨》

089、《APP切圖命名規(guī)則》

06?設(shè)計原則（U妹劃重點啦）

① 平面設(shè)計原則：

090、《平面設(shè)計中，引導(dǎo)受眾視覺關(guān)注的八個方法》

091、《設(shè)計基礎(chǔ)功，聊聊平面設(shè)計中的點線面（超多案例》

092、《提高視覺層次感！圖文科普影響視覺重心的6個因素》

② UI設(shè)計基本原則，看完了這14篇文章，就可以大膽設(shè)計做設(shè)計了：

093、《設(shè)計師不會做APP沒關(guān)系，認真看完就會了》

094、《拇指規(guī)則：說說APP設(shè)計中大拇指的重要性》

095、《移動端文字與排版設(shè)計的6個原則》

096、《超實用的格式塔原理小科普》

097、《關(guān)于UI基本設(shè)計原則的思考》

098、《實例教學(xué)！利用對比原則做出搶眼設(shè)計的20個方法》

099、《設(shè)計師要懂得10個心理學(xué)技巧，你掌握了幾個？》

100、《聊聊對比技法中常用的八大知識點》

101、《中文版來了！值得每個設(shè)計師收藏的《完美像素使用手冊》之原理篇》

102、《想做好移動APP的用戶體驗，需要重點考慮的9個核心原則》

103、《實例教學(xué)！10個幫你運用好字體組合的設(shè)計原則》

104、《僅此一篇，讀懂卡片式設(shè)計長盛不衰的秘密》

105、《使用技巧！教你從層次/色調(diào)/創(chuàng)意3個方面設(shè)計出酷炫頁面》

106、《iOS 10人機界面設(shè)計指南》

07?適配原則

107、《寫給設(shè)計師的移動端頁面適配小知識》

108、《一稿適配所有iOS設(shè)備》

109、《一稿過，你必須知道的完美適配Android和iOS及無線視覺規(guī)范》

六、色彩搭配

01?關(guān)于顏色（U妹劃重點啦）

① 紅色—積極、開放、激情、喜慶、活力、有力量、生命；危險、血腥、革命、激烈、死亡：

110、《讀書筆記：給你的色彩重命名——紅色篇》

② 橙色—陽光、歡快、美食、溫暖、記憶、放松、活動、舒適；神秘、幻想、優(yōu)雅、時髦、冷靜、理智：

111、《讀書筆記：給你的色彩重命名——橙色篇》

③ 黃色—陽光、輕松、幽默、開朗、熱鬧、歡樂、幼兒；吵鬧、廉價、不可靠、軟弱、不結(jié)實：

112、《讀書筆記：重命名你的色彩——黃色篇》

④ 綠色—自然、生命、安全、新鮮、田園、生命、春天、和平：

113、《讀書筆記：重命名你的色彩——綠色篇》

⑤ 藍色—理智、清涼、公正、精密、商務(wù)、嚴謹；寂寞、孤獨、悲、傷嚴酷：

114、《讀書筆記：重命名你的色彩——藍色篇》

⑥ 紫色—優(yōu)雅、高貴、女性、昂貴、莊重、神圣、成熟；冰冷、不親切、有距離感：

115、《讀書筆記：重命名你的色彩——紫色篇》

02?色彩搭配技巧（U妹劃重點啦）

① 色彩基礎(chǔ)知識：

116、《入門必看！給零基礎(chǔ)新手的超快速色彩知識小科普》

117、《色彩的意義！用戶體驗設(shè)計師必知的色彩基礎(chǔ)知識》

118、《超多案例！從3個方面幫你學(xué)習(xí)色彩層級的奧秘》

② 你必須要學(xué)會的色彩搭配技巧：

119、《界面設(shè)計必備-色彩三刀流》

120、《巧用色彩為卡片設(shè)計加分》

121、《可能是史上最實用的色彩搭配指南》

122、《騰訊好文！配色新人應(yīng)該學(xué)會的6個色彩知識點》

123、《超實用！幫你快速搞定網(wǎng)頁配色的方法（附配色神器）》

124、《手機APP界面顏色搭配案例》

125、《從這里入手，讓你的設(shè)計擁有高轉(zhuǎn)化率配色知識簡明指南》

③ 設(shè)計師必須要懂的色彩心理學(xué)：

126、《色彩心理學(xué)：設(shè)計師的選色指南》

七、排版布局

01?排版設(shè)計（必看）

① APP排版設(shè)計：

127、《移動端界面中的版式設(shè)計原理（上）》

128、《移動端界面中的版式設(shè)計原理（下）》

129、《優(yōu)秀APP的整體構(gòu)圖速成法》

130、《手機UI視覺設(shè)計構(gòu)圖的基本法則》

② 網(wǎng)頁排版設(shè)計：

130、《無從下手？也許你應(yīng)該從這五種經(jīng)典網(wǎng)頁布局開始設(shè)計》

132、《平面設(shè)計中，有哪些簡單好用的排版技巧和方法》

133、《零基礎(chǔ)也能看懂！寫給設(shè)計師的前端小知識之網(wǎng)頁排版（附實戰(zhàn)）》

02?電商排版設(shè)計

134、《沒思路？教你從空間/變化/形式3個方面搞定電商BANNER排版》

135、《50種讓你垂涎三尺的美食排版設(shè)計大法》

136、《電商banner設(shè)計總結(jié)》

八、交互設(shè)計

01?交互設(shè)計原則（必看）

① 入門必備：

137、《外文翻譯，交互設(shè)計：入門完全指南》

138、《用戶體驗設(shè)計師需要學(xué)習(xí)哪些入門技能》

139、《5分鐘看完！一份簡單易懂的交互設(shè)計入門手冊》

140、《高手經(jīng)驗，聊聊交互新人容易犯的7個錯誤》

② 交互設(shè)計指南：

141、《微交互怎么玩？一份簡單實用的微交互設(shè)計指南》

142、《打造美觀清晰已使用的交互文檔》

143、《超實用！6個方法幫你做出優(yōu)秀的UI動態(tài)微交互》

144、《交互設(shè)計的優(yōu)先級判斷與排期協(xié)同》

145、《交互設(shè)計流程的“閉環(huán)”問題（上.下）》

146、《不得不懂得交互設(shè)計三要素之——交互細節(jié)設(shè)計》

147、《交互設(shè)計文檔中那些促進溝通順暢的細節(jié)》

③ 學(xué)習(xí)指南：

148、《給交互設(shè)計初學(xué)者的完全自學(xué)指南|【交互設(shè)計】》

149、《用戶體驗設(shè)計新人自學(xué)包之控件學(xué)習(xí)》

150、《阿里UED內(nèi)部資料|優(yōu)秀的交互設(shè)計師師這樣養(yǎng)成的》

151、《從一次活動設(shè)計說說交互的3階段》

02?動效設(shè)計（必看）

① 動效設(shè)計原則：

152、《中文版來了！新版MATERIAL DESIGN官方動效指南（一）》

153、《中文版來了！新版MATERIAL DESIGN官方動效指南（二）》

154、《中文版來了！新版MATERIAL DESIGN官方動效指南（三）》

155、《谷歌MATERIAL DESIGN設(shè)計指南精華版》

156、《你一定要知道的UI動效設(shè)計三原則》

157、《最有生命力的動態(tài)效果，都遵循這12條經(jīng)典原則（上）》

158、《最有生命力的動態(tài)效果，都遵循這12條經(jīng)典原則（下）》

159、《想臨摹動效作品，先來學(xué)會這10條動態(tài)設(shè)計原理》

160、《有法可依！把你衡量一個動效是否赫爾的六個核心因素》

② 設(shè)計方法：

161、《花了7天看了上千個交互動效神作，我總結(jié)出了5個技巧》

162、《36個UI動效設(shè)計，也許能幫你從細節(jié)上提升產(chǎn)品逼格》

163、《騰訊高手出品！動效設(shè)計基礎(chǔ)（一）：運動曲線與緩動》

164、《你應(yīng)該掌握的移動APP的7種動效》

165、《36個優(yōu)秀的UI動效設(shè)計概念》

166、《3個方法幫你快速實現(xiàn)流暢好看的相融動效》

167、《超全面！文字logo的7種動效設(shè)計方法》

九、一些技法

01?關(guān)于漸變

① 提升作品的設(shè)計逼格：

168、《簡單5步幫你做出優(yōu)雅大氣的漸變色背景》

169、《實用教程！教你巧妙應(yīng)用漸變色快速提升設(shè)計格調(diào)》

② 簡單易操作的使用教程：

170、《人氣教程最終版！寫給非科班設(shè)計師的漸變色學(xué)習(xí)指南》

171、《零基礎(chǔ)也能學(xué)，一份全面系統(tǒng)的漸變色自學(xué)指南》

02?關(guān)于陰影

① 超火的彌散陰影設(shè)計技巧：

172、《簡單3步教你用PS快速畫出時尚漂亮的彌散陰影》

173、《超贊！一份簡易上手的青春彌散陰影修煉手冊》

174、《熱門教程！超火的彌散陰影全方位通關(guān)指南》

② 有格調(diào)的投影設(shè)計技巧：

175、《陰影與層次！當現(xiàn)實世界照進UI設(shè)計》

176、《全面系統(tǒng)，GUI設(shè)計中如何做出有格調(diào)的投影》

03?模糊背景

① 模糊背景設(shè)計技巧：

177、《10個用好模糊效果的超實用設(shè)計技巧》

② 透明背景設(shè)計技巧：

178、《12種透明背景的萬能設(shè)計方法》

04?設(shè)計稿展示

179、《【UI設(shè)計必備】設(shè)計有立體感的手機APP UI展示模板》

180、《5個幫你快速提高設(shè)計稿質(zhì)感的實用方法》

181、《超贊！幫你打造極簡風(fēng)APP UI的實用設(shè)計技巧》

182、《如何做出這種有厚度的APP界面圖片》

05?圖標設(shè)計技巧

183、《6個矢量圖標繪制設(shè)計的實用小技巧》

184、《5分鐘用PS繪制當下最火的卡通圖標》

185、《ps熱門教程！教你5分鐘快速繪制超火的mbe風(fēng)格圖標》

06?PS實用小技巧

① GIF動畫小技巧：

186、《新手指南！手把手教你玩轉(zhuǎn)PS時間軸之基礎(chǔ)篇》

187、《輕松制作GIF動畫！教你玩轉(zhuǎn)PS時間軸之進階技巧篇》

188、《輕松制作GIF動畫！教你玩轉(zhuǎn)PS時間軸之5個小技巧篇》

189、《PS教程！手把手教你繪制3個效果酷炫的GIF動畫效果》

② 提高工作效率的PS快捷鍵：

190、《PS唯快不破，最全最實用快捷鍵圖文秘籍》

③ PS實用小技巧：

191、《ps技能分享，超級實用的ps技巧總結(jié)》

192、《有哪些超好用的ps蒙版使用技巧》

193、《ps小技巧，聊聊大家熟悉的變換復(fù)制操作原理》

194、《填充與不透明的區(qū)別》

07?設(shè)計師如何自我提升

195、《有哪些實用秘訣可以幫助UI/UX設(shè)計師自我提升》

196、《作為UI設(shè)計師，平時應(yīng)該具備怎樣的好習(xí)慣？》

十、設(shè)計師必知的前端知識

01?html5基礎(chǔ)知識

197、《html5基礎(chǔ)知識解析（一）》

198、《html5基礎(chǔ)知識解析（二）》

199、《html5基礎(chǔ)知識解析（三）》

200、《HTML5常用的標簽|【實用干貨】》

201、《H5那么火，這些知識你還不知道？》

02?CSS3基礎(chǔ)知識

202、《CSS3基礎(chǔ)知識解析（一）》

203、《CSS3基礎(chǔ)知識解析（二）》

204、《CSS3基礎(chǔ)知識解析（三）》

205、《CSS3基礎(chǔ)知識解析（四）》

03?JavaScript基礎(chǔ)知識

206、《值得每個設(shè)計師收藏的《完美像素使用手冊》之設(shè)計與開發(fā)篇》

207、《響應(yīng)式j(luò)Query小效果實現(xiàn)思路》

04?iOS開發(fā)基礎(chǔ)知識

208、《提高設(shè)計還原度！寫給設(shè)計師的iOS前端教程（一）》

209、《提高設(shè)計還原度！寫給設(shè)計師的iOS前端教程（二）》

210、《提高設(shè)計還原度！寫給設(shè)計師的iOS前端教程（三）》

十一、設(shè)計資源

01?一些酷站

211、《11個人氣超高的設(shè)計素材匯總網(wǎng)站》

212、《高級設(shè)計特工都在這里找靈感搜索源，然后忽悠你用百度！》

213、《UI設(shè)計小白必備：10個無需翻墻就能天天進階的UI設(shè)計網(wǎng)站》

214、《神器兩連發(fā)！超過配色組合的網(wǎng)站+兩步做酷炫字效的軟件》

215、《幫你找好圖！99%的互聯(lián)網(wǎng)從業(yè)者都要學(xué)會的圖片搜尋方法》

216、《免費高清！10個無版權(quán)限制的大圖特供網(wǎng)站！【值得收藏】》

02?設(shè)計素材

217、《設(shè)計素材下載|資源下載》

218、《【UI設(shè)計師必備】25個精美的APP UI kit模板下載（附PSD）》

219、《送你一份iOS 10 GUI 源文件待領(lǐng)?。ǜ絇SD+sketch原文件）》

220、《iOS全尺寸icon生成合集psd|資源下載》

221、《web設(shè)計技術(shù)文檔|資源下載》

222、《APP截圖包|資源下載》

03?設(shè)計圖書

223、《設(shè)計師進階必讀的設(shè)計書目都在這里了》

224、《UI設(shè)計師進階必讀的15本交互與用戶體驗設(shè)計經(jīng)典書》

十二、2017年設(shè)計流行趨勢

01?設(shè)計流行趨勢（U妹開始劃重點啦）

225、《2017年設(shè)計趨勢大觀》

226、《趨勢|8個你需要知道的2017年UI設(shè)計流行趨勢》

227、《2017年流行的UI風(fēng)格，可能是你從未聽過的無框界面》

228、《從iOS10設(shè)計指南變化看設(shè)計的新趨勢》

229、《設(shè)計新趨勢：化繁為簡》

230、《2017年“設(shè)計師”發(fā)展趨勢指南》

02?2017年色彩流行趨勢（必看）

231、《玩轉(zhuǎn)草木綠！在這里了解2017年度潘通流行色》

232、《2017年流行色來了，這次將要回歸自然》

233、《2017年來了，UI配色又有什么新流行呢？》

03?2017年UX設(shè)計流行趨勢（必看）

234、《2017年UX設(shè)計趨勢》

04?2017年網(wǎng)頁設(shè)計新趨勢（必看）

235、《待你驗證，2017年最值得關(guān)注的7個網(wǎng)頁設(shè)計趨勢》

十三、擴展視野

作為一枚設(shè)計師，我們除了在專業(yè)技能、設(shè)計規(guī)范和原則方面的提升成長之外，還需要擴展自己的視野和知識面，不僅要做好設(shè)計，還需要了解產(chǎn)品和用戶，還要有足夠敏銳的嗅覺，去了解更多的新產(chǎn)品和新趨勢，適應(yīng)新的環(huán)境，這樣才能讓自己有一個質(zhì)的飛越。