除了Behance和Pinterest,還有哪些設計靈感網站

除了Behance和Pinterest,還有哪些設計靈感網站

來自專欄艾體驗AIUX49 人贊了文章

越來越多的設計師都會在Dribbble、Behance、Pinterest這些網站上去尋找設計靈感,隨著不同行業的設計師湧入這些平台,內容也開始變得多元起來。

而對UI/UX設計師來說,除了這些網站,還有哪些可以激發靈感的產品呢?

本文一共有10個推薦,整體涉及到了UI、交互知識、產品設計、交互動效等4個方面,記得耐心看完哦。

UI及動效篇

都說聞道有先後,術業有專攻。下面日簽君就為設計師們推薦3個專註於UI和動效的網站。

UI movement

UI movement是一個專註於移動APP的動效靈感網站,目前已經有超過3000個UI動效展示,而且每天都會更新一些UI動效。這些UI動效都是從各個優秀的設計網站/個人網頁中採集而來。和UGC社群不同的是,這些動效設計都有專人審核,通過後你才能看到這些優秀的UI動效。

目前一共有超過50個分類可以供你參考,滿滿的都是靈感!

https://www.zhihu.com/video/1003698386880589824

NAVNAV(可能需要科學上網)

如果你最近剛好在為導航欄設計而煩惱,就趕緊來看一下NAVNAV吧!這是一個專註分享導航設計的靈感網站,它搜集了來自各類關於APP和Web的導航設計。

只是導航搜集當然是不夠的,NAVNAV裡面還提供DEMO演示,而且他們都是可交互,通過自己對DEMO的體驗,能夠更好地幫助你體驗到設計者的理念。不但如此,每一個導航設計點進詳情,還可以看到動效實現的代碼。

https://www.zhihu.com/video/1003698445663649792

Collect UI

如果按照160+個小類,每個小類下有80+ UI元素的平均值來算的話,Collect UI已經搜集了10000+的UI元素了。

儘管目前Collect UI搜集來的元素基本是來自於Dribbble,但Collect UI裡面的元素都是經過人工篩選的,保證你看到的都是UI設計中的精華。

隨便舉個例子,自行感受一下Collect UI裡面的元素質量有多高!

產品設計篇

好的用戶體驗是一個產品成功的關鍵因素之一。通過對優秀產品的設計方案進行拆解,不但可以進行產品思路的學習,還能夠拓寬設計思路。下面來看日簽君為大家準備的4個關於產品設計的推薦。

Pttrns(可能需要科學上網工具)

在做競品分析的時候,會涉及到要找大量關於競品的產品截圖。作為職場新人,如果你沒有很好的產品截圖習慣,不妨去Pttrns看看。

Pttrns目前已經收錄了超多7000+張有關移動端產品的界面截圖,不過它僅僅只展示了截圖的內容,沒有描述性的信息,這就需要設計師有一定的理解能力了。

Really Good UX

Really Good UX採用了分類+產品名的形式收錄了一些知名產品的截圖,諸如Dropbox、Instagram、Medium等。除了拆解設計流程以外,還會附上他們的設計解讀,從而更好地理解設計師的理念。不過目前Really Good UX分類相對較少。

Page Flows

靜態的截圖相對來說,感知性會差一點,讓人不太好理解整個設計流程。page flows額外提供了「視頻解說功能」。

在演示視頻中,每一步都有對應的步驟操作解說,保證你能夠看明白。但只能看到一部分產品的流程解析,如果要查看全部產品,需要每年支付$39-99。當然,土豪請隨意購買。

https://www.zhihu.com/video/1003698526949298176

艾探所

最後向大家推薦的是一個擁有超多產品小案例的小程序——艾探所,不但每天都會更新一張產品截圖+動效演示視頻,而且還會有專門的設計大咖來為大家進行設計解讀。

最近這幾周,艾探所邀請了資深智能交互體驗專家——Amy;站酷、Be推薦設計師——Kingyo;App Store年度應用卡卡健康聯合創始人——喬爺等3位設計大咖進行設計解讀。

想看3位大咖都在艾探所解讀了什麼內容?趕緊去微信搜索【艾探所】吧~

最後,千萬別收藏!

收藏了也不一定會看,建議你直接分享,說不定刷刷朋友圈還可以繼續溫習

更多精彩推薦

▽書單推薦

感恩節沒有火雞,只有這份UX入門書單?

mp.weixin.qq.com圖標

▽效率提升

一套icon還要改改改改幾遍?四招提升你的效率?

mp.weixin.qq.com圖標

▽動效設計

引導用戶,增強產品功能認知 | 動效設計指南(一)?

mp.weixin.qq.com圖標

每周,艾體驗都會向大家分享一些有關於設計師/設計的文章,包含了產品設計的乾貨、實戰的案例、心理學分享等等。想獲取更多關於智能交互體驗設計的乾貨,就趕緊關注我們的專欄吧!


推薦閱讀:

教你如何自學UI設計
《如何做一張漸變插畫》
早安設計教你「玩」留白

TAG:平面設計 | 視覺設計 | 交互設計 |