?如果你是一個(gè)留心者，你會(huì)發(fā)現(xiàn)近幾年的設(shè)計(jì)潮流和趨勢(shì)隨著科技的革新在不斷的更替和進(jìn)步,。網(wǎng)絡(luò)上的設(shè)計(jì)資源,，教學(xué)視頻也愈加的豐富和多樣，為眾多設(shè)計(jì)行業(yè)的后來(lái)者提供了巨大的便利,。設(shè)計(jì)們也樂于分享自己的設(shè)計(jì)經(jīng)驗(yàn)和技巧為初入行的菜鳥們提供幫助和指導(dǎo),。今天的設(shè)計(jì)行業(yè)也不再那么神秘。

2017年是設(shè)計(jì)行業(yè)發(fā)展過(guò)程中重要的一年,，本篇文章將會(huì)帶領(lǐng)大家回顧2017年最好的網(wǎng)頁(yè)UI Kit,，設(shè)計(jì)視頻資源，以及值得follow的設(shè)計(jì)師,，供大家學(xué)習(xí)和參考,。 

一．最好的免費(fèi)網(wǎng)頁(yè)界面設(shè)計(jì)套件（UI Kit)

精心設(shè)計(jì)的網(wǎng)頁(yè)界面工具包（web UI kit）可以幫助設(shè)計(jì)師快速建立網(wǎng)站的視覺形象和風(fēng)格。下面我將整理一些我喜歡的2017年最好的web UI kit,。

1. Error Illustrations

價(jià)格：免費(fèi)

來(lái)源：Dribbble

工具：Sketch App, Photoshop

特點(diǎn)：扁平化設(shè)計(jì)

Error Illustrations是一款用Sketch和PS設(shè)計(jì)的扁平化網(wǎng)頁(yè)UI Kit,。整個(gè)設(shè)計(jì)非常簡(jiǎn)潔、現(xiàn)代,、詳細(xì),。這款UI Kit支持自定義UI交互。你可以使用支持Sketch導(dǎo)入的原型工具Mockplus導(dǎo)入Sketch文件,，利用已有的UI元素,，添加動(dòng)態(tài)交互效果，使網(wǎng)頁(yè)更加生動(dòng)有趣,。所有插圖都是由使用矢量形狀創(chuàng)建的,，并支持100％可定制,。您可以更改顏色和大小以符合您的要求。 

2. Landing Page Free UI Kit

價(jià)格：免費(fèi)

來(lái)源：Dribbble

工具：Photoshop PSD & Sketch App

特點(diǎn)：豐富的UI組件

如果你還在為如何做登錄頁(yè)設(shè)計(jì)而煩惱,，苦心尋找依靠登陸頁(yè)面留住用戶的方法,，這份免費(fèi)的Landing page UI kit可以說(shuō)是非常實(shí)用，其中包含了80+豐富多彩的組件,。大量的UI組件有助于增加您的網(wǎng)頁(yè)制作速度,，適用于Sketch和Photoshop。

3. Dashboard UI Kit Update

價(jià)格：$35

來(lái)源：Dribbble

工具：PS, Sketch App, Marvelapp

特點(diǎn)：完整的UI Kit設(shè)計(jì)過(guò)程

這款由Sketch和Marvelapp創(chuàng)建的UI Kit總共包含34個(gè)新文件和15屏黑白版本的UI元素,，包括表格,，圖形，按鈕,，文本樣式等等,。設(shè)計(jì)師非常用心的展示了設(shè)計(jì)過(guò)程中的每一個(gè)步驟，包括整體介紹,，原型設(shè)計(jì),，屏幕展示到所有的設(shè)計(jì)元素。雖然不是免費(fèi)的UI kit,但對(duì)于真正想要學(xué)習(xí)如何設(shè)計(jì)的人來(lái)說(shuō)是非常有用的,。

?

4. Web Gradients Logotype

價(jià)格：免費(fèi)

來(lái)源：Dribbble

工具：Photoshop PSD & Sketch App

特點(diǎn)：CSS代碼

WebGradients收集了700,000+ 的漸變素材,，可以說(shuō)是最實(shí)用的漸變揀選工具,。每個(gè)項(xiàng)目都準(zhǔn)備有CSS代碼,，一個(gè)Sketch / PSD包和一個(gè)高分辨率的PNG圖像。

5. Google Inbox UI Kit 

價(jià)格：免費(fèi)

來(lái)源：Dribbble

工具：Sketch App

谷歌收件箱UI Kit,。對(duì)于那些想要通過(guò)Sketch學(xué)習(xí)基本素材的設(shè)計(jì)師來(lái)說(shuō),，可以隨時(shí)查閱學(xué)習(xí)這個(gè)“模板”。設(shè)計(jì)師的目的在于傳達(dá)更多的信息,，并非以盈利為目的,。

二．最好的設(shè)計(jì)視頻資源

面對(duì)網(wǎng)絡(luò)上長(zhǎng)篇大論的UI/UX設(shè)計(jì)文章或者教程的時(shí)候，難免會(huì)因?yàn)閮?nèi)容過(guò)長(zhǎng)而眼花繚亂并且無(wú)法及時(shí)掌握要領(lǐng),。所以我想,，那就是為什么在線設(shè)計(jì)教程視頻可以迅速獲得人氣的原因。視頻教學(xué)的方式不僅更加生動(dòng)有趣,，而且還能幫助我們更好的保留和記憶信息,。

1. Angga Risky

粉絲: 16K

Angga Risky是一位印度尼西亞的UI/UX設(shè)計(jì)師和開發(fā)者，目前有16K訂閱粉絲,。他的頻道內(nèi)容包含網(wǎng)頁(yè)設(shè)計(jì),、UI設(shè)計(jì)、設(shè)計(jì)工具教程和其他設(shè)計(jì)相關(guān)教程,。如果你需要源代碼,，教程,，設(shè)計(jì)等資源，還可以直接通過(guò)郵件聯(lián)系博主,。

 2. UX Mastery

粉絲：31k 

UX Mastery有超過(guò)100萬(wàn)的頻道瀏覽量,。這些視頻的特色在于以講故事的動(dòng)畫模式進(jìn)行交付，從而使觀眾輕松設(shè)計(jì)技巧掌握并理解設(shè)計(jì)思路,。是尋求用戶體驗(yàn)知識(shí)的好地方,。

3. Laith Wallace

粉絲：8.5k

Laith Wallace是一名用戶體驗(yàn)設(shè)計(jì)師和品牌策略顧問(wèn)，每周上傳視頻,，專注于對(duì)用戶體驗(yàn)/用戶界面設(shè)計(jì)感興趣的學(xué)生,，小型企業(yè)以及希望從事用戶體驗(yàn)設(shè)計(jì)這個(gè)行業(yè)的人的建議，工具介紹以及鼓勵(lì),。從而幫助他們更好地了解用戶,。

 “我相信你可以‘用創(chuàng)造性的意見改善你的生活’?！?nbsp;

4.Mike Locke

粉絲：68K

Mike Locke是一位成熟的UI/UX設(shè)計(jì)師和YouTuber,。他所定義的高級(jí)UI/UX設(shè)計(jì)師應(yīng)該精通UI設(shè)計(jì)，用戶體驗(yàn),，可用性,，交互設(shè)計(jì)，信息架構(gòu),，研究與分析,，XHTML / CSS和戰(zhàn)略與規(guī)劃。他也樂于分享他對(duì)用戶體驗(yàn)的熱情,，給予他的渠道建議,，動(dòng)力和靈感。目前擁有200多個(gè)視頻和近600萬(wàn)的觀看次數(shù),。

5. Sarah Doody

粉絲：6K

Sarah Doody是一名用戶體驗(yàn)設(shè)計(jì)師和企業(yè)家,，每周發(fā)布一次名為“The UX Notebook”的用戶體驗(yàn)時(shí)事通訊，并開設(shè)在線用戶體驗(yàn)課程,。她的目標(biāo)是幫助人們學(xué)習(xí)如何像設(shè)計(jì)師一樣思考,。

三．值得Follow的設(shè)計(jì)師

關(guān)注優(yōu)秀的設(shè)計(jì)師也是快速獲得最新設(shè)計(jì)行業(yè)動(dòng)態(tài)和最前沿的設(shè)計(jì)資訊的方式之一。以下是Mockplus為大家整理的2017年值得關(guān)注的設(shè)計(jì)師,。

1. Scott Jenson @scottjenson

Scott Jenson是著名UX影響者之一,，曾在Google擔(dān)任多個(gè)用戶體驗(yàn)相關(guān)職位，例如：產(chǎn)品戰(zhàn)略和Mobile UX經(jīng)理,。 他還創(chuàng)辦了幾家公司,，并在蘋果電腦公司擔(dān)任UI設(shè)計(jì)師。

2. Johanna Kollman @johannakoll

Johanna擁有超過(guò)10年的用戶體驗(yàn)經(jīng)驗(yàn),，從事產(chǎn)品管理,，用戶研究,，用戶體驗(yàn)設(shè)計(jì)和服務(wù)設(shè)計(jì)。 她幫助大小公司改善了用戶體驗(yàn),。

3. Julie Zhuo @joulee

在 Facebook 做了十年的產(chǎn)品設(shè)計(jì),，曾負(fù)責(zé) Facebook 的 News Feed、內(nèi)容,、導(dǎo)航和移動(dòng)端的核心體驗(yàn)設(shè)計(jì),，現(xiàn)擔(dān)任設(shè)計(jì) VP。如果你想閱讀新鮮的用戶體驗(yàn)內(nèi)容,，你可以在網(wǎng)絡(luò)上搜索Julie的帖子,。她每?jī)芍軐懸淮侮P(guān)于用戶體驗(yàn)的相關(guān)內(nèi)容。

4. Jared Spool @jmspool

Jared Spool在不斷努力提升用戶體驗(yàn)方面擁有超過(guò)30年的豐富經(jīng)驗(yàn),。 最近,，除了Leslie Jensen-Inman博士之外，他還在田納西州的查塔努加創(chuàng)建了一所學(xué)校,，為該行業(yè)的UX設(shè)計(jì)師做準(zhǔn)備,。

5. Don Norman @jnd1er

應(yīng)該是最受歡迎的用戶體驗(yàn)設(shè)計(jì)師之一，Don Norman在IDEO,，尼爾森諾曼集團(tuán)和加州大學(xué)舊金山分校等著名公司工作,。他同時(shí)也是美國(guó)知名作家，以書籍《設(shè)計(jì)&日常生活》聞名于工業(yè)設(shè)計(jì)和互動(dòng)設(shè)計(jì)領(lǐng)域,，并曾被《商業(yè)周刊》雜志評(píng)選為世紀(jì)最有影響力的設(shè)計(jì)師之一,。

結(jié)語(yǔ)

雖然2017年即將過(guò)去，但優(yōu)秀的設(shè)計(jì)資源并不會(huì)因此而過(guò)時(shí),。相信Mockplus為大家整理的2017年度最好的網(wǎng)頁(yè)UI Kit, 設(shè)計(jì)視頻資源,，和值得關(guān)注的UI/UX設(shè)計(jì)影響力人物將在即將到來(lái)的2018年繼續(xù)為大家?guī)?lái)的設(shè)計(jì)靈感、啟發(fā),，設(shè)計(jì)資訊和最前沿的設(shè)計(jì)趨勢(shì)?；仡?017,，展望2018。我們對(duì)設(shè)計(jì)行業(yè)即將面臨的機(jī)遇與挑戰(zhàn)充滿期待,。