UI 設計師經常上哪些網站尋找靈感?


平時比較常上的設計相關網站,主要分成設計規範、設計作品類和理論觀點類

設計規範

這是做UX設計非常非常非常重要的一塊,凝聚了Google和Apple的設計精華,熟悉各平台的設計規範,一方面能設計出符合該平台特性的設計,另一方面也能少走很多彎路提高效率。

Google Material Design設計規範

Google Design

iOS設計規範

iOS Human Interface Guidelines: Designing for iOS

設計作品類型的

站酷站酷 (ZCOOL)

這應該在國內設計圈影響算是最大的設計網站了,各類型的設計師都會在上面發作品,每天都會在上面看國內的設計作品。

UI中國(前iconfans)UI中國-專業界面設計平台

個人更多是在裡面看文章和觀點類,也有不少翻譯的理論資源。前段時間校對Material Design設計規範時也會把裡面的文章作為競品對比。

在作品的豐富程度上面比不過站酷,很多設計師都會一個作品同時在站酷和UI中國發。

花瓣花瓣網_圖片社交領導者,發現、採集你喜歡的一切

主要用於收集、瀏覽各種分類作品和查找設計作品,在做設計的時候會經常上,相當於一個強大的在線設計圖庫。

理論、觀點類

優設優設-UISDC: 優秀網頁設計聯盟-SDC-網頁設計師交流平台

主要在上面比較零碎地看設計相關的文章,種類還是挺豐富的,從教程、設計教程、理論觀點、素材、設計師生活等都有。信息多,同時也要自己篩選好哪些是水貨哪些是有用的。

Be For WebBe For Web | 為網而生

國內一設計師的博客,經常都會更新原創譯文,博主單槍匹馬堅持這麼久去做這件事情,挺屌的。

曉生的博客曉生 | 和他的小夥伴們

前愛奇藝設計經理的博客,會不定時更新自己的設計觀點和一些設計訪談。

Elya的博客落花流水——elya妞╰

百度雲UE負責人的博客,也是挺多有用的設計相關知識和觀點。

Hi-id的博客[ i D 公 社 ] · 發現有意味的設計

國內很屌的設計師,知識面很廣。現在博客談得更多的,是更深層次的反思和理論。

除了這些,還有各個互聯網團隊的官方博客

如阿里的阿里巴巴(中國站)用戶體驗設計部博客、Alibaba UED

騰訊的騰訊MXD移動互聯網設計中心、騰訊CDC、騰訊ISUX – 社交用戶體驗設計

百度的百度MUX

等等等等,數量較多相對個人博客也更有知名度,余不一一。

當然,還有我大UC RED設計中心的博客,最近也在做改版和內容更新 UC優視用戶研究與體驗設計中心-R.E.D

以及國內比較頂尖的設計公司網站 如 EicoDesign、RigoDesign、ARKDesign等,會經常去看這些設計團隊更新的項目作品和設計觀點。

------------------------------------------------------------------------------------------------

國外上得更多的就是

BehanceBehance

最近Behance上得比Dribbble更多了,因為Behance上是以項目的形式展現的,能看到整個設計項目包括他們的一些設計過程,並且圖+文+視頻,更能看清實際設計項目的全貌,去推導、思考老外的設計。

DribbbleDribbble - Show and tell for designers

也是每日比上網站,世界各地優秀GUI設計師雲集,在上面經常都能看到一些讓人驚喜的細節點設計。不足是往往只能窺探一角,看不到整個設計。建議新人多上Behance而不是Dribbble,先理解設計,再去摳細節摳圖標會更好。

PttrnsPttrns - Mobile User Interface Patterns

經常會更新一些新的設計得比較好的APP界面截圖。

AWWWARDSBxxlght - Site of the Day November 01 2014

這個相對少上點,偶爾在上面瀏覽下新作品。

除了這幾個最常上的,還有各個老外設計團隊的網站了,如

Cloud Castle

Cuberto Agency: Design Develop Websites, iOS Android applications

Flat Preloaders

------------------------------------------------------------------------------------------------

如上,數量上可能比不過其它的答案。這是自己篩選出來質量較高、信息更新較及時的設計類網站。因為現在信息越來越多,而且很多設計網站都是直接從其它地方Copy過來又算是一篇新文章了,與其多不如精,每天打開一堆網站開著類似的內容,各個標題上都寫著「乾貨」「必備」啥的,也挺噁心的。

作為一個設計師,必須有自己的判斷能力和較廣的知識面,少聽乾貨少被忽悠,多看書少上網。

別整天盯著自己的一畝三分地沉迷設計網站和設計作品,設計再好看沒有商業價值也是沒用。看點別的更有益,推薦:

知乎 - 與世界分享你的知識、經驗和見解

36氪 | 關注互聯網創業

NEXT | 不錯過任何一個新產品

極客公園 - 發現產品的價值!

數字尾巴-分享美好數字生活

首頁 - 簡書

V2EX

少數派 - 發現優質應用

TED_網易公開課

等等


精選幾個我覺得非常不錯的UI設計/創意/ 靈感 網站:

1-

BWG (https://bestwebsite.gallery/ ):

一個品味獨到的設計師收集了近十年的網站集。

從2008年至今,一個品味獨到的設計師兼開發者,堅持做這件事:收集全球最美設計網站。

透過這些網站能看到來自全世界的、關於網頁設計的創意和靈感碰撞。BWG本身的設計也是一個亮點,大面積的卡片式內容陳列,簡潔大氣。最貼心的是,無需站外打開就能看到所有頁面的拼接展示。

2-

One Page Love(One Page Love)

你設計的單頁網站能比它們漂亮算我輸(

如果你想設計一個優秀的單頁面網站,又不確定什麼才算好的單頁設計,One Page Love絕對值得一看。Inspiration中有不同類型的單頁網站可供參考。Templates中同樣有細緻分類的單頁模版,部分免費下載使用。

3-

AWWWARDS (https://www.awwwards.com)

AWWWARDS是一個非常良心的網站書籤集,從關注設計趨勢的角度收納呈現國外流行的、受歡迎的網頁設計風格趨勢。

它最大的特色在於建立了一個多維度的評分體系,AWWWARDS的註冊用戶可以對每一個網站進行評分,包括設計、實用性、創意、內容四個方面,它對用戶也有評級機制,資質越高的用戶打分越靠前顯示,具有參考價值~

4-

NavNav(NavNav)

這個網站和導航杠上了...看不完的頁面導航設計!

NavNav從全網搜集了大量優秀的網頁導航設計樣式,每一個都支持查看代碼演示,設計師朋友們可以來這裡盡情尋找靈感,也可以分享給你的前端小夥伴。

5-

Muuuuu(http://muuuuu.org/ )

在一站又一站的日式風光里,看會那些獨特的頁面設計。

瀏覽日本的網站設計,就像瀏覽日本的風景一樣,自成一派,令人難忘。極致中透著欲說還休的含蓄,輕活,不張揚,凝鍊,又閑適......其中許多細微的人性化交互設計值得借鑒。

如果想一次看夠優質的日式風格網頁設計,Muuuuu就對了。

6-

FWA (https://thefwa.com/)

十七年如一日,一直走在設計界最前沿。

FWA從2000年成立至今,持續推薦全球最前沿、最具原創性的創意作品,已成為全球最權威的數字媒體網站收錄平台之一,受到全球設計精英的青睞。內容豐富且優質,推薦大家收藏瀏覽。

7-

Reeoo (Reeoo - web design inspiration and website gallery)

一位中國設計師用七年時間打造的「收藏夾」。

Reeoo是一個全而精的網頁設計靈感及設計素材資源站。這裡收錄了大量優質站點,可以選擇瀏覽相似配色的網站。同時收錄推介了諸多優秀設計師及其個人作品。還有分類細緻的素材資源可供下載。

8-

Envato tuts+( https://tutsplus.com/tutorials )

23000+教你「怎麼做…」的設計實用教程乾貨。

Envato里這個叫How-To Tutorials的欄目下,有超過兩萬個和設計相關的實用內容,都是具體的「How-to?」和對應教程。如果閱讀英文沒有太大障礙,這裡絕對是設計師們尋找靈感、實踐進階的好去處。

你可以在遇到問題時進行搜索,也可以把它作為日常學習的「題庫」,看看它提出的那些How-to,有哪些是你感興趣但一時想不到怎麼做的呢?

9-

Collect UI (Collect UI)

每個UI設計師的收藏夾里都應該有它。

Collect UI每日更新高質量UI作品,它最棒的一點在於歸類詳盡:404頁面,登錄登出,消息提示,不同類型的按鍵,等等,分類多達100多種,可以從網站左側快速定位進行瀏覽。遇到喜歡的作品,還可以直接追蹤到Dribbble關注它的作者。

從收錄作品數量、質量再到分類,Collect UI在同類型網站中都算比較優秀的,推薦設計師們收藏。

10-

Niice (https://niice.co)

來這裡找靈感根本浪費時間......下翻到停不下來了。

圖集網站那麼多,Niice絕對是值得關注的一個,收錄品質不輸Pinterest。每張圖片右上角都有一個小波浪線的標誌,看到喜歡的圖片之後點擊它,就能顯示更多和這張圖片風格匹配的圖片,配合關鍵詞搜索,你幾乎能在這裡找到你要的一切,一直向下翻到停不下來。

希望以上這些能對你有幫助。如果想要持續不斷每天發現更多來自全世界的優質設計靈感好站,那麼請容許我稍稍推薦下自己:http://www.seeseed.com


  • 蜜豆(http://mildou.com)
  • 堆糖(http://duitang.com)
  • 花瓣(http://huaban.com)


列一些個人平時上得的比較多的:

各平台設計規範(這個不算網站)

安卓5.0 Material Design

ios8:iOS8詳細規範

安卓holo:Android的界面設計規範

設計師論壇:

behance: www.behance.com

dribbble: www.dribbble.com

站酷: 站酷 (ZCOOL)

ui中國:UI中國-專業界面設計平台

圖片:

花瓣 : www.huaban.com(採集圖片的插件非常實用)

pinterest:www.pinterest.com/

行業名博:

騰訊CDC:騰訊CDC

騰訊ISUX:視覺設計-騰訊ISUX

騰訊TGideas:TGideas-騰訊遊戲官方設計團隊

淘寶UED:TaoBaoUED | 做地球上最好的 UED

支付寶設計團隊:I F E D |螞蟻金服

百度MUX:百度移動用戶體驗部

百度用戶體驗部:百度用戶體驗部官方網站(大UE)

百度SUX: Blog | 百度搜索用戶體驗中心

新浪微博UDC:微博UDC | 讓設計無「微」不至

360UXC: 360uxc | 360UXC用戶體驗設計中心

行業資訊:

虎嗅:虎嗅網

36氪:36氪 | 關注互聯網創業


《國內外人氣UX/UI/PD設計社區推薦,純乾貨 》

作者:Berry

對於很多人尤其新手而言,要把握最新的設計動態及發展趨勢,似乎不是一件輕鬆的事情。如果你也像我一樣是個設計小白,而且正在擔心自己設計的作品是否符合客戶需求、煩惱找不到設計解決方案、得不到有效的用戶反饋,那麼你可以看看這裡推薦的UX/UI/PD設計社區及論壇,也許可以得到一些啟發。

1. Dribbble

Dribbble是國外一個很出名的社區以及社交網路平台,它致力於幫助設計師建立團隊和品牌。你可以從它的首頁捕捉到當下流行的設計作品,但不是任何人都可以發布在線作品的。這裡有很多網頁設計師、平面達人、插畫畫家、印刷師以及logo設計師等,可以分享和評論他們的設計作品。

2. Mockplus Community

作為原型設計工具中的後起之秀,Mockplus現如今也開放了在線社區,幫助有需要的用戶以及感興趣的小夥伴分享他們的設計資源和想法。同時,官方會定期更新不同主題的設計模板,供小夥伴們參閱。如果積極貢獻話題,或者幫助解答問題的話,還可以得積分哦,不信你試試?鏈接為中文地址。

3. UX Mastery Community

這個社區的主要人群為UX設計師,並幫助他們更好地改善自己的設計方式。在這裡,你可以尋求同行的專業設計建議,或者通過導師來獲得職業相關的建議。

4. UX Design Community

UX Design Community現在已經有600個UX設計師,它倡導大家一起交流、共同成長,是一個比較有活力而且有親和力的社區。但是,你需要先去它的網站註冊得到邀請後,才能加入哦。

5. User Experience Stack Exchange

這也是一個關於用戶體驗設計的社區,這裡有UX設計師、信息架構師和人機交互設計師等,允許任何人提問或者解答問題。值得注意的是,它是Stack Exchange網站QA板塊的一個小板塊。所有這裡的問題都會被標記成不同的主題,比如「可用性」、「網站設計」、「交互設計」、「用戶行為」等。

6. Web Designer Forum

這是一個英國的設計師論壇,目前有超過3000個成員。如果你想要單獨與英國的設計達人切磋、交流一下的話,那麼你可以進來試試看,有很多內容板塊也是值得探索的。

7. Graphic Design Forum (GDF)

GDF可以說是國外最早、最大的平面設計論壇之一。它現在已經有超過2萬的成員了,規模大而且活躍。裡面有很多板塊,比如:網頁設計資源、網站開發、網站營銷與業務、軟體/硬體等等。

8. Sitepoint Forum

Sitepoint也是一個比較大型的社區,迄今為止有超過25萬個成員了。在這裡,你可以找到編程技巧、商業建議等各類所需要的資源。具體而言,你可以找到關於PHP、HTML、JavaScript、CSS、市場營銷、資料庫、UX設計和網站託管等內容。

9. Designer News

它創建於2012年,是一個討論和分享設計行業有趣訊息的社區。作為一個全球社區,Designer News主要是由從事設計和技術工作的人以及對這些主題感興趣的人所組成。這裡的所有人都可以通過「投票」的方式,來鑒定哪些是內容優質的分享。

10. Hacker News

Hacker News基本上是一個專註於創業和計算機科學的社交新聞網站。它有點類似於早期的Reddit網站,但不同的是,這個網站不允許用戶投「踩」票。在這裡,任何話題都可以被分享和討論。

11. How Design

這也是國外的一個人氣社區,幾乎每個人都曾聽說或者使用過。這裡有很多分類,比如「新聞」、「設計業務」、「互動」、「設計職業」、「在線學習」、「競爭對手」等。這是與各類設計師交流、碰撞出靈感火花的地方。

12. Designers Talk Forum

這是一個很活躍的論壇,界面保持著簡潔的設計,有大部分內容是關於編碼、網頁設計等。同時,它也有涉及平面設計及網頁設計方面,現在郵25,000名成員。

結束語

線上社區無疑是與他人分享和交流想法、作品的很好的地方,也可以促進個人創造力。除了上面提到的社區,你在網上還可以找到很多,如有推薦,請留言分享,謝謝。


簡要回答下:

一般大家都會推薦我這裡就不重複了,現在大家的時間都很緊,挑一些不會注意到的好網站——

國外:

1、Dribbbleboard(看英文眼熟么?著名的三蹦子網站一個衍生品,這個更實用交互也更簡潔,瀏覽速度更快如果你沒翻牆的情況下,@2X大圖展示更方便)

2、Fribbble - Free PSD Downloads and Resources from Dribbble(再看是不是也眼熟?沒錯,還是三蹦子的衍生品,直接給你免費PSD,學老外的技法,就從這裡入手)

別和我說站酷的資源更容易下,你走開

3、Latest free PSDs other resources for designers(也是免費PSD,不過這個是Behance的)

國內:

1、網址 - 騰訊設計導航(如題,一個綜合的導航網站)


網頁的話 一定是http://www.awwwards.com 上面是通過投票評選的全世界範圍內 最好的網頁設計 評選的標準是包括設計 用戶體驗 交互 多個緯度 每個項目都會單獨打分 而且按照日排行 周排行 月排行 年排行 排名 所以 那上面的網頁設計就是最前沿的設計趨勢 每個作品都會激發一個設計師 那種:我咋沒想到呢 一定要試試的心情 。


behance

Dribbble

Pinterest

500px

以上是我個人認為比較好的。behance 需Adobe家賬號登入

下面來比較這四者優勝:

Behance:國外設計師比較常用的軟體。缺點:搜索引擎做的比較差,比如搜索poster就不一定出現poster,而是跟首頁差不多的奇怪的頁面。優點:圖庫全,不僅包括ui設計,各種攝影,插畫,海報,也都有。門類齊全,圖片質量高。

PS:牆裂安利給不能翻牆的同學!國內不翻也順暢無比!支持安卓跟iOS,wp有第三方軟體但是比

較卡頓。

Dribbble:沒錯,有三個b!缺點:翻牆使用更流暢,準確說是不翻根本用不了,圖片刷不出。優點:同上。

PS:他的WP版本做的比behance更差了

下圖為沒有連VPN:

Pinterest:

缺點:翻牆才能刷得出圖片、wp沒有開發。只支持iOS跟安卓系統。圖片版權做得好,對於想要盜圖的人可能是缺點。

優點:1、搜索引擎做的超棒!可以直接搜索關鍵詞,可以多個關鍵詞疊加搜索。這方面算是比以上兩家好。2、圖片版權做得好。3、個人認為這個LOGO跟他們家的ui是最搭的,pin it!!!也是一個釘子的圖標,真是形象生動!

500px:

有中國版跟外國版,建議下載中國版。因為外國版登錄比較麻煩而且中國版也可以看到外國版的圖片。跟以上三者不同,這個主要是攝影,是一個攝影社區,相比以上三者門類較少。但圖片質量也很高~

下拉圖片還可以顯示圖片設備來源時間地點 攝影參數等

最後,安利完了,答主深夜碼字也很辛苦,泥萌還不快下一個!!


試試這個:藍調設計 也許能幫到你!


這個導航 你想要的都有

http://www.userinterface.com.cn/


為什麼都是素材網站,沒人看設計博客嗎?強烈推薦medium,Google、Facebook等各種大牛設計師都會在上面分享設計乾貨及設計心得。雖然沒有實在的素材,但是我認為設計師只有掌握了設計的核心思想才能產出更好的作品,不然下載一堆素材那也只是別人的靈感,並不真正屬於你!


SDC設計師網址導航 - 學設計從這裡開始!


雖然我不是UI,但是沒有人強烈推薦Dribbble?


有很多,模式庫/黃蜂網/iconfans/dribbble......


以前用http://byt2.com/ 這個網站,可以直接下載資源。有很多小圖標 ico 感覺還不錯


wow-trend,熱點趨勢非常棒的一個網站


棒!!!


感覺設計師並不是搬運工,很多人推薦的是素材庫,各種素材庫,確實,需要素材不假,但真正的靈感和技巧看素材是遠遠不夠的,之前一直關注百度ui,騰訊ui還有新浪的ui開的博客,可能很多人要笑話我了,(看博客?大叔是不是out了!)不過確實自己以前非常愛看這些,還有淘寶的設計師博客都很有深度,他們上面基本沒有素材,但更多的是技巧和感覺!這才是一個ui者需要增長的!

這種技術或者是設計分享博客大多是用wp博客系統弄的,樣式上可能並不出彩,但內容才是真正的乾貨!連接就不上了,有心人自己都能找到的!


設計師專用工具-就要so

這個網站 集合了 昵圖網 花瓣網 海洛創意 站酷天下 ui中國 等 幾個設計師常用的網站。以前設計師在找靈感的時候可能需要找好幾個網站,需要把關鍵詞輸入好幾遍 或者粘貼複製好幾遍。

而這個網站不需要,只輸入一遍關鍵詞即可,然後點下方的按鈕切換不同網站的結果。下面幾張是部分截圖


花瓣。。。


推薦閱讀:

有哪些跟 iPhone 攝影相關的網站值得推薦?
設計師怎麼做一個個人設計網站?
哪些網站或者產品的「耍流氓」行為使你印象深刻?
有什麼國外的優質網站推薦?
有那些免費創建網站的方法?

TAG:網站 | 用戶界面設計師 |