身為一個雜食性的設計資源收集者，要怎麼吃才能避免消化不良呢？
回顧 2016 年接觸到的設計資源，包含了平面設計、介面設計、UX 甚至是互動效果，真的是五花八門、亂七八糟？有些過去儲存的網址甚至連過去已經找不到該網頁了，為了避免不斷重複的囫圇吞棗，被大量的資訊沖昏頭，整理手頭上的資源是非常重要的！
新的一年的開始，我想就先來盤點一下自己 2016 設計資源的口袋名單有哪些？面對 2017 又有哪些會被留下？實際使用這些資源的方式又是如何呢？
本文分享重點
part1. 靈感發想網站盤點
part2. 設計相關部落格盤點
設計資源服用方法（穿插在盤點中）
Part1. 靈感發想網站盤點
基本想法
針對相似性質產品、針對相關風格、針對功能需求 ，基本上為了發想的效率，我會盡量秉持著以上三個目標找靈感（當然也很常不小心看到別的很美的網站就分心了 ）但是分心了我會要趕快回來！繼續好好想著這次要設計的介面，使用者是哪些族群？該如何讓使用者在漂亮的介面裡跟網站完美的溝通？客戶想要呈現什麼樣的感覺？功能上有沒有別人已經做好相當不錯的流程可以參考的呢？
要考慮的東西很多很雜，常常不只是 UI 設計還牽扯了 UX，在實作設計的每個階段，都常常會遇到沒有靈感，需要向 google 大師請教的時刻，但要怎麼做才能更有效率一點呢？以下分享一些自己常參考的網站，還有各種類型的網站我個人會使用的方式～
A. 什麼都有的設計靈感網站
☕️ 服用方式：下關鍵字，以關鍵字為焦點發散發想
關鍵字可能是某種顏色、風格、功能、產業，使用這種什麼都有的設計網站時，最重要的便是下關鍵字夠不夠關鍵了，有時候也會遇到想要找尋某個關鍵字但是想不出來該怎麼形容，這時可以從認為有相關的資源查看，看看他被下了哪些關鍵字，是不是剛好就有那個一直想不到的關鍵字呢！也可以試著和其他的設計師、工程師討論聊聊看其他人知不知道，或是時常關注一些設計資源的部落格（可往下參考本文第二部分），都可以為你的「關鍵字典」增加養分喔！
推薦的網站
pinterest、花瓣網（中國的 pinterest，對中文排版很有幫助）
Behance、Dribble：可以從追蹤一些厲害的設計師下手
B. 蒐集各種優秀網站的集合站
☕️ 服用方式：掌握好需求，再針對類似性質、風格的網站做查詢
針對類似性質的網站：比如今天要做的是一個「服飾購物網站」，就可以去參考在這些優秀作品集合站裡，有哪些也是購物網站，甚至可以找到也是服飾的購物網站，看看他們的產品是如何陳列，購物的流程是如何運行，如果一時不知從何參考起，可以關注這些網站的優缺點，有沒有 優點 可以沿用，有沒有 缺點 要去避免。
針對類似風格的網站：比如今天要做的是一個具有「童趣」風格的網站，就可以先找出你認為也是童趣風格的設計的網站，列出本次想要參考的面向，像是色彩、互動方式、插畫風格等，然後將自己喜歡的設計做一個集合，再搭配這次客戶的要求，大概就可以找出想要的方向了。
推薦的網站
以下列出推薦的集合站，雖然只有兩個，但是也很夠用了，這個部分其實是看個人習慣～像我自己習慣以參考中文或是日文漢字排版的 UI 為主，英文的為輔，對我來說這樣比較有效率。並且我也不會大量的參考太多不同的 UI ，除非真的最常使用的網站無法滿足我了，才會查看更多的集合站，否則很容易被搞得暈頭轉向的（迷失在茫茫的 UI 花海中 ）
S5-style： 最常使用的！可以按分類搜尋，並且收藏
黃蜂網： 中國的 UI 設計，面對習慣大量被餵食資訊的華人使用這來說，中國的設計很多都能將大量資訊整理得清清楚楚，值得參考
C. 針對功能細節的靈感來源
☕️ 服用方式：確定好哪個功能部分需要靈感，直接對症下藥
這個部分就不多說廢話了～抓好你的需求，直接進以下網站～
推薦的網站
rwdJP：整合許多網站在響應式設計時，UI設計的變化
pricingpage：購物網站集合：產品售價、陳列、結帳好案例
Awwwards Team’s collection：這個大推～ Awwwards 選物就是品質保證ㄚ！幫你整理好各種主題的 collection，從navigation, slideshow, fonts, loading animations… 你想得到的幾乎應有盡有
小結
終於在以上的各個網站遊覽過後，都還沒吃飽的話！或許知道了自己缺的是什麼了，或是還不知道自己缺的是什麼，可以到 奧格設計資源總匯 看看喔～ 在總匯裡，有著從字體到配色到 UI/UX 各種設計師所需要的挑選過的好資源～ 裝的滿滿的工具包等你去挖寶喔！
Part2. 設計相關部落格盤點
設計大舌頭：很好看，每篇都嚼得津津有味。有些文章會讓你對現在的設計方法感到醍醐灌頂，有些則是非常有趣，是好吃又營養的部落格
PhotoshopVIP：日文的部落格，從 illustrator 到 photoshop 到 UI/UX 到優質免費資源、前端開發技巧分享都有，挑選的很到位。站主大都會將收集來的資源反芻整理的很好（另外有些是純翻譯成日文），特別推薦一些有程式碼或是設計稿實作的文章，步驟都寫得簡單明瞭。我的閱讀方式是用我所會的簡單的日文大致瞭解後，若有不懂的地方會再找他的來源英文文章查看。看不懂日文的人也可以直接找他來源文章查看。
invision blog：為 UI/UX 設計師量身打造的部落格，從獨立接案的主題到如何跟設計師溝通，對設計師來說各方面都很實用的部落格
優設網：有很多教學寫得很詳盡，很值得細看！
Vide創誌設計專欄：Vide 的設計專欄不只侷限於介面設計和裝置的體驗設計，他們關注了許多生活上的設計，對於設計師來說是三不五時可以用來拓寬視野的好站，說不定有天會派上用場
搭配 feedly 服用
通常沒有很多時間可以每天查閱所有部落格站，所以我會用 feedly 儲存幾個部落格，把文章都抓進來。它的好處是，可以隨機的餵給我一些不錯的文章，在日常中激發一些自己的設計靈感，好幾次就剛好解決了我卡關已久無法定案的事情。
另外，feedly 用來做文章的收藏也很實用，下次想要找文章的時候也能比較有效率地找到。最後最重要的是它的 app 可以讓你在手機上閱讀很方便，不會像一般用手機閱覽文章時被許多雜訊干擾，也很方便通勤時無聊就走到哪看到哪～很推薦大家使用～
以上就是本人這次簡短的分享我的設計資源，還有使用的方式，當然還漏掉很多像是圖庫資源、配色資源這類的，但今天就先以整體發想靈感為主。打到這裡，也覺得更清楚審視了自己的 2016 年在設計資源運用的上有沒有什麼可以更進步的地方，也更了解一點自己在 2017 年可以往哪裡更努力！
除了以上分享的資源，今年也收集？和閱讀了許多實體的書，跟大家分享我的書單～
2016養分書單
今年用新芽的 KLP計畫（Keep Learning Project，是新芽的學習計畫，只要你有想學的東西想看的書，都可以有公司補助唷～（幸せ）） 狠狠的給他買了一卡車的書ㄚ！不管是細細的品嘗它們還是有需要的時候再拿出來參考，都覺得很滿足ㄚ！以後有機會再來跟大家好好分享這些書：）
微互動
實戰SEO：60天讓網站流量增加20倍-第三版
使用者故事對照：User Story Mapping
Typography 字誌：Issue 02 來做LOGO吧！
字型設計：關於文字與標誌設計的發想、技巧與經驗
設計的心理學：人性化的產品設計如何改變世界(3版)
UX從新手開始：使用者體驗的100堂必修課
UX策略：設計讓人夢寐以求的創新數位產品
平靜科技：不擾人的設計原則與模式
打造最強網頁UI/UX設計腦：設計師都該懂的絕佳設計．溝通法則
行動支付體驗設計：針對行動商務的法則和最佳慣例
行動介面設計模式圖鑑(第二版)
フランスの配色
透明効果を楽しむデザイン
嗨，最後來個自我介紹，我是設計師小蓮。本篇來自2017年小蓮的新計畫「到處看設計」，以後每週會跟大家分享一些設計上大大小小的東西，身為一個還算蠻不會整理資料的人，常常被資訊的洪水沖個眼花撩亂，希望能藉由這樣的分享也給自己一個機會可以好好整理自己的思緒，透過分享留下自己真正覺得比較好的東西。初次寫部落格有很多不盡之處，也請大家多多指教了！
附上裝可愛的和服照一張！大家新年快樂
本文授權自《25sprout》，作者：小蓮
