設計師們做UI設計和交互設計、界面設計等一般會去什麼網站呢?

相信大家都不是憑空想像吧!一般去什麼網站呢??
求告知,謝謝親們了·······


常用圖標搜索引擎

1、IconPng.com 愛看圖標網,免費中文圖標搜索引擎! 中文網站,支持中文、英文搜索

2、Icon Search Engine 中文網站,只支持英文搜索

3、Icon search engine and market place 英文網站,只支持英文搜索

用戶體驗團隊網站

1、UCD大社區 http://ucdchina.com/

2、騰訊WSD 騰訊MXD移動互聯網設計中心

3、騰訊CDC 騰訊CDC

4、騰訊ISD http://isd.tencent.com/

5、淘寶UED http://ued.taobao.com/

6、著片會 http://www.shupianhui.com/

7、口啤UED http://ued.koubei.com/

8、阿里UED http://www.aliued.cn/

9、阿里媽媽UED http://ued.alimama.com/

10、163UED http://www.ued163.com/

11、搜狐UED http://todd-lee.net/blog/


專業UI設計團隊

1、eico http://www.eicodesign.com/

2、FaceUI http://www.faceui.com

3、西安超人科技 http://www.skyui.net/

4、Reooo http://www.reooo.com/

5、Rigo http://www.rigodesign.com

6、ICON http://icon.cn/cn/

圖標設計及素材

1、中文圖標搜索 IconPng.com 愛看圖標網,免費中文圖標搜索引擎!

2、http://www.fasticon.com/

3、http://dryicons.com/

4、http://www.icotrip.com/

5、提供搜索http://www.icones.pro/

6、國外圖標http://weloveicons.com/

7、圖標搜索 Icon search engine and market place

9、http://www.freeiconsdownload.com/

10、http://www.freeiconsweb.com/

網頁、UI設計門戶

1、站酷http://www.zcool.com.cn/

2、八隻熊http://www.8bears.com/coolsite/

3、國外網站欣賞http://www.thefwa.com/

4、網頁設計師*http://www.68design.net/

5、我愛設計網http://www.52design.com/

6、藍色理想http://www.blueidea.com/

7、視覺中國http://www.chinavisual.com

8、創意視覺http://cvsion.com/

9、國外設計門戶http://www.deviantart.com/

10、合子UI http://www.boxui.com/

11、酷點http://www.koodian.com/

12、優艾網http://www.chinaui.com/

13、中國UI設計師大社區http://www.uirsss.com

14、UI製造http://www.uimaker.com/

15、UI設計網http://www.worldui.com/

16、iconfans http://www.iconfans.org

17、uisheji http://www.uisheji.com

18、uiimg http://www.uiimg.com

19、UIrss http://www.uirss.com

素材門戶

1、素材精品屋 http://www.sucaiw.com/

2、昵圖網 http://www.nipic.com

3、全景網 http://www.quanjing.com

4、行業LOGO http://www.tucool.com

5、素材庫 http://www.sccooo.com/

6、LOGO大全 http://logopond.com/

7、圖圖網 http://www.tutu001.com/

8、創意悠悠花園
http://uuhy.com/


作為一枚走在設計大牛路上的UI設計師,日常最多的事情就是打開網站汲取靈感。

除了國內外大家耳熟能詳的各大設計網站外,王宇老師把UI設計師日常使用頻率最高的各個類型網站做了一個整理,分成了每日必看篇,日常開眼篇,設計導航篇,icon篇,kit篇,設計規範篇,mockup篇,工具下載篇… 等等

通過這些網站,我們可以每天吸收到設計行業最新的行業動態、設計作品、創意靈感以及素材等等。

內容較多,建議先馬後看。(最後有彩蛋)

每日必看篇

1,dribbble-追波

身為全球最大的UI設計論壇,融匯了全球最頂尖的設計大咖作品。

Dribbble的定義是「為設計師而展示和解答」(Show and tell for designers)。鼓勵創作者上傳個人的作品以及正在創作的作品。追波像是一條簡短的微博,設計師們可以隨時曬下自己在做什麼。

https://dribbble.com/

2,Behance

隸屬於Adobe旗下的一個作品展示網站。

Behance將自己定義為「展示與挖掘創意作品的領導平台」。有人將它看作設計師的博客,分類詳細,內容廣泛,涵蓋網頁設計、交互設計、用戶界面/用戶體驗、攝影、工業設計等多題材的內容。上面各種精彩又新穎的內容總能給設計師帶來海量的設計靈感。

https://www.behance.net/

日常開眼篇

1,站酷 (ZCOOL)

設計師互動平台 - 打開站酷,發現更好的設計!

http://www.zcool.com.cn/

2,優閣網(UIGREAT)

優秀UI設計網

http://www.uigreat.com/

3,ZEALER

科技生活方式第一站

http://www.zealer.com/

4,互動中國

廣告設計及H5

http://www.damndigital.com/

5,NEXT

不錯過任何一個新產品

http://next.36kr.com/posts

6,Poweron

官方的自頻道-優酷視頻

http://i.youku.com/i/UNTEyNjQ5ODgw/navcustom?id=520358spm=a2hzp.8244740.0.0

設計導航篇

1,UI設計師導航網

優閣團隊傾情打造,包含了UI設計師最常用的網站合集。

http://so.uigreat.com/

2,創造獅導航

為創意工作者而設計

http://www.chuangzaoshi.com/

3,seeseed

無窮盡設計可能,不僅包括了設計師日常需要的網站,而且裡面還有每日一粒,播種者,我的種子,發覺其他有趣網站的功能。

https://www.seeseed.com/

4,牛大拿設計師導航

增加設計文章導讀,以及不用跳轉網站,直接站內搜索dribbble,behance,Pinterest,花瓣作品素材等的功能。

http://www.niudana.com/

icon篇

1,iconfont

阿里媽媽MUX傾力打造的矢量圖標管理、交流平台。設計師將圖標上傳到Iconfont平台,用戶可以自定義下載多種格式的icon,平台也可將圖標轉換為字體,便於前端工程師自由調整與調用。是現在最大的免費下載icon的網站之一,支持SVG,png,AI格式下載。

http://www.iconfont.cn/

2,easyicon

非常全面的icon下載

http://www.easyicon.net/

3,iconfinder

國外最早的icon下載網站

https://www.iconfinder.com/

4,icons8

國外最大的icon下載網站

https://icons8.com/

5,flaticon

扁平化圖標下載天堂

https://www.flaticon.com/

kit篇

1,sketchim

最全面的sketch工具網站,主推kit,包含插件下載,視頻,手冊,快捷鍵等等。

http://sketch.im/

2,psddd

看到這個網站名字的格式就知道這是個跟追波有關的網站,網站裡面整理了所有在dribbble上傳設計附件的集合,包含PSD格式和sketch格式,十分常用的kit下載網站。

https://psddd.co/

3,madefordesigners

國外的免費kit下載網站

http://madefordesigners.com/

4,reeoo

最大的網頁設計,APP,icon等合集,只能瀏覽不能下載

http://reeoo.com/

5,uikit

名字就是這麼簡單粗暴,最直接的UIkit的下載網站。

http://www.uikit.me/

6,freebiesupply

免費的PSD,sketch素材下載

https://freebiesupply.com/free-sketch-ui-kits/page/3/

7,sketchappsources

最大最全的sketch素材下載庫,但是需要翻牆瀏覽。

https://www.sketchappsources.com/

8,ui8

無敵的來了,無敵的來了,無敵的來了!!!

全球最屌的KIT下載網站,最全面,最貼心,沒有之一的kit下載網站。

但是,裡面的kit需要花錢下載,而且還是美金,而且還死貴。推薦給土豪同學。

https://ui8.net/

設計規範篇

1,UI Design Do』s and Don』ts

iOS官方設計規範。UI設計師的紅藍buff,跟產品經理撕逼專用,啪啪打產品經理臉神器。

https://developer.apple.com/design/tips/

2,Designing for iPhone X

蘋果公司手機尺寸的規範,同上一樣,撕逼神器。

https://developer.apple.com/design/

3,material design

谷歌官方的安卓設計規範,一定基礎上會增加對安卓界面的設計。

https://design.google.com/

4,microsoft,微軟的設計規範

雖然英雄遲暮,但是畢竟很多地方可以值得我們學習。

https://developer.microsoft.com/zh-cn/windows/apps/design

mockup篇

1,Printable

最全的手機模板下載網站

http://sketchsheets.com/

2,Mockup Vectors

國外的各種展示模板下載網站

https://www.freepik.com/free-photos-vectors/mockup

3,Best Free Mockup

behance裡面的設計模板分享大神,最新最全的模板下載。

https://www.behance.net/collection/20880985/Best-Free-Mockup

4,mockupworld

分類最全的模板下載網站

The best free Mockups from the Web

設計工具下載篇

1,精品MAC應用分享

教你如何科學的使用軟體

http://xclient.info/

2,愛情守望者

沒錯就是愛情守望者,你沒聽錯,也是教你如何科學的使用軟體。

https://www.waitsun.com/

3,麥克叉

最早的科學使用軟體網站

https://www.macx.cn/

視頻下載篇

1,savevideo

輸入你想要下載的視頻地址鏈接,點擊download。

http://savevideo.me/

2,clipconverter

同上一樣,輸入地址鏈接即可,可以選擇視頻格式,或只下載音頻。

http://www.clipconverter.cc/

UI動效篇

1,Home - App Animations

點擊即可預覽動效的網站

http://www.appanimations.com/

2,Appealing

APP交互動效

http://app-ealing.com/

3,UI Movement

https://uimovement.com/

4,Animaticons

簡單的GIF動效

http://animaticons.co/?nsukey=ol7YfkJhOZ5OtyPIN131sEFHovlsVLJTlmj9vXjqY%2Fp8JFc7HXcH1q%2B1LafMIRt1xI2Aq9Chk%2FNEuIFS%2FrESNhLE7FUUaRr02l%2Bxt6coTxpLMiFbqQoxsubdHt8Wq2zizZgCW8qYSCjGbYubmI6x5jdSeamlG1vA6VAzLI%2FvDpcxXN9yJH3iqNBXB9a50n4c

5,http://loading.io

有趣的載入動畫動效網站

https://loading.io/

6,button Design Inspiration

有趣的按鈕動效網站

https://codemyui.com/tag/button/

7,codemyui

微交互參考

https://codemyui.com/

8,Principle Repo

動效軟體principle源文件下載網站

http://principlerepo.com/

9,PrincipleUX

同上一樣,也是principle源文件下載網站

http://principleux.com/

UI動效進階篇

1,CocoaChina動效專題

真正懂動效,最全面的動效理論網站,深挖動效設計必看網站

http://www.cocoachina.com/special/appdesign/

2,uplabs

涵蓋ios android web的動效參考

https://www.uplabs.com/material

3,uimovement

更加精細的動效集合

https://www.uimovement.com/

4,Hollywood Camera Work

國外動效網站

https://www.hollywoodcamerawork.com/

靈感圖庫篇

1,zoommyapp

圖片整理下載工具,自帶免費圖片網站集合

http://zoommyapp.com/

2,Unsplash

牆裂,牆裂,牆裂推薦的高清無版權圖片網站!!

https://unsplash.com/

3,Pexels

超級推薦,無版權

https://www.pexels.com/

4,Pixabay

免費圖片,隨意下載

https://pixabay.com/

5,500px

最出色的攝影社區

https://500px.com/

6,Flickr

快要死掉的雅虎公司旗下的收費圖庫,幫幫雅虎,今晚我們都是雅虎人。

https://www.flickr.com/explore

7,Instagram

不是讓你用來截圖發朋友圈的,不是讓你來單純玩裝逼社交的。

https://www.instagram.com/

8,Wallpapers

高清壁紙網站

https://alpha.wallhaven.cc/?nsukey=POBZOL4rVUf2rR4mLb7gp6LqzdPk3huDWdgaY3GHiKhHy%2BEZYCU3g8VVLY43oN9c9vlt%2FWwWQo%2FziaKhaGP%2FleE03mfvKWFNKFJXjjK4THlfcESIyKyxdPMWwPX5J5%2BdsBsZURC5SOZf8vu9PPJX39Vp8yoiwmRhHTtoZ%2FCH9m52c4ss0%2FkzepOtlWlmQwfN

9,GIPHY

全球最大的gif網站

https://giphy.com/entertainment

10,Mapbox

超強逼格地圖下載,再也不用截其他地圖應用的圖了。

https://www.mapbox.com/

11,Pinterest

Pinterest,花瓣網他爹,瀑布流的開山鼻祖,內容涉及建築、景觀、攝影、時裝、美食、音樂……

Pinterest是美國的一個圖片分享類社交網站,Pinterest(Pin+Interest),意為把自己感興趣的東西用圖釘釘在釘板(PinBoard)上,用戶可以按主題添加和管理自己的圖片收藏,並與好友分享,頁面底端自動載入無需翻頁的瀑布流功能,讓用戶不斷發現新圖片。Pinterest由美國加州帕羅奧多的一個名為Cold Brew Labs的團隊創辦於2011年,為用戶提供圖片的在線收藏和分享。Pinterest是繼facebook、twitter、tumblr之後,又一個受世界矚目的網站。

https://www.pinterest.com/

12,花瓣網

陪你做生活的設計師(發現、採集你喜歡的靈感、家居、穿搭、婚禮、美食、旅行、美圖、商品等)

http://huaban.com/

國外設計資訊篇

1,Medium

世界上最大的最全面的設計師博客

https://medium.com/

2.InVision Blog

國外設計推薦博客

https://www.invisionapp.com/blog

3,Smashing Magazine

專業網頁/ UI設計/ 開發文章

https://www.smashingmagazine.com/

4,The Next Web

International technology news, business culture

https://thenextweb.com/#.tnw_4k1Og0c1

國內設計資訊篇

1,ifavart(辣椒醬)

最出色的視覺藝術分享

http://ifavart.com/index.html

2,少數派

高品質數字消費指南

https://sspai.com/

3,人人都是產品經理

產品經理、產品愛好者學習交流平台

http://www.woshipm.com/

4,優設

優秀設計網站,最全的設計資訊

http://www.uisdc.com/

推薦設計公司篇

1,ManvsMachine

國外頂級外包公司

http://mvsm.com/

2,eico

國內頂級設計網站

http://eicodesign.com/

3,INVES Design

北京因唯思設計

http://www.invesdesign.com/

4,MIUI

小米設計團隊

http://www.miui.com/

5,ZUI2.0

聯想設計團隊

http://www.zui.com/

6,09UI設計工作室

由小米UI設計師構成

http://www.09ui.com/

7,ARK

Design For Change

http://www.arkdesign.cn/

8,Flyme 6

魅族設計團隊

http://www.flyme.cn/flyme6/index.html

色彩搭配篇

1,Fresh Background Gradients

漸變顏色,有sketch和psd,從此漸變不用愁。

https://webgradients.com/

2,Material Design Color Palette Generator

MD色盤,按照顏色色值分布。

https://www.materialpalette.com/blue/purple

3,NIPPON COLORS

日式色彩搭配網站,中國水墨畫的顏色名字,逼格提高兩萬檔。

http://nipponcolors.com/

4,uigradients

在線生成高大上漸變色

https://uigradients.com/#NeonLife

5,Pantone

潘通,流行色官方機構

http://www.pantone.com/pages/pantone/index.aspx

字體設計篇

1,字體下載

求字體網提供中文和英文字體庫下載、識別與預覽服務,找字體的好幫手

http://www.qiuziti.com/

2,字體傳奇網

中國首個字體品牌設計師交流網

http://www.ziticq.com/

3,Type is Beautiful

講述每一款字體的故事

http://www.typeisbeautiful.com/

4,Google Fonts

谷歌的字型檔 要翻牆

https://fonts.google.com/

手繪藝術篇

1,插畫交流網站pixiv

全球最大的二次元繪畫網站,需要註冊

https://www.pixiv.net/

2,DeviantArt

國際上出名的繪畫交流網站

http://www.deviantart.com/

3,樂藝leewiART CG

國內比較專業的插畫網站

http://www.leewiart.com/WebPage/default.aspx

4,塗鴉王國

小白畫師學習交流網站

https://www.poocg.com/works

5,CGSociety

國際交流畫工網站

http://www.cgsociety.org/news/articles/

6,Cargo - Gallery

意識流,概念天馬行空的繪畫

http://cargocollective.com/

先說到這裡,等後期有新的有趣的設計網站,再來更新。

推薦閱讀:

王宇:Sketch 有哪些插件值得推薦?

王宇:沒有美術基礎,怎樣才能成為一枚UI?需要學習哪些技巧?

王宇:什麼是UI設計中的極簡主義?

推薦網站太多? 需要一個一個打開並加入書籤欄?太麻煩???

追求用戶體驗的王宇老師怎麼會不知道這一點,來吧,最後小彩蛋。

由於知乎不能上傳附件,把附件上傳到了百度網盤裡,請移步下載。

鏈接: https://pan.baidu.com/s/1mhTW5YC 密碼: xeap

使用方法:進入瀏覽器書籤管理頁,點擊從HTML文件導入書籤,選擇下載好的html文件即可。然後文章上述的所有網站都會精細的按照分類躺在你的書籤欄里。

加個關注,有什麼設計類的問題,可以私信我。


Wireframes Magazine
lovely ui
SIX UX Transitions
http://www.pttrns.com/
Websites We Love


http://Dribbble.com

再搬運一下iCooVoo的答案:

http://dribbble.com/
Online Portfolios on Behance
Stock Flash Components, Web Templates, Banner Rotators
http://lovedsgn.com/
Big Cartel - Simple shopping cart for artists, designers, bands, record labels, jewelry, crafters
http://forrst.com/snaps
onotakehiko.com
http://www.bitbytebit.co.uk/
http://www.f-i.com/
http://www.fubiz.net/
http://www.thefwa.com/
http://www.thebestdesigns.com/
http://webdesignledger.com/

圖片素材:(因為沒有很多條件出去到處採風,有時候看相片也能找到很多的靈感)
http://pinterest.com/
http://www.gettyimages.cn/
http://www.flickr.com/

圖表:(有很多設計成各式各樣的圖表,可以美觀你文檔里的圖表)
http://www.tuyansuo.com/

iPhone界面設計指南
http://developer.apple.com/library...

iPad界面設計指南
http://hung-truong.com/blog...

Android界面設計指南
https://developer.android.com/design/index.html


-
Google Play(Google Play)
iOS App Store(從 iTunes 下載的 App Store)

我是認真的,:) 。
-


回應問題描述里的問題,有的時候,還真得靠自己想像,而這個通常是起決定性作用的。

感謝@Eddie 提供的資源,同時同意@Johnny Shen 。看太多已有素材,唯一學到的就是現在流行什麼風格,有什麼可以借鑒,而每個項目都是不同的,不能光靠複製和拼貼別人,必須有獨立想法。

曾經有個網站的運營人員向我諮詢,我發現他們辛苦改版的新網站上,使用了很多 HTML5 和一堆 jQuery 等炫目的技術,但根本不是這個網站真正需要的。很明顯就是「這個看起來不錯,用在網站上吧」等拍腦袋決定。


這是我去年整理的一批設計網站,基本不管平面設計還是UI設計基本都能用得著,點擊文字可以跳轉,我都加了鏈接了,以下:

第1類:素材類

千圖網 昵圖網 素材天下 懶人圖庫 素材中國 站長素材 紅動中國 視覺中國 365PSD

第2類:高清圖庫

Unsplash Wallpaper wallhaven Eput 123RF BIng圖庫 Pexels Pixabay Yestone 500PX

第3類:設計公司

eico Dine 唐碩 奧美 冰藝 正邦設計 你好大海品牌設計 Frankdigital Frag中國 奧美 ala 45R 雙暉傳媒 Nice Design We-APP

第4類:插畫漫畫

P站 插畫驛站Behance旗下插畫網 COOLVIBE 動漫之家 Drawr 創意人插畫 塗鴉王國 插畫家園 塗鴉王國

第5類:配色工具

Coolors 漂亮的漸變顏色 CssWinner網頁色彩分類 色彩獵人 中國色彩大辭典 日本顏色大辭典 MaterialUI Color Scheme Designer Colorhunter Web安全色

第6類:界面設計

花瓣網 Behance Dribbble 站酷網 UE設計聯盟 黃蜂網 UI設計 Doooor UI63 68Design Pixeden UI中國 全球酷站中心 uiparade Pinterest Material

第7類:工具神器

交互設計神器iH5 gif錄屏軟體 全能取色神器Pixeur 墨刀 CutterMan PxCook biaonimeia MarkMan

第8類:設計教程

51自學網 Do You Do 優設網 PSDtuts+ adobe設計周報 Photoshop VIP Smashing Magazine 嗶哩嗶哩動畫 騰訊課堂 網易雲課堂 騰訊ISUX

第9類:圖標下載

阿里巴巴矢量圖庫 easyicon iconpng 圖標寶 比特蟲 圖標寶 比特蟲

第10類:字體資源

求字體 A5字體 Fontfont Font fabric comicneue 葉根友字體 字體松鼠 字體傳奇 毛筆字生成

可能這樣不太好收藏,其實我是把它寫成一個html文件的,如下圖,這樣你可以放在自己電腦一個角落裡,順便在瀏覽器收藏下,就可以每次調用這個本地文件了,是不是很方便?如果你會html還可以用DW等工具打開編輯,把你不用的刪掉,經常用的加上去,有沒有很方便?

還有,經常有朋友問我有沒有好看的公司網站啊,當然有啊,那麼多我有時候也不知道你需要什麼類型的,但經過示例我都能找出一些,我平時喜歡收藏,不管什麼網站都有收藏很多,最近在整理一份網站參考的文檔,但懶癌犯了還沒整理完,後期整理好也會共享出來。

說下上面那個html文件怎麼獲取,可以關注下我公眾號「設計實驗室(Design-lab)」回復關鍵詞「設計網站」獲得的,當然不止這些,如果你需要其他資料也是有的,目前我設置了這些關鍵詞:

回復關鍵詞「UI」可以得到的是一套290G的UI資料(很亂也很大,我沒怎麼整理,如果你需要可以拿去篩選看看);

回復關鍵詞「2018」可以得到的是Adobe各種最新CC 2018的安裝包,包括win和mac版本;

回復關鍵詞「壁紙」是一套150張精選高清壁紙,既可以做素材也可以直接拿來做壁紙;

回復關鍵詞「書籍」是47本設計相關書籍;

回復關鍵詞「字體」是一套包含兩千多個字體安裝包的字體庫;

回復關鍵詞「PPT」是一套包含150個高質量PPT模板;

回復關鍵詞「樣機」是最新版的iphone8iphoneX樣機;

回復關鍵詞「iOS」是最新版最新版iOS11 KIT;

回復關鍵詞「版式設計」是南征老師版式設計精講課;

回復關鍵詞「雙11」是超過一百款雙十一海報模板;

當然還遠不止這些,很多我還沒顧得上整理,以後會陸續更新。


國內設計和國外有很大的不同 先說設計 國內的網頁設計從商用角度來說 已經算是業內頂尖了 不管你信不信 電商網站 幾種支付類網站 真心超過國外太多 不管是交互和視覺 炫技 和 藝術類作品還是有差距 但是這是個人原因和群體無關 所以其實你要做商業項目 就看國內幾大門戶 足夠了 簡單方便
交互 其實考的更多是日常積累 多每一次的網路操作都考慮下人家的設計用途 特點 沒有最最完美的作品 只有最符合產品設計和用戶體驗的設計 並且交互搞開始開發的那天就開始準備迭代吧


http://www.smashingmagazine.com
http://ucdchina.com


花瓣網


前陣子寫了個資源集合網站,域名為 uirush.com 。網站第一部分是博客,記錄一些開發和設計筆記。第二部分是筆者這幾年搜集整理的資源網站庫,分別為設計資源開發資源、和產品資源

以下是部分設計資源(前方預警,多圖,流量不多的請在WIFI下打開):

1 熱門

Dribbble dribbble.com

全球設計師聚集地

Behance behance.net

設計師聚集地 Adobe出品

Lapa lapa.ninja

優選網站落地頁集合

Awwwards awwwards.com

最優秀的網頁設計選

HeyShop hey.shop

好看的網站與微店生成工具

2 靈感

花瓣 huaban.com

中國的靈感瀑布流

Pinterest pinterest.com

外國的靈感瀑布流

Collect UI collectui.com

UI設計靈感 每日更新

FWA thefwa.com

藝術設計作品展示

BestFolios bestfolios.com

優秀設計搜集平台

365AwesomeDesigners 365awesomedesigners.com

每天推薦一個設計師

Deviantart deviantart.com

國外藝術插畫社區

Abduzeedo abduzeedo.com

靈感與教程的博客

FacebookDesign facebook.design

Facebook設計團隊博客

DesignSpiration designspiration.net

國外設計靈感搜集

FreshHome freshhome.com

優秀建築設計博客

HomeDesigning home-designing.com

國外優秀建築設計選

站酷 zcool.com.cn

國內設計師學習交流平台

塗鴉王國 gracg.com

國內優秀插畫師聚集地

Logopond logopond.com

Logo靈感搜集平台

3 UI/UX

UI Movement uimovement.com

Mobile端UI設計搜集

Reeoo reeoo.com

國外網站優秀設計選

UI中國 ui.cn

中國優秀UI設計平台

Pttrns pttrns.com

Mobile端UI設計截圖

NicelyDone nicelydone.club

Web端UI設計截圖

UI Garage uigarage.net

UI靈感搜羅聚集地

Uplabs uplabs.com

精選UI展示

Noteloop noteloop.com

科幻電影里UI交互界面

Sitesee sitesee.co

優秀界面設計網站選

BestWebiste bestwebsite.gallery

好看的網站展示

Landbook land-book.com

精美落地頁網站

CSS Winnder csswinner.com

優秀CSS網站界面

CSS Design Awards cssdesignawards.com

優秀CSS網頁設計選

Site Inspire siteinspire.com

給你靈感的網站設計選

TheBestDesigns thebestdesigns.com

只推薦好看的網站

Httpster httpster.net

高端網站設計展示

68Design 68design.net

國內網站設計社區

4DB 4db.cc

優質日本網站選

Webdesign Clip webdesignclip.com

精選日本網站設計

Straightline straightline bookmark

多種日本網站設計風格

Muuuuu muuuuu.org

日本優秀的網站設計選

Ivdesign ivdesign.co.kr

韓國優秀網站設計選

H5 Share h5-share.com

H5優秀案例分析

最美H5 iguoguo.net/html5

只挑選最美的H5案例

Oops oops.re

網站404頁面設計搜集

Navnav navnav.co

專門搜集各種導航的平台

Bootstrap Expo expo.getbootstrap.com

用Bootstap製作的網站集

4 圖標

Icon Font iconfont.cn

阿里媽媽Icon庫

Icomoon icomoon.io

在線Icon轉字體的平台

The Noun Project thenounproject.com

超海量Icon展示下載平台

Iconfinder iconfinder.com

搜索任意Icon下載

Iconsfeed iconsfeed.com

iOS Icon設計選

Themify themify.me/themify-icons

免費的特色Icon選

EasyIcon easyicon.net

搜索海量圖標下載

IconStore iconstore.co

超美Icon下載

IconShock iconshock.com

彩色Icon庫

iOS Icon iosicongallery.com

iOS圖標精選

EmojiOne emojione.com

Emoji表情圖庫

Font Awesome fontawesome.io/icons

含CSS的Icon庫

Logo Book logobook.com

優質Logo設計選

5 字體

Myfonts myfonts.com

英文字體傳圖識別工具

求字體 qiuziti.com

中文字體傳圖識別工具

Google Font fonts.google.com

免費的Google Font

Get The Font getthefont.com

搜索Github上所有字體文件

Font Map fontmap.ideo.com

有趣的在線字體查找

Fontsquirrel fontsquirrel.com

豐富的免費英文字體下載

Dafont dafont.com

免費的英文字體下載

Typekit typekit.com/fonts

免費的英文字體下載

字體傳奇 ziticq.com

字體設計分享平台 有教程

有字型檔 youziku.com

讓你的網站瞬間載入中文字體

6 配色

WebGradients webgradients.com

UI漸變色模板 含CSS

Adobe Colors color.adobe.com

Adobe旗下配色工具

Coolors coolors.co

好用的配色生成工具

ColorHunt colorhunt.co

每天更新的配色

Material Palette materialpalette.com

好用的在線調色器

Trianglify qrohlf.com/trianglify-generator

多角形配色生成器

Webcolor Data webcolourdata.com

在線分析網站配色工具

Color Dot color.hailpixel.com

隨心所欲地點擊生成配色

Colllor colllor.com

統一色調類生成器

Lol Colors webdesignrankings.com/resources/lolcolors/

水狀的配色方案

UI Gradients uigradients.com

內置豐富漸變色色卡

Nippon Colors nipponcolors.com

日本傳統古典色

中國傳統色 zhongguose.com

中國傳統古典色

7 插畫

Markconlan markconlan.com

國外小清晰插畫師

鹵貓 oamul.com

國內高人氣小清新插畫師

LOST 7 lost7.lofter.com

擅長做小動畫的插畫師

8 圖庫

Pexel Image pexels.com

國外免費圖片下載

Pexel Video videos.pexels.com

國外免費視頻下載

The Stocks thestocks.im

優質高清視頻、圖片下載

Unsplash unsplash.com

定期更新的免費攝影照片

Zoommy zoommyapp.com

圖片管理工具

Magdeleine magdeleine.co

高清圖片下載

Pixabay pixabay.com

海量高清圖片下載

500PX 500px.com

出售你的高清圖片

Flickr flickr.com

免費圖片下載平台

Streetwill streetwill.co

精美的圖片分享平台

9 公眾號

西瓜設計研究所

互聯網創業 | UI設計 | 開發資源 | 教程

從設計到編程

未經允許請勿轉載,煩請留言獲取授權

? 西瓜設計研究所


如今,用戶體驗不斷的被各個職業的人提起,好像不重視用戶體驗就不配做設計師一樣。然而,用戶體驗設計變得越來越重要,對設計師們來說也是一種挑戰。新手設計師該如何學慣用戶體驗設計呢?有經驗的大牛們又該如何才能讓自己的技術和能力更上一層樓呢?今天,筆者為大家準備了最牛的UX 設計的博客網站以及在線學習課程網站,希望對大家有所幫助。

UX 設計的博客網站

1.UX Booth

如果你對用戶體驗設計還不夠熟悉,那麼這個博客就是你了解用戶體驗設計的絕佳途徑。不論文章質量和內容都是簡單易懂的。

2.UX matters

用戶體驗很重要,不斷學習更重要。UXmatter 提供更詳細的指導,同時還能向大牛們提問題。

3.Mockplus blog

提供各種設計資源,不論是UX 設計還是UI設計。想知道新手是如何成為UX 設計師的?想知道各種UX 設計資源,那麼這個博客絕對是你最想要收藏的。

4.UX MYTHS

如今用戶體驗設計已經越來越重要了,許多自認為「大牛」的設計師會提出很多讓人誤導的理論,這個網站也列出了32個經常被誤導的用戶體驗設計理論, 並且告訴我們這些理論並非都正確的。

5.UXmas

這個博客是我在2016年無意中發現的一個關於UX設計的博客,博客的整個裝飾是Christmas的風格,我猜這也是它為什麼叫UXmas的原因。並且它的每篇博客都是按照時間順序成列的,但是最近好像停更了。但裡面的文章還是很值得大家一看的。

6.UX movement

這個博客的宗旨就是告訴大家,糟糕的界面設計師是如何影響用戶的行為。無論是新手設計師還是有經驗的設計師都可以看看呢。

7.52 Weeks of UX

我個人比較喜歡這個博客,名字取得比較特別,52周相當於一年,每周都更新一至兩篇的文章。從2010開始到2011年結束。強烈推薦大家看看,雖然時間久遠了點,但是文章內容並沒有過時呢。

8.Usabilla

Usabilla 主要是幫助各大的軟體公司獲取最佳的用戶回饋,專註於用戶體驗設計。他們的blog也主要是針對用戶反饋的,我想對於用戶體驗設計師來說,這是並不可少的。

9.Usability Geek

顧名思義,這個網站是專門提供關於可用性測試的文章內容,是UX的設計師必須知道的博客之一。

10.Medium

Medium,是一個可以寫可以學習的博客平台。你可以把你的設計經驗告訴大家, 同時還可以學習到許多行業大牛的經驗的設計,受益匪淺。

11.Smashing Magazine

這個博客大家都不陌生,絕對是用戶體驗設計師書籤中並不可少的。

12.UX Magazine

這個博客的UX資源相當豐富,聽名字也知道所有的文章都是關於用戶體驗的。

UX 設計在線學習網站

去年,筆者也總結過一篇30個UI/UX 設計的在線學習網站,以下則是專門關於用戶體驗學習的網站,想成為UX 設計師的新手和大牛都可以看看呢

1. UX Design Edge

2. Eventbrite

3. UX training.com

4. NN/g

5. UX gym

6. Akendi

7. School of UX

8. Interaction Design Foundation

9. Tutsplus

10. Lynda

誰也不敢100%的保證,看了這些博客和網站就能成為一名優秀的用戶體驗設計師,但不可否認的是學習是實現你目標的唯一方法。趕緊收藏吧。


1、http://IconPng.com 愛看圖標網,免費中文圖標搜索引擎! 中文網站,支持中文、英文搜索
2、Icon Search Engine 中文網站,只支持英文搜索
3、Icon search engine and market place 英文網站,只支持英文搜索
用戶體驗團隊網站
1、UCD大社區 http://ucdchina.com/
2、騰訊WSD 騰訊MXD移動互聯網設計中心
3、騰訊CDC 騰訊CDC
4、騰訊ISD http://isd.tencent.com/
5、淘寶UED http://ued.taobao.com/
6、著片會 http://www.shupianhui.com/
7、口啤UED http://ued.koubei.com/
8、阿里UED http://www.aliued.cn/
9、阿里媽媽UED http://ued.alimama.com/
10、163UED http://www.ued163.com/
11、搜狐UED http://todd-lee.net/blog/
專業UI設計團隊

1、eico http://www.eicodesign.com/
2、FaceUI http://www.faceui.com
3、西安超人科技 http://www.skyui.net/
4、Reooo http://www.reooo.com/
5、Rigo http://www.rigodesign.com
6、ICON http://icon.cn/cn/
圖標設計及素材
1、中文圖標搜索 http://IconPng.com 愛看圖標網,免費中文圖標搜索引擎!
2、http://www.fasticon.com/
3、http://dryicons.com/
4、http://www.icotrip.com/
5、提供搜索http://www.icones.pro/
6、國外圖標http://weloveicons.com/
7、圖標搜索 Icon search engine and market place
9、http://www.freeiconsdownload.com/
10、http://www.freeiconsweb.com/
網頁、UI設計門戶
1、站酷http://www.zcool.com.cn/
2、八隻熊http://www.8bears.com/coolsite/
3、國外網站欣賞http://www.thefwa.com/
4、網頁設計師*http://www.68design.net/
5、我愛設計網http://www.52design.com/
6、藍色理想http://www.blueidea.com/
7、視覺中國http://www.chinavisual.com
8、創意視覺http://cvsion.com/
9、國外設計門戶http://www.deviantart.com/
10、合子UI http://www.boxui.com/
11、酷點http://www.koodian.com/
12、優艾網http://www.chinaui.com/
13、中國UI設計師大社區http://www.uirsss.com
14、UI製造http://www.uimaker.com/
15、UI設計網http://www.worldui.com/
16、iconfans http://www.iconfans.org
17、uisheji http://www.uisheji.com
18、uiimg http://www.uiimg.com
19、UIrss http://www.uirss.com
素材門戶
1、素材精品屋 http://www.sucaiw.com/
2、昵圖網 http://www.nipic.com
3、全景網 http://www.quanjing.com
4、行業LOGO http://www.tucool.com
5、素材庫 http://www.sccooo.com/
6、LOGO大全 http://logopond.com/
7、圖圖網 http://www.tutu001.com/
8、創意悠悠花園 http://uuhy.com/


http://www.enqoo.com


dribbble現在越來越土了,還是behance洋氣些。嗯,我就是找打,dribbble粉請來排隊撕逼!土還不讓說嚒!


大家好,我們是東方IC,作為設計師們的後花園,我們在打探他們的需求的時候,順便整理了一下他們的書籤欄,在這裡奉獻給大家。

這些都是很不錯的設計類網站,希望對各位設計師或者想要學習設計的寶寶們有幫助啦~也歡迎分享你們自己覺得好的網站補充在評論區~


設計素材

1、 東方IC圖庫 (沒錯,這就是答主本人!一個國內領先的視覺創意整合營銷平台,主頁等版面都很乾凈、美觀,新聞、創意、微利等各板塊主題、內容豐富,圖庫圖片不僅海量,而且高清優質,搜索精準,能很快找到理想的圖片;還有中超等獨家圖片以及百人萬元計劃等各種活動。設計師不僅可以很快找到自己需要的圖片素材,還可以從大量創意圖片中尋找靈感哦~)

(http://www.dfic.cn/)

2、 圖蟲創意 (沒錯,這就是我的新寶貝!這是一個本土化完整產品線的代理圖片交易市場,擁有超過5000萬張正版高清優質圖片,整合了海量國內外優秀的圖片、音樂及視頻素材;搜索功能精準且強大,可以輕鬆獲取各種素材,激發創意靈感。將於6月20日正式全球上線,不僅可以免費註冊,還有各種優惠活動,值得關注與使用~)

(https://stock.tuchong.com/)

3、 懶人圖庫(這是網頁相關素材下載寶地,包括矢量素材,JS廣告代碼,小圖片,網頁背景,導航菜單,PNG圖標等,網頁設計師可以輕鬆找到需要的素材,很方便呦!)

(http://www.lanrentuku.com)

4、 最好模板 (網頁模版下載的專業性網站,中韓、歐美、日本等網頁模板應有盡有,分有各類專題模板,設有留言版,可隨時與用戶互動,找模板不再是問題~)

(http://bestmoban.com/ )

5、 站酷(設計師互動平台,以原創設計為核心,為設計師提供學習、交流、就業等各個環節的專業服務,首頁很乾凈,精選的作品也很好。在設計師中很有名的一個網站,還不快去看看~)

(http://www.zcool.com.cn/ )


設計綜合

1、設計在線 (國內成立最早的設計專業網站,網站設計比賽、展覽、招聘等相關信息非常及時,首頁左側有特別推薦和專業認證的信息等推薦,設計師能及時獲知各種設計大賽、交流論壇等動態,也可點擊菜單欄的具體板塊獲取專題信息。信息真的很豐富呀~)

(http://www.dolcn.com)

2、 花瓣網 (是一個基於興趣的社交分享網站,被稱為靈感發源地,用戶通過網站提供的簡單的採集工具,將自己喜歡圖片重新組織和收藏,操作簡單,容易上手,也可以幫設計師節省時間。只看網站名都有種進去瞧瞧的強烈慾望呢~)

(http://www.huaban.com/)

3、 視覺同盟 (一個專為工業設計行業的設計師和客戶服務的網站。這裡有大量經典工業設計案例和資料,也有設計師作品和觀點展示的專頁,客戶也可通過網站聯繫自己滿意的設計師。主頁內容非常豐富,諮詢、競賽、畢業展、招聘等板塊齊全,信息量大。小編覺得頁面布局感覺有點雜亂,不太美觀,不過是個值得一看的網站)

(http://www.visionunion.com/)

4、 哈佛設計 (網站版面乾淨美觀,經典設計案例、競賽、資料等信息齊全,最上方導航的鏈接網站也很有價值,值得去看,一個值得設計師關注的網站,內容如其名,很牛逼的感覺。)

(http://design.icxo.com/ )

5、 藍色理想 (網站設計和開發人員之家。做網頁設計、網站設計、網站開發都必須關注的一個網站。你怎麼能錯過呢?)

(http://www.blueidea.com)


平面設計
1、圓點視線(一個集設計、藝術、文學、攝影等內容的專業性個人站點,一個文學、設計、藝術愛好者的交流平台。)

(http://www.apoints.com/ )

2、圖片處理網教程(專門提供初中級的PS教程、資源、素材、工具與交流的網站,這裡聚集了大量PS愛好者,可以相互交流經驗、共同進步。很適合剛接觸Ps的寶寶們,大神可以繞路~)

(http://www.23ps.com/)
3、數碼資源網(提供各種工具、軟體、系統程序、應用等的綠色下載。遠離下載病毒的首選啊~)

(http://www.smzy.com/ )

4、行色主義(國內老牌專業影像網站之一,目前最具規模的權威性攝影后期設計互動交流平台。從事後期或對後期感興趣的寶寶們看過來~)

(http://www.swcool.com/html/ )
5、PS教程論壇(Ps相關交流論壇,這裡,你的問題將不再是問題)

(http://bbs.16xx8.com/)


字體下載
1、字體中國(中國最專業的字體下載網站)
(http://www.font.com.cn/ )

2、中國站長素材(中英文、專題字體素材豐富)

(http://font.chinaz.com/ )
3、1001fonts(海報、書法、復古等各種新奇好玩的字體應有盡有)

(http://www.1001fonts.com/ )
4、simplythebest字體(各種美妙的字體,比如哥特字體、恐怖字體等,快去看看你喜歡哪款?)

(http://simplythebest.net/fonts/ )
5、美國字客網(頁面很好看,字體也很獨特好看,小編打開網頁就被圈粉了呢)
(http://www.letterheadfonts.com/)

如果您覺得有幫助,記得點個贊,更重要的是關注我們,我們將帶你走進五光十色的影像世界,帶你一起去了解這個世界是多麼的五彩斑斕,揪咪~

我們的微信公眾號:東方IC(dongfang_ic)微博:東方IC新聞圖片


SDC設計師網址導航
補充一點交互設計的網站
國內
HiUED 用戶體驗交流會
WebPPD產品原型設計-Axure RP 中文社區
臭魚的交互設計
[ i D 公 社 ] · 發現有意味的設計
國外
LukeW Ideation + Design
UX Booth | A User Experience Design Publication
UXmatters :: Insights and inspiration for the user experience community
Welie.com - Patterns in Interaction Design
Wireframes Magazine
User Interface Engineering
Johnny Holland


圖標 Icon search engine and market place 備選圖標下載,ICON(PNG/ICO/ICNS)圖標搜索下載Very Icon, Free Icons, PNG ICO Icons,Vista Icons Search AND Download

圖庫 http://www.istockphoto.com/ 備選 https://www.flickr.com/全景圖片_中國最大的圖片庫和圖片素材網站GettyImages華蓋創意圖片庫

創意 Behance 備選 Dribbble - Show and tell for designers

字體 Typographica. Type Reviews, Books, Commentary.FontShop. The World』s Best Fonts.造字工房方正字體_方正字型檔官方網站

模板 Envato Market


首先,花瓣和Pinterest
然後,打開設計導航網站,上面的網站都來一波
最後發獃


(;′Д`) 辣雞做圖仔

( ′Д`)=3 最近划水中

(;′?`) 完全不知道人生方向


icon
圖標下載,ICON(PNG/ICO/ICNS)圖標搜索下載
設計
懶人圖庫 - 矢量圖,網頁素材下載
UI中國-專業界面設計平台
花瓣網_圖片社交領導者,發現、採集你喜歡的一切
中國素材網站_素材中國psd_素材天下psd_素材天下
代碼
DIVCSS5 - DIV+CSS布局教程學習與CSS資源分享平台
前端小棧 | 專註WEB前端,關注用戶體驗
jQuery UI
開源中國 - 找到您想要的開源項目,分享和交流
阿里西西 網頁製作教程網,web開發之家


推薦閱讀:

设计师发展到一定时期感觉自我到瓶颈,如何再提升进阶?

TAG:設計 | 交互設計 | 用戶界面設計 | UI設計入門 | UI設計師 |