除了Behance和Pinterest,還有哪些設計靈感網站
來自專欄艾體驗AIUX
49 人贊了文章
越來越多的設計師都會在Dribbble、Behance、Pinterest這些網站上去尋找設計靈感,隨著不同行業的設計師湧入這些平台,內容也開始變得多元起來。
而對UI/UX設計師來說,除了這些網站,還有哪些可以激發靈感的產品呢?
本文一共有10個推薦,整體涉及到了UI、交互知識、產品設計、交互動效等4個方面,記得耐心看完哦。
UI及動效篇
都說聞道有先後,術業有專攻。下面日簽君就為設計師們推薦3個專註於UI和動效的網站。
UI movement
UI movement是一個專註於移動APP的動效靈感網站,目前已經有超過3000個UI動效展示,而且每天都會更新一些UI動效。這些UI動效都是從各個優秀的設計網站/個人網頁中採集而來。和UGC社群不同的是,這些動效設計都有專人審核,通過後你才能看到這些優秀的UI動效。
目前一共有超過50個分類可以供你參考,滿滿的都是靈感!
![](http://i1.wp.com/pic3.zhimg.com/80/v2-7c06bf467adfa2545e36c3040ceb3472_b.jpg)
NAVNAV(可能需要科學上網)
如果你最近剛好在為導航欄設計而煩惱,就趕緊來看一下NAVNAV吧!這是一個專註分享導航設計的靈感網站,它搜集了來自各類關於APP和Web的導航設計。
只是導航搜集當然是不夠的,NAVNAV裡面還提供DEMO演示,而且他們都是可交互,通過自己對DEMO的體驗,能夠更好地幫助你體驗到設計者的理念。不但如此,每一個導航設計點進詳情,還可以看到動效實現的代碼。
![](http://i1.wp.com/pic4.zhimg.com/80/v2-6b05463580b1151ab881765a4cea9723_b.jpg)
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入門書單![圖標](http://i1.wp.com/pic3.zhimg.com/v2-2d9ceed78978badf52f685b50ced44c6_ipico.jpg)
▽效率提升
一套icon還要改改改改幾遍?四招提升你的效率![圖標](http://i1.wp.com/pic3.zhimg.com/v2-2d9ceed78978badf52f685b50ced44c6_ipico.jpg)
▽動效設計
引導用戶,增強產品功能認知 | 動效設計指南(一)![圖標](http://i1.wp.com/pic3.zhimg.com/v2-2d9ceed78978badf52f685b50ced44c6_ipico.jpg)
每周,艾體驗都會向大家分享一些有關於設計師/設計的文章,包含了產品設計的乾貨、實戰的案例、心理學分享等等。想獲取更多關於智能交互體驗設計的乾貨,就趕緊關注我們的專欄吧!
推薦閱讀: