設計師的日常--你要知道的25個UI/UX設計網站

標籤：原型設計   互動設計   ui   pm   線框圖   

如果你像我一樣，總是花很多時間試圖找到一個最好的模式，最好用的工具和最漂亮的顏色。當然，每位設計師的需求不同，所謂“完美”的標準也不一樣。但是如果能有一份資源套件含幾乎所有你需要的設計資源，那再好不過了。

朋友，別擔心，這個問題我們很快就能解決啦。答案就在這篇文章裡。

配色靈感

650) this.width=650;" src="http://s1.51cto.com/wyfs02/M01/8A/9A/wKioL1g1SH3xPgHJAAS8evK9Z3w680.png-wh_500x0-wm_3-wmp_4-s_1716272964.png" title="colors1.png" alt="wKioL1g1SH3xPgHJAAS8evK9Z3w680.png-wh_50" />

還在為配色苦惱？找不到色彩靈感？ 試試下面這些網站。

1. Flat UI Color Picker – Flat Design必不可少，顏色自動分類

2. ColourLovers – 色彩社區，不僅可以配色，還可以共用他人的色彩

3. Material Palette – 選好顏色後，可以即時看到Material Design下的效果

4. Color by Hailpixel – 可以調整色調、亮度、飽和度等等

5. Coolors – 選擇一種顏色，自動配色

6. ColRd – 根據顏色、漸層、調色盤等尋找映像資料

7. Color Hunter – 從你上傳的圖片中自動提取5種配色

8. BrandColors – 總結各個企業在用的配色

9. ColorKit – Photoshop擴充

10. TinEye Labs – 根據顏色挑選圖片。

設計相關社區

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/8A/9E/wKiom1g1SI6gkd4wAATTEnoECUs039.png-wh_500x0-wm_3-wmp_4-s_400162193.png" title="flickr2.png" alt="wKiom1g1SI6gkd4wAATTEnoECUs039.png-wh_50" />

通過設計社區平台，瞭解設計趨勢，探討問題，還可以得到來自世界各地設計師的反饋。

1. Behance – 不管你是尋求批判或者協助，Behance對設計師們來說都是一個進行交流的好地方。

2. Dribble - 面向創作家、藝術工作者、設計師等創意類作品的人群，提供作品線上服務，供網友線上查看已經完成的作品或者正在創作的作品的交流網站

3. Flickr –Flickr是尋找設計團隊的好地方，分享照片和設計，並從別人那裡得到啟發。

4. The Web Blend – 自由工作者，關於設計的知識和資訊

5. Graphic Design Forum – 設計論壇

6. DeviantArt – 活躍使用者數最大的設計社區

7. DreamInCode – 與其他設計師交流設計和藝術品

UX設計播客

650) this.width=650;" src="http://s1.51cto.com/wyfs02/M00/8A/9E/wKiom1g1SJyQARnMAAQuwZpUnMA832.png-wh_500x0-wm_3-wmp_4-s_154419270.png" title="podcast3.png" alt="wKiom1g1SJyQARnMAAQuwZpUnMA832.png-wh_50" />

跑步鍛煉的時候，聽聽設計播客也很不錯哦。

1. Design Matters with Debbie Millman – 第一個設計播客，現在仍然是最佳播客之一。

2. The Big Web Show - 主持人Jeffrey Zeldman會採訪一些業內人士像視覺設計師,開發人員、使用者體驗設計師和企業家。

3. UIE Brain Sparks - 與Big Web Show涵蓋的話題不同，（例如視覺設計、前端開發）UIE Brain Sparks更專註UX設計相關話題。

4. UX Podcast - 即興、無計劃的採訪，啟發你以一個全新的視角來看待資訊架構和使用者體驗設計。

5. On the Grid – 每周播客，討論的話題都與設計相關。

原型/線框設計

650) this.width=650;" src="http://s1.51cto.com/wyfs02/M00/8A/9A/wKioL1g1SKrycUzfAAK2YoCGiqA383.png-wh_500x0-wm_3-wmp_4-s_3643255024.png" title="prototype4.png" alt="wKioL1g1SKrycUzfAAK2YoCGiqA383.png-wh_50" />

原型、線框設計是互動設計師、專案經理、網站開發人員之間最好溝通方式，也是一個網站或應用開發過程中的關鍵步驟。看看都有哪些常用的原型、線框工具吧。（UI/UX基礎知識之原型與線框的區別）

1. Axure RP（Mac & Win）

Axure RP是一個允許設計人員建立，測試和分享互動式原型的傳統型應用程式。被稱為作為最全面的（在功能方面）原型工具，它是建立靜態低傳真原型和複雜的互動式原型的理想的案頭軟體。作為專業工具，學習曲線較長。

2. Justinmind（Mac & Win）

Justinmind是一款靈活的原型工具，支援Web和行動裝置 App原型和高保真原型製作。支援手勢的功能讓它在行動裝置 App設計方面更為出色。但由於複雜的變數以及函數，新手學習起來比較困難。

3. Mockplus（Mac & Win）

Mockplus是款全平台的快速原型開發工具（PC，網站和行動裝置）。封裝的互動組件和創造性的預覽方式允許設計人員在幾分鐘內快速完成設計，特別適合追求品質和速度的設計師。同時，也不需花費太多的時間來學習，甚至也不用一行代碼。

（更多原型/線框工具，請參考：UI/UX設計師最常用的原型設計工具&應用)

繼上次為大家整理了一些UI/UX書籍和網站部落格，今天整理的主要是很實用的設計工具、社區、播客和配色資源。我們會持續更新，網羅更多優秀的資源。同樣，如果有疏忽或遺漏的資源，請在評論區留言告知。如果你喜歡這篇文章，別忘了和小夥伴分享哦~

設計師的日常--你要知道的25個UI/UX設計網站