【交互設計】 也許這些才是你作品集最需要的

HArt藝術留學大咖

倫敦藝術大學碩士，本科畢業於中央美術學院藝術設計系。曾在奧美、livework負責品牌及平面設計以及用戶體驗設計工作，現於Intel London從事UE/UX設計工作。具備英國用戶體驗專業背景，系統的產品和服務設計思維。

今天的分享主要要分三部分，第一部分和大家介紹一些現在做的比較好的設計作品社區，包括一些藝術作品分享網站等。可以幫助大家尋找靈感，裡面的一些好的案例，也可以成為大家作品集中second research的一部分，也算是一種casestudy。

第二部分給大家介紹的一些網站是比較偏學術性的網站。這些網站會發表專業性、學術性很強的文章，大家在現在的階段讀這樣的文章，一方面可以增加自己對所要學習專業的專業性的了解，另一方面可以學習的最前沿，最系統的理論知識。

第三部分我會給大家介紹現在平台上可以利用的工具，現在有很多公司都將他們內部資源開放原始碼，像我們所熟知的Facebook，它開放了很多內部的設計資源素材，其實也是為我們所用，有針對性使用這些template。

一、設計作品社區

1、 uplabs

第一個給大家介紹的網站叫uplabs。如果同學們對behance或者dribbble很熟悉，我相信大家對uplabs也一定不陌生，它是一個很好地為設計師打造的資源推薦社區，上面彙集了很多前端設計作品，還有大量的android和ios UI這樣的資源。

另外uplabs也有很好地marketing功能，大家可以去免費或付費下載資源。

2、collect UI

第二個給大家介紹的是 collect UI。它是一個基於dribbble的每日資源推薦社區，同學們可能會感覺有點奇怪，因為如果它是僅僅是dribbble的「再分享社區」，那麼它和dribbble網站似乎就不會有很大的區別。

其實並不是這樣的，因為collect UI都是通過人工篩選的方式來保證這個社區有很高的質量，我們可以看到在左側列表欄劃分出了不同的頁面類別，比如sign up、landingpage、user profile，這樣我們在搜索不同類別時可以很清晰，尤其是同學們在做同學們在做app的項目時候。

3、site inspire

第三個網站是 site inspire ,一聽這個名字就知道這是一個尋找靈感比較好的網站。

這個網站收錄了很多的網站交互型比較優秀的作品，會分為不同的風格和類型，包括不同主題的網站，我會比較關注這個網站是因為很早看它上面有推薦的網站其實很有視覺衝擊力的，算是比較前沿特別是在排版上比較簡潔同時會有很高的格調，我覺得如果對板式很關注的同學可以多看一些這樣的作品。

4、 one page love

第四個網站叫做 one page love 。這個網站彙集了很多優秀單頁，也有很多模板和資源，有20多種基於行業的分類，你會發現它沒有像其他作品集網站的頁面，它會將大家的注意力集中於界面，模板主題很直觀，所以你可以很輕鬆地找到自己喜歡的不同行業的模板。

5、 resource cards

第五個網站是 resource cards，這個我覺得是一個特別給力的比較結合性的網站。

如果我們對設計還沒有很多了解，如果你的設計收藏夾還為零的話，僅僅這一個網站就可以解決很多問題，因為它的resource cards是一個專門為設計師提供豐富資源的網站，這上面有不同的卡片類別，每一個卡片類別下面都會有相應下一級的分類，每一個小小的卡片都是一個收藏夾。

6、 dribbble、behance

最後兩個網站，一個是dribbble另一個是behance。

對設計有一定了解的同學應該很熟悉這兩個現在做的已經很著名的設計創意社區，有很多包括全球的優秀設計師都會在上面進行作品的分享交流，也可以看到不同作品的反饋。

以上7個網站基本上就是第一部分和大家介紹的，可以幫助大家發展靈感，對大家做research有一些有幫助的平台。

二、學術性、概念性較強的網站

1、smashing magazine

第一個網站叫做smashing magazine（門檻會有一點高），這裡面的文章比較綜合包括整體的質量很高，很適合做用戶體驗的同學來關注。

它比較適合美國留學的同學，因為其實美國會對交互有一些技術性要求，會需要你有coding的能力，需要你有交互的能力，其實這裡面也有涉及到這樣的分類，比如coding，mobile都會有偏向這樣的文章。smashing magazine裡面的文章總體的質量很高篇幅很長，我不知道現階段大家的英語能力怎麼樣，但是我覺得大家可以一篇一篇堅持讀下來我相信對大家這樣的專業辭彙的能力的提上還是很高的。

2、 ux booth

第二個網站是ux booth,它其實是個偏向於用戶體驗的文章的彙集網站，與上面的smashing magazine主要的區別的在於是更聚焦於用戶體驗這樣相關的方面，整體具有很系統很嚴謹的學術性，很系統很嚴謹。三個功能都很棒，一個是交互，一個是acceptability，還有一個偏向於可用性測試也很不錯。

3、 ux magazine

第三個是ux magazine，這裡的文章和上面其他的網站上的相比更短小精悍一些。比較會用通俗的案列講解理論知識，分析得很有理有據，可以作為大家二手調研里的素材，同時會有一些結合心理學與設計的探討，與上面幾個相比會比較容易理解。

4、designmodo

第四個是designmodo，這個網站前一陣子很風行，上面會有很多關於webstyte的一些文章。

designmodo介紹了很多設計前沿與趨勢，這裡面有兩個元素很不錯，一個是inspiration（靈感），一個是resorts（訴諸）。inspiration裡面的內容很新穎，resorts有一些很實用的小工具和一些大家可以測試方法性的工具。我們在主菜單上面可以看到shop,這裡面是許多有想法的設計師分享的作品。

5、 web design

第五個是web design。我最初關注這個網站其實是被它的視覺設計所吸引，它的視覺設計確實做的很棒，關注一段時間你會發現這裡面的內容很新穎，很適合持續關注，這裡面會精選互聯網裡優質的文章，這上面的漫畫都是由職業的漫畫家親自手畫而成。

另外web design 在主菜單裡面有一個freebies的模塊。這裡面有很多優質的資源大家都可以去下載。

6、 Facebook design

第六個是Facebook design。這個頁面結合了Facebook的設計師所製作的免費設計資源，因為目前你可以看到很多互聯網公司它都有將公司內部資源開放出來再做開源，如果你想知道這些前沿的企業他們是如何做這些設計，你都可以下載這些素材看到這些原始的文檔。

如果同學們在做作品集中有APP這樣的項目，這裡面有很多模板，你不需要再去拍照就可以用你最後做的interface（介面）去植入到這樣的圖片裡面。因為這個網站上線的時間不是很久，所以上面的資源不是很多。

三、平台上可以利用的工具

1、 workMark

它是一個可以幫你快速比較不同字體、選擇字體的工具，你可以簡單輸入你想要測試的文字，設置它的字體大小，就會在下面實時的顯示出實時做一個比較。當大家在看英文書籍時你可能會發現一個非常好看的英文字體，但是因為它的紙質的，我也沒有辦法去得到這個字體是什麼，其實這個時候掃描一下把它植入到平台裡面會自動幫你識別出這個字體，來方便你日後的使用。

2、 LOL COLORS

這是一個設計師獨立設計、獨立coding 的網站。這上面提供了很多不同顏色的配色方案，每一組有四個顏色，大家如果看到這上面有合適的配色方案，可以簡化大家的設計流程。

3、 coolors

我們可以卡到這也是一個配色網站，相比於上一個它的功能會更豐富一些，可以微調每個顏色的亮度，飽和度與色相。這裡有一個很好的功能，你會看到如果上傳一張圖片，它會幫你解析圖片的配色方案，最後你可以導出保存到調色板裡面。

④4、Icons for Everthing

這個網站可以簡化你的icons設計路徑，如果我們在做作品集排版的時候，我們經常會用icon做導引，在這樣的平台都可以找到合適的icon。

5、 Iconjar

這是一個偏向組織管理的搜索使用圖片的工具，大家可以在這上面下載不用的icon page，一方面是可以使用，另一方面是可以學習我們在做icon set的時候需要去遵循哪些規則。

6、 place it

在做用戶體驗，交互，服務設計的時候其實都會分4個部分，第一個部分是我們需要去發現一個實際問題；第二是定義一個核心的痛點；第三是去展示我們的設計結果；最好要把設計結果放入到一個真實的情景中去測試，從用戶的身上得到反饋。

這個place it其實就是幫助我們在最後在得到設計結果的時候自動生成最終場景的圖片，你只需準備好你的interface直接把它植入到這個環境里，不需要去修改，去ps。

⑦7、Pexels、 Adobe Stock、Shutterstock

最後給大家介紹的網站分別為Pexels、 Adobe Stock和 Shutterstock。

其實不用過多的描述，這三個都是屬於圖庫的性質，如果大家在排版在做作品集時候沒有合適的圖片又沒有辦法去拍照可以來這裡。

以上就是我要告訴大家的網站了，基本上都是一些平台，軟體工具類。無論這些平台還是工具，都只是我們設計的一環，我覺得更重要的是同學們需要在生活中學會發現Pain points，找到痛點，用設計去解決問題。尤其是交互與用戶體驗的同學，你需要去用你的設計結果去改變別人的行為，我覺得這是用戶體驗交互的核心。

————————————————————————————————————————

歡迎關注我的專欄：作品集分享portfolio

推薦閱讀：