@SophiaZ520 ：從業(yè)幾年，樓主從迷茫不知所措的時(shí)期，漸漸度過到現(xiàn)在可以掌控自己生活的狀態(tài)，很能體會(huì)到作為新手在海量的信息中，眼花繚亂，不知道如何選擇的感受。于是，自己整理出這幾年來，覺得比較不錯(cuò)的網(wǎng)站、軟件、書籍參考，讓大家能節(jié)約一些時(shí)間和精力。

樓主傾向?qū)⑿畔⒕?jiǎn)，遵從少即是多的原則，只推薦含金量最高的幾處信息來源。

△ ?交互設(shè)計(jì)知識(shí)面

這張圖幾年前樓主見過之后，一直保留到現(xiàn)在。不僅是因?yàn)樗蜗蠖陀^，而是每看一次，它都提醒樓主，作為交互設(shè)計(jì)師，莫鉆牛角尖，綜合平衡各方面的信息。

△ ?基本功精簡(jiǎn)版信息

1. 每日必逛

每日必逛的定位在于對(duì)一些需要時(shí)間比較久地去培養(yǎng)能力的地方，比如審美?；蛘呤峭袠I(yè)人士整理的一些工作上可以用的小tips。

Behance?

Behance 是展示和發(fā)現(xiàn)創(chuàng)意作品的領(lǐng)先在線平臺(tái)，同時(shí)也是 Adobe 系列的一部分。Behance 的管理團(tuán)隊(duì)每天都會(huì)從各種領(lǐng)域中的頂級(jí)組合探索出新作品。這些領(lǐng)域包括設(shè)計(jì)、時(shí)尚、插圖、工業(yè)設(shè)計(jì)、建筑、攝影、美術(shù)、廣告、排版、動(dòng)畫、聲效以及更多。領(lǐng)先的創(chuàng)意公司可以通過 Behance 發(fā)現(xiàn)人才，數(shù)百萬的訪客也可以使用 Behance 跟蹤最新和最杰出的創(chuàng)意人才.
現(xiàn)在已經(jīng)推出iOS和支持Android4.0版本以上的APP，可以進(jìn)行使用。

Dribbble

Dribbble 的口號(hào)是，你正在創(chuàng)作什么？然后，鼓勵(lì)創(chuàng)作者上傳個(gè)人的作品，以及正在創(chuàng)作的作品到 Dribbble 網(wǎng)站上。Dribbble的作品整體質(zhì)量卻非常高，許多攝影師、設(shè)計(jì)師和其他創(chuàng)意產(chǎn)業(yè)人士都喜歡在這里展示其未完成的設(shè)計(jì)，通過與其他設(shè)計(jì)師的共同探討來激發(fā)自己的靈感。也有相應(yīng)的APP。

Dribbble 上的作品以 GUI 設(shè)計(jì)、平面設(shè)計(jì)、插畫、VI 設(shè)計(jì)為主，而 Behance 上種類更多，還包括了 廣告、建筑、攝影、Motion 等等。從 Popular 榜單上也可以看到，Dribbble 上經(jīng)常是明星設(shè)計(jì)師們精美的圖標(biāo)或者界面，而 Behance 上多是一些 Agency 的整體品牌視覺包裝。知乎上有位大神的比喻比較恰當(dāng)，“Behance就像設(shè)計(jì)師的廳堂，展示大方，井井有條。dribbble就像設(shè)計(jì)師的廚房，進(jìn)去問一句「今天打算做點(diǎn)啥？」，瞅見各種半成品跟成品，七嘴八舌，其樂融融”。

Pinterest

Pinterest 采用的是瀑布流的形式展現(xiàn)圖片內(nèi)容，無需用戶翻頁，新的圖片不斷自動(dòng)加載在頁面底端，讓用戶不斷的發(fā)現(xiàn)新的圖片。圖片質(zhì)量都算比較好的。

人人都是產(chǎn)品經(jīng)理

國內(nèi)做得比較好的產(chǎn)品經(jīng)理學(xué)習(xí)、交流、分享平臺(tái)，也有設(shè)計(jì)、運(yùn)營(yíng)的知識(shí)分享，在互聯(lián)網(wǎng)業(yè)內(nèi)得到了廣泛關(guān)注和高度好評(píng)。

優(yōu)設(shè)網(wǎng)

一些比較實(shí)用的設(shè)計(jì)類綜合信息教程，每天會(huì)更新幾篇文章，花費(fèi)時(shí)間不太長(zhǎng)，值得瀏覽。

△ ?優(yōu)設(shè)網(wǎng)

Google是所有問題的終結(jié)者，當(dāng)我們沒法從專業(yè)的網(wǎng)站上去獲得答案時(shí)，就Google吧。

2. 前沿類的網(wǎng)站

Medium

Medium 是一個(gè)全新的輕量級(jí)內(nèi)容發(fā)行平臺(tái)，允許單一用戶或多人協(xié)作，將自己創(chuàng)作的內(nèi)容以主題的形式結(jié)集為專輯（Collection），分享給用戶進(jìn)行消費(fèi)和閱讀。

該網(wǎng)站好文不斷，匯聚各行各業(yè)的設(shè)計(jì)大拿，如果關(guān)注了對(duì)了自己感興趣的話題，以及優(yōu)秀的設(shè)計(jì)師，自己的打怪升級(jí)進(jìn)化之路會(huì)變得更加平穩(wěn)。在這里推薦Medium《你該認(rèn)識(shí)的64位設(shè)計(jì)師》，唯一不太方便的地方就是，文章是全英文的，對(duì)于英文不好的童鞋有點(diǎn)吃力。不過多看一些，進(jìn)步就會(huì)很大，加油吧，童鞋們~

3. 設(shè)計(jì)規(guī)范

1.?《iOS human interface guideline》

2.?《Up and running material design》

市面上平臺(tái)不僅僅只有iOS和Android，但既然是精簡(jiǎn)版，在這一步只介紹這兩種。單這兩個(gè)平臺(tái)的規(guī)范，就足以讓自己去鉆研許久了，有精力的小伙伴也可以再去搜索一下Windows Phone等平臺(tái)規(guī)范文章。

讀規(guī)范，并不是一步全部讀完，需要分好幾遍來進(jìn)行研究。剛開始概覽一遍，做到框架的熟悉。然后在做項(xiàng)目的過程中邊做邊翻閱，又會(huì)給自己一些靈感，比如說控件怎樣進(jìn)行統(tǒng)一，同一控件不同的狀態(tài)怎樣表述等等。它們是值得一讀再讀，反復(fù)研究的材料。

△ ?iOS設(shè)計(jì)規(guī)范

中文版參見：

1. 《中文版來了！UI設(shè)計(jì)師必讀的IOS 10人機(jī)界面設(shè)計(jì)指南 （一）》
2. 《中文版來了！UI設(shè)計(jì)師必讀的IOS 10人機(jī)界面設(shè)計(jì)指南 （二）》
3. 《中文版來了！UI設(shè)計(jì)師必讀的IOS 10人機(jī)界面設(shè)計(jì)指南 （三）》
4. 《中文版來了！UI設(shè)計(jì)師必讀的IOS 10人機(jī)界面設(shè)計(jì)指南 （四）》

谷歌動(dòng)效手冊(cè)：

1. 《中文版來了！新版Material Design 官方動(dòng)效指南》
2. 《中文版來了！新版MATERIAL DESIGN 官方動(dòng)效指南（二）》
3. 《中文版來了！新版MATERIAL DESIGN 官方動(dòng)效指南（三）》

軟件學(xué)習(xí)

軟件學(xué)習(xí)分為三大方向。

第一個(gè)方向是專業(yè)類的，圖形圖像的處理用Sketch或者Photoshop。Photoshop擅長(zhǎng)圖片的處理，這一點(diǎn)它是老大，沒人能撼動(dòng)。但作為流程圖的繪制工具，它的效率確實(shí)比輕量級(jí)的Sketch要來得慢一些。所以定位可以分為Sketchup用來畫頁面的流程圖，表達(dá)跳轉(zhuǎn)關(guān)系，而PS進(jìn)行輔助，用來處理一些漂亮的圖片。兩者進(jìn)行相互的配合。

專業(yè)內(nèi)的還有原型展示工具。原型展示工具就是將二維平面的設(shè)計(jì)圖，變成動(dòng)態(tài)可以上手進(jìn)行操作的demo。做這一步是為了檢查在跳轉(zhuǎn)過程中是否有存在讓用戶體驗(yàn)不流暢的地方，避免在開發(fā)的過程中才發(fā)現(xiàn)這樣的問題，浪費(fèi)大家的精力。

這樣的軟件主要有AE、Principle、Flinto、Origami等等?，F(xiàn)在市面上功能比較晚上的應(yīng)該算是Origami，不過它學(xué)起來思維轉(zhuǎn)換比較大，要有開發(fā)思維，所以對(duì)于設(shè)計(jì)師來說上手有點(diǎn)難。比較簡(jiǎn)單的是Principle、Flinto，AE更像是一個(gè)完整的動(dòng)畫，不能魚人進(jìn)行交互動(dòng)作。

第二類是文檔的整理。文檔的整理主要是項(xiàng)目的進(jìn)度跟進(jìn)，資料共享，平時(shí)的會(huì)議等等。這個(gè)比較常見，Mac的keynote、number、Notes或者Windows的PPT、Word、Exce都可以。不過個(gè)人比較喜歡Google 云端儲(chǔ)存文件，方便團(tuán)隊(duì)共享，更改和同步。

第三類是思維的整理。腦圖工具會(huì)幫助咱們羅列出各種大小事件，然后進(jìn)行歸納整理，排出優(yōu)先級(jí)。最好用的是MindNode，但只能Mac進(jìn)行使用。Windows用戶可以使用Xmind，顏值稍微低一點(diǎn)。

推薦書目

在推薦書目里面，樓主比較支持一種做法，就是挑一本經(jīng)典的書，然后反復(fù)不停地去讀它。理論結(jié)合實(shí)際地去用，有疑惑的地方再回過頭來進(jìn)行查閱、反思。

所以我推薦的書目，主要是業(yè)內(nèi)耳熟能詳?shù)臅?，在亞馬遜或者：

《About Face 3 交互設(shè)計(jì)精髓》（強(qiáng)烈推薦，時(shí)間不夠也可以只看這一本）
《設(shè)計(jì)心理學(xué)》
《用戶體驗(yàn)的要素》
《瞬間之美》

△ ?About Face 4

相關(guān)書籍的讀書筆記：

1. 《設(shè)計(jì)師讀書筆記連載系列之<簡(jiǎn)約至上>》
2. 《設(shè)計(jì)師讀書筆記連載系列之<Don’t Make Me Think>》
3. 《設(shè)計(jì)師讀書筆記連載系列之<設(shè)計(jì)師要懂心理學(xué)>》
4. 《取其精華！設(shè)計(jì)師讀書筆記系列之<ABOUT FACE 3交互設(shè)計(jì)精髓>》

實(shí)踐

關(guān)于實(shí)踐，樓主秉持著一個(gè)原則，就是一定要帶著自己在工作中遇到的問題，去訓(xùn)練。重要的事情說三遍：帶著問題去實(shí)踐！帶著問題去實(shí)踐！帶著問題去實(shí)踐！

其次，主動(dòng)地、不斷地幫助團(tuán)隊(duì)去解決問題，不論大小。

總結(jié)一下，在基本功階段，咱們翻閱各種網(wǎng)站，學(xué)習(xí)軟件，翻閱書籍，目的其實(shí)是為了提高自己的審美，用方便快捷的工具將項(xiàng)目的信息傳達(dá)給團(tuán)隊(duì)。也就是說，要培養(yǎng)的是自己對(duì)美的追求態(tài)度，信息的歸納總結(jié)能力，邏輯思維能力。進(jìn)階的話，那又是另一個(gè)話題，期待和大家的下次分享~

Sophia的tips：

1. 基礎(chǔ)扎實(shí)，往后才走得穩(wěn)。
2. 先積累量，量達(dá)到一個(gè)程度才能引起質(zhì)變。

作者簡(jiǎn)介：Sophia的玲瓏閣，一枚愛健身的交互設(shè)計(jì)師。

歡迎關(guān)注作者的微信公眾號(hào)：「Sophia的玲瓏閣」

「優(yōu)設(shè)自學(xué)指南」

1. 平面設(shè)計(jì)：《超贊！設(shè)計(jì)師完全自學(xué)指南》
2. 交互設(shè)計(jì)：《交互設(shè)計(jì)師修煉指南！教你從零開始成為優(yōu)秀交互設(shè)計(jì)師》
3. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
4. 配色方案：《色彩搭配速成！3個(gè)實(shí)用方法幫你全面搞定配色》
5. DPI指南：《基礎(chǔ)知識(shí)學(xué)起來！為設(shè)計(jì)師量身打造的DPI指南》
6. UI 設(shè)計(jì)：《超實(shí)用新手指南！零基礎(chǔ)如何自學(xué)UI設(shè)計(jì)？》

原文地址：jianshu

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量190萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com