有哪些不錯的網頁設計素材網站?


以下是我收藏的素材網站:

網頁元素PSD下載:
kbsportfolio.com
保育士情報ちゃんねる
http://www.freebiepixels.com
http://psdho.me
http://designmoo.com/
http://www.designdeck.co.uk
http://www.psd-free.com
http://www.designkindle.com/
http://pixelsdaily.com/
http://365psd.com
http://www.designshock.com
http://simplypixels.net/
http://www.psdchest.com/
http://pixelentity.com
http://www.uipixels.com
http://freebiesbooth.com/
http://blog.ninetofive.me/
http://www.premiumpixels.com/
http://duckfiles.com
http://www.xinsheji.org/

icon搜索下載:
http://findicons.com/
http://www.iconfinder.com
http://www.iconlet.com/
http://www.iconpng.com/
http://www.iconfinder.com/
http://iconwanted.com/
http://easyicon.cn/

紋理:
http://www.backgroundlabs.com/
http://lostandtaken.com/
http://subtlepatterns.com/
http://crowquills.com

————————以下網站可為網頁設計提供參考和靈感—————————

ICON欣賞網站
http://www.iconsfeed.com/
http://www.skidanov.com/


UI欣賞
http://fanggeben.com
http://dribbble.com/
http://boxtuffs.com/

設計類博客
(國外)
http://sixrevisions.com/
http://www.teehanlax.com/blog/
http://webdesignledger.com/
http://webexpedition18.com/
http://www.noupe.com/
http://victorsosea.com/
http://www.freewebelements.com/
(中國)
http://www.nbshe.com/
http://www.cnblogs.com/lhb25/
http://www.shejidaren.com/
http://www.boxui.com/
http://tgideas.qq.com/


配色
http://kuler.adobe.com
http://colorexplorer.com/
http://www.peise.net/
http://www.colourlovers.com/
http://colorschemedesigner.com/
http://www.xuexuecolors.com/
http://www.colorhunter.com/
http://www.colorschemer.com/

酷站集合
(國外)
http://www.stylevault.net/
http://www.awwwards.com/
http://www.iiiimg.com/
http://dark-i.com
http://siteinspire.com/
http://screenfluent.com/
http://coolhomepages.com/
http://bestwebgallery.com/
http://onepagelove.com/
http://cssboulevard.com/
http://cartfrenzy.com/
http://cssclip.com/
http://reeoo.com/
http://thedesigninspiration.com/
http://www.juliocesarborges.com.br/
(中國)
http://www.iguoguo.net/
http://www.design63.com.cn/


我來羅列一下近幾年對我設計幫助很大的國內外網站,希望對題主有幫助:

1、素材網站

  • Iconfinder - 850,000+ free and premium icons 非常棒的國外圖標網站,可以找圖標靈感,或者購買感覺不錯的圖標。
  • Noun Project 也是非常棒的國外圖標網站,重點在於都是免費的扁平化圖標,可以下載svg進行再創造哦。
  • Free vector icons 也是免費的矢量扁平化圖標網站,誰用誰知道。
  • EpicPxls 另外一個很棒的圖標免費素材網站,很多優秀圖標素材可以下載。
  • Subtle Patterns 紋理素材網站,多用紋理素材,可以給你的設計加分哦!
  • Psds, premium icons amp;amp;amp;amp;amp;amp;amp;amp; free web design resources for designers a€」 latest freebies by PixelBuddha. 裡面的素材都是可以免費下載的源文件,而且質量還不錯。
  • https://iconstore.co 同樣非常棒的素材網站,而且大多數是免費的喲。
  • Download Free Vectors, Photos, Icons, PSDs and more 免費素材網站,內容非常多。
  • http://uifest.com/ 這裡的素材也非常棒,有收費有免費的。
  • UI8 — The marketplace for design resources 很棒的國外素材網站,素材質量不錯,大多都收費,小部分免費的素材可以下載學習。
  • Mockup Zone Mockup的素材網站,有收費也有免費的。
  • Textures.com 紋理素材網站,很多材質的紋理都可以在這裡找到哦。
  • Over 388,119 Free Photos and Textures 免費圖片素材庫,數量很多。
  • Unsplash | High-Resolution Photos 很有個性的高質量免費圖片素材網站,個人非常喜歡,還有chrome插件安裝,可以有事沒事看看。
  • Gratisography: Free high-resolution photos 免費圖片素材網站,還不錯。
  • Life Of Pix - Free Stock Photos amp;amp;amp;amp;amp;amp;amp;amp; Images 不錯的免費圖片素材網站。
  • Free Images - Pixabay 免費素材網站,數量比較多。
  • Free stock photos ?· Pexels 同樣是免費的圖片素材網站,哈哈。
  • WallpapersWide.com 高清壁紙素材網站,數量很多。
  • Download Free Vector Art, Stock Graphics amp;amp;amp;amp;amp;amp;amp;amp; Images 老牌免費素材網站,數量也很多。
  • Designstub | Download Bootstrap Templates amp;amp;amp;amp;amp;amp;amp;amp; Themes 針對Bootstrap框架的免費模版素材(靜態化HTML頁面,正在學習Bootstrap或者響應式設計的小夥伴可以參考)。
  • http://www.baianat.com/resources/ 最近備受關注的國外設計團隊,有很多很棒的素材和創意,而且大多數免費分享了出來。
  • http://facebook.design/index.html Facebook的設計博客,有很多高質量素材源文件下載,以及乾貨文章。
  • The Premier Photography Community / 500px 很棒的圖片網站,不多說了。
  • https://www.flickr.com/ 同樣也是高知名度圖片網站,不多說了。
  • TETHR – The Most Beautiful iOS Design Kit Ever Made 非常棒的一套設計界面素材,免費下載源文件。
  • Free to-do app UI kit for Photoshop and Sketch 同樣來自invision的設計界面素材,免費下載源文件,質量也很高。
  • Sketch Repo - Free, high quality Sketch resources Sketch免費素材網站,素材質量不錯,可以參考學習。
  • PSD Repo - Free quality PSDs available for download sketchrepo的同胞兄弟,同樣是免費高質量素材。
  • adobe-fonts/source-han-sans 思源黑體官方下載地址。
  • adobe-fonts/source-han-serif 思源宋體官方下載地址。

2、設計創意參考

  • Dribbble - Show and tell for designers 追波,不多說。
  • Behance 不多說。
  • DeviantArt - The largest online art gallery and community 也很有名,不多說了。
  • https://www.pinterest.com/ 素材創意大集合,非常棒的網站,也很有名,不贅述了。
  • Sign up | Tumblr 灰常有名了,有很多優秀的設計作品在上面。
  • 站酷 (ZCOOL) 國內設計比較有名的網站,不多說。
  • UI中國 雖然註冊用戶量和知名度不如站酷,但是專攻UI領域,感覺還不錯。
  • 花瓣網 國內的pinterest,雖然是山寨的,但是因為速度快所以用起來還是不錯的。
  • Website Templates themeforest 知名度非常高的模版銷售網站,從上面可以看到很多目前國外流行的頁面風格、動效,創意也非常不錯。
  • WordPress Themes Loved By Over 317k Customers elegantthemes 國外很有名的wordpress模版設計團隊,創意十足,不過可惜的是最近不思進取,一直沒有太大創新,還在售賣一年多前就發布的模版,不過他們的blog可以看看,對wordpress開發有很大幫助。
  • Home - YOOtheme 也是非常棒的國外網站模版設計公司,包括wordpress和joomla!,設計簡潔有想法,還有他們推出的前端框架 UIkit(類似Bootstrap),有興趣的朋友可以了解一下。
  • Reeoo - web design inspiration and website gallery 很棒的網頁設計參考網站,可以按照顏色篩選,更新勤快,創意十足。
  • Awwwards - Website Awards 非常有名的網頁設計創意參考網站。
  • http://www.materialup.com/ Material Design相關設計作品的參考網站。
  • 100 Days UI - FREEMIUM RESOURCES 一個Dribbble牛人的每日一設作品,有源文件下載和HTML代碼實現哦!絕壁學習極品。
  • Sebastien Gabriel 谷歌設計大神個人網站,他的文章《How I joined Google》曾膾炙人口,其他設計類的文章也很有參考價值。
  • Dejan Markovic 國外一個設計師的個人網站,內容涵蓋自己的作品從產品分析到最後設計成型的過程解析,很有參考價值。
  • e-Books UXPIN推出的免費設計e-Books,可以看看。
  • image triangulation experiment 快速將圖片處理成low poly效果的工具網站。
  • Coolors 快速取色,並且能夠自動生成色彩層級的工具。
  • https://webgradients.com/ 輕量的漸變配色網站,配色很有逼格。
  • Color Tool - Material Design Material Design官方的配色工具,可以通過取色快速查看界面整體效果。

3、前端/動效/用戶體驗

  • Codrops | Useful resources and inspiration for creative minds 由於鄙人是從前端開發轉的UI設計,所以一直對前端各種效果都情有獨鍾,其中Codrops就是我幾年以來基本上隔三差五就會去逛的網站,創意十足,動效酷炫,每周集錦很有意思,強烈推薦,關鍵在於所有動效都是可以免費下載使用的!
  • http://codyhouse.co/ 也是非常棒的一個前端動效網站,Codrops經常會收錄它的一些好作品。
  • Tutorialzine 同樣有很多好玩的前端效果和知識,但是更新並不勤快,可以偶爾看看。
  • Trending CSS repositories on GitHub today · GitHub github就不用多說了吧?我會經常到trending里篩選CSS/HTML/Javascript的語言分類來看看是否有最新的好玩的前端作品,這裡應該算是全球開源代碼最領先的地方了。
  • GoodUI 通俗易懂的UI設計準則,很有意思。
  • Medium 裡面有很多很棒的設計類文章,值得參考。
  • CodePen 很棒的前端網站,可以直接預覽前端效果和使用代碼。
  • Font Awesome, the iconic font and CSS toolkit 最早的開源免費字體圖標庫,以前用Bootstrap+FontAwesome基本上就能搭建一個像模像樣的網站,圖標種類繁多,使用方便。
  • Wappalyzer 可以查看當前網頁的前端技術使用情況,非常方便。

不管有多好的設計素材網站,最重要的還是自己多看、多思考、多練習,這樣才能不斷進步,與君共勉。

====== 更新分割線:感謝大家的支持,新增了一些設計工具類網站:) ======

4、工具類

  • https://tinypng.com/ 在線壓縮PNG/JPG圖片網站,能夠大幅度減小圖片尤其是PNG圖片的size,方便好用。
  • Icon Font amp;amp;amp;amp;amp;amp;amp;amp; SVG Icon Sets a IcoMoon 字體圖標管理/生成網站,功能強大,國內的iconfont應該是參考它做的。
  • Iconfont-阿里巴巴矢量圖標庫 icomoon雖然很棒,但是國內訪問速度還是成問題,所以現在還是比較常用iconfont,也挺好用的。
  • GuideGuide Photoshop必裝的參考線插件神器,誰用誰知道。
  • RightFont - The future of font manager software for Mac OS X 非常棒的字體管理軟體,能夠快速載入字體,並且快速在設計稿中引入矢量圖標,個人感覺比在設計稿中使用iconfont方便。
  • Sketch - Professional Digital Design for Mac Sketch,Mac下的UI設計神器,製作UI界面快速簡單,而且正版也不貴,缺點是沒有Windows版本。
  • https://github.com/utom/sketch-measure Sketch measure,Sketch中必裝的插件,能夠導出設計稿的HTML文件供前端實時查看,免去了切圖的煩惱,還能切換設備解析度,非常方便。
  • https://www.flinto.com/ 輕量級的交互軟體,能夠與Sketch一起使用,簡單方便。
  • Principle - Animated Design 功能強大的交互設計軟體,用它能夠做出很不錯的app動效。
  • Framer - Design tool for creating interactive designs, interfaces and animations 能夠直接用代碼做交互/動效,個人感覺很不錯,廣受國外一線設計師的好評。
  • Craft by InVision LABS Invision團隊推出的PS/Sketch插件,能夠快速添加圖片/文字等功能。
  • https://g2.alipay.com/ G2-螞蟻金服團隊的圖表組件工具,設計圖表的時候可以參考。
  • GitBook 使用Markdown編寫文檔,採用Git管理方式,非常方便高效。
  • Device metrics - Material Design 谷歌設計團隊推出的設備相關參數參考頁面,很完整。
  • ECharts 百度團隊的純 Javascript 圖表庫,算是比較成熟的解決方案。
  • 常見設計規範與 Sketch 源文件下載集合 - 知乎專欄 這篇文章收集了相對完整的設計規範及組件庫下載資源。

收費的2個:

http://wegraphics.net/
建議包年,幾乎都是很精品的素材。

http://graphicriver.net/
單買就行,偶爾有一些很出色的。

補充:

http://boxtuffs.com/
CSS3的

http://www.designerstoolbox.com/
各種瀏覽器元素的PSD


高票回答中列了好多國外網站,我隨便點開了兩個,一個提示我有危險,一個半天才載入出來。

實際上國際上比較常用且好用的網頁設計網站並沒那麼多,收藏一大推網站很容易挑花眼,而且真的用的時候也不可能一個個的去查找。

以下8個網站就夠你用了:

Themeforest:這是一個網頁設計師必須知道的網站,擁有全球銷售量最大的網站模板。

Behance:全球頂級創意、設計師平台,是Adobe旗下網站,沒錯,就是你經常用的Photoshop、Dreamweaver、AfterEffects、Premiere的母公司Adobe,所以Behance上國際一線設計師必備的作品展示平台。

Dribbble:UI、插畫大神聚集地之一,國內設計師都已擁有Dribbble賬號為榮。

Awwwards:專門為設計精美以及富有創意的網站頒獎的網站,相當網站設計界的諾貝爾官網····

Graphicriver:此網站的所有圖形設計均由設計師團隊人工審核,擁有大量優質元素。

Uplabs:提供手機程序、網站的UI靈感,從概念到應用,每日更新。

Onepagelove:擁有大量單頁網站的模板資源,是的,專門做單頁網站設計模板的網站。

最後要介紹的是一個國內網站:

大作, http://www.bigbigwork.com,這個網站的特點就是,以上七個網站都能在它上面搜索,而且可以幾個網站同時搜!

而且大作網站自帶加速,不用安裝什麼軟體或者插件就能快速的搜索國外網站的作品。

也就是說,你只要打開大作就能同時搜索好幾個網站的作品,不卡不慢。

還能直接下載原圖。

這些網站都在「UI設計」分類下面,大作還有其他很多分類,比如「平面設計」、「室內設計」、「動漫插畫」、「Logo設計」、「Icon設計」、「免費版權圖片」、「攝影圖片」等等,感興趣的可以自己註冊去看看,我就不一一介紹了。

認為有用的給我點個「贊同」唄~


補充:
1、視覺中國下吧http://down.chinavisual.com/stuff/

2、筆秀網http://sucai.penshow.cn/

3、站酷·素材http://www.zcool.com.cn/gfxs/

4、中國設計網·網頁http://web.cndesign.com/

5、中國站長網·模板http://sc.chinaz.com/moban/

6、懶人圖庫http://www.lanrentuku.com/

7、UI設計網http://www.uisheji.com/wz

8、PSPSDhttp://www.pspsd.com/

9、A5素材·模板http://sc.admin5.com/moban/

10、三聯素材·模板http://www.3lian.com/moban/

11、ALADDhttp://aladd.net/archives/category/cat_ico4

12、盒子UIhttp://www.boxui.com/

13、Idea1983http://idea1983.com/

14、太平洋素材下載中心http://dl.pconline.com.cn/sort/4.html

15、M4HTML·網頁http://www.m4html.com/tag/website

大部分都是綜合類的,包括網頁設計展示、PSD、圖標、字體等。


分享一些我站上收集到的優秀素材:

1、50個免費的Photoshop名片模板素材
http://www.jackchen.cn/blog/?p=6557

2、20+免費獨特的名片模板
http://www.jackchen.cn/blog/?p=5665

3、48個免費的Photoshop動作
http://www.jackchen.cn/blog/?p=5640

4、50個新鮮免費的PSD源文件
http://www.jackchen.cn/blog/?p=6129

5、2011年高品質免費PSD文件華麗收集
http://www.jackchen.cn/blog/?p=6312

6、25個免費清新風格的XHTMLCSS網站模板
http://www.jackchen.cn/blog/?p=6690

7、17個你需要的設計創意散景紋理素材
http://www.jackchen.cn/blog/?p=6960

===============================

下面是這些年收集的各種教程和素材集合,希望能幫助到你!

1、PS Action畫報書籍膠片多格畫面動作
http://www.jackchen.cn/blog/?p=586

2、35套實用便利的photoshop動作
http://www.jackchen.cn/blog/?p=632

3、一個流行的倒計時PSD設計(可免費下載)
http://www.jackchen.cn/blog/?p=4136

4、國外LOMO風格動作15套(100多種)
http://www.jackchen.cn/blog/?p=1217

5、30個免費的增強照片效果的Photoshop動作
http://www.jackchen.cn/blog/?p=1420

6、手持杯子創意廣告PSD分層
http://www.jackchen.cn/blog/?p=1554

7、photoshop頭髮筆刷
http://www.jackchen.cn/blog/?p=1704

8、152經典圖形PHOTOSHOP筆刷
http://www.jackchen.cn/blog/?p=1709

9、如何設計驚艷的3D字體 (英文教材)
http://www.jackchen.cn/blog/?p=1902

10、聖誕節季節的35個自由Photoshop畫筆
http://www.jackchen.cn/blog/?p=1961

11、2009年40個華麗的photoshop 文字特效設計教程 (英文教材)
http://www.jackchen.cn/blog/?p=2004

12、10個超牛的photoshop設計指南(英文教程)
http://www.jackchen.cn/blog/?p=2011

13、20個色調Photoshop動作下載
http://www.jackchen.cn/blog/?p=2033

14、46個超攢photoshop教程網站
http://www.jackchen.cn/blog/?p=2185

15、Lomo照相機和寶麗來老式效果之Photoshop教程(英文教程)
http://www.jackchen.cn/blog/?p=2294

16、Photoshop設計出迷人的水彩效果
http://www.jackchen.cn/blog/?p=2880

17、關於攝影后期的Photoshop美化動作
http://www.jackchen.cn/blog/?p=2909

18、15個新鮮和有用的Photoshop教程
http://www.jackchen.cn/blog/?p=3033

19、40個免費的華麗的Psd圖形源文件下載
http://www.jackchen.cn/blog/?p=3081

20、40個華麗的Photoshop抽象藝術燈光效果教程
http://www.jackchen.cn/blog/?p=3115

21、讓你變身阿凡達之電影海報教程
http://www.jackchen.cn/blog/?p=3163

22、50個ICON設計終極教程案例
http://www.jackchen.cn/blog/?p=3174

23、用Photoshop來畫個iPad吧
http://www.jackchen.cn/blog/?p=3288

24、迷幻輕泡效果的Photoshop教程
http://www.jackchen.cn/blog/?p=3316

25、有用的Adobe公司Photoshop技巧教程和工具
http://www.jackchen.cn/blog/?p=3323

26、2分鐘PS出光滑皮膚的秘密
http://www.jackchen.cn/blog/?p=3430

27、Photoshop教程之文字圖片效果
http://www.jackchen.cn/blog/?p=3532

28、創建一個智能對象時尚咖啡杯
http://www.jackchen.cn/blog/?p=3558

29、80+顏色變更Photoshop動作大合輯
http://www.jackchen.cn/blog/?p=3713

30、教你在Photoshop里渲染一個色彩絢麗的光影場景
http://www.jackchen.cn/blog/?p=3755

31、iPhone和iPad開發圖形用戶界面工具箱和模板以及圖標
http://www.jackchen.cn/blog/?p=3929

32、如何讓你的照片有老式寶麗萊效果
http://www.jackchen.cn/blog/?p=3949

33、40套1000個Photoshop筆刷
http://www.jackchen.cn/blog/?p=4251

34、如何掌握色彩搭配學
http://www.jackchen.cn/blog/?p=4282

35、38套(950個)水彩的Photoshop筆刷集
http://www.jackchen.cn/blog/?p=4487

36、Photoshop CS4中瓶和罐的動作
http://www.jackchen.cn/blog/?p=4531

37、如何繪製一個老式寶麗萊相機圖標
http://www.jackchen.cn/blog/?p=4571

38、60+必備的優秀奇幻Photoshop筆刷
http://www.jackchen.cn/blog/?p=4587

39、50個殺手級別的平面設計師教程
http://www.jackchen.cn/blog/?p=4605

40、20個新鮮的Photoshop圖標設計教程
http://www.jackchen.cn/blog/?p=4697

41、7款全新設計的免費字體
http://www.jackchen.cn/blog/?p=4722

42、45個高品質的PSD源文件資源
http://www.jackchen.cn/blog/?p=4728

43、28個新鮮的Photoshop文字效果教程
http://www.jackchen.cn/blog/?p=4737

44、分享60個高品質PSD文件
http://www.jackchen.cn/blog/?p=4776

45、30個驚人的Photoshop教程和技巧
http://www.jackchen.cn/blog/?p=4882

46、用Photoshop繪製逼真的IPad2
http://www.jackchen.cn/blog/?p=4991

47、50個桌面壁紙畫報適用於iPad和iPhone
http://www.jackchen.cn/blog/?p=5013

48、50個免費高精度的ICON主題下載
http://www.jackchen.cn/blog/?p=2446

49、60個PSD格式的ICON和按鈕模板
http://www.jackchen.cn/blog/?p=3384

50、N多套最新RSS圖標免費下載
http://www.jackchen.cn/blog/?p=1415

51、新鮮、免費、高質的網頁設計圖標打包下載
http://www.jackchen.cn/blog/?p=1496

=======update=====

52、推薦一款創意的免費字體下載
http://www.jackchen.cn/blog/?p=5052

=======update=====2011.07.21.-5

53、在Photoshop里創建一個復古星際通訊裝置
http://www.jackchen.cn/blog/?p=4922

54、40個華麗的復古風格Photoshop教程
http://www.jackchen.cn/blog/?p=4792

55、美麗的Photoshop蒙太奇教程
http://www.jackchen.cn/blog/?p=4757

56、30個華麗字體創意設計教程
http://www.jackchen.cn/blog/?p=4468

=======update=====2011.07.25 --10

57、現代用戶界面和布局教程
http://www.jackchen.cn/blog/?p=3292

58、20個不能錯過的英文可愛字體
http://www.jackchen.cn/blog/?p=3738

59、45個超好的攝影教程和後期技術
http://www.jackchen.cn/blog/?p=3987

60、10個免費的Slab Serif字體
http://www.jackchen.cn/blog/?p=3778

61、30+Photoshop設計教程
http://www.jackchen.cn/blog/?p=4089

62、你應該知道的15個超攢Photoshop筆刷站點
http://www.jackchen.cn/blog/?p=4085

========update=====2011.07.26 - 7

63、30+設計技巧教程幫助你成為漫畫大師
http://www.jackchen.cn/blog/?p=4171

64、令人難以置信的高品質設計資源
http://www.jackchen.cn/blog/?p=4130

65、分析那些使用字體元素的流行品牌標誌設計
http://www.jackchen.cn/blog/?p=4120

66、照片修飾技巧和Photoshop技巧
http://www.jackchen.cn/blog/?p=4245

67、30個新鮮的Photoshop教程
http://www.jackchen.cn/blog/?p=4181

68、60個超實用華麗的GUI PSD設計包
http://www.jackchen.cn/blog/?p=4438


========update====2011.07.31

69、新潮優雅的電子名片PSD模板包
http://www.jackchen.cn/blog/?p=5078

70、用Photoshop製作復古行星景觀海報
http://www.jackchen.cn/blog/?p=5084

71、10個優秀的免費漫畫書字體
http://www.jackchen.cn/blog/?p=5089

72、50個超實用的設計師和開發師的備忘單
http://www.jackchen.cn/blog/?p=5107

73、設計師必備的100個免費字體下載
http://www.jackchen.cn/blog/?p=5112

74、Google Plus(+) 圖標下載 (PNG PSD)
http://www.jackchen.cn/blog/?p=5127

75、如何在Photoshop繪製經典電吉他
http://www.jackchen.cn/blog/?p=5138

========update====2011.08.01-20


76、70個設計師需要的實用免費PSD文件
http://www.jackchen.cn/blog/?p=5153

77、免費贈品:20個可愛的高品質網路圖標
http://www.jackchen.cn/blog/?p=4099

78、如何拍攝出景深以及在Photoshop中如何調製
http://www.jackchen.cn/blog/?p=3462

79、40個專業的分層網頁模板教程及PSD源文件下載
http://www.jackchen.cn/blog/?p=3052


========update=====2011.08.02-

80、52個免費華麗的Photoshop筆刷
http://www.jackchen.cn/blog/?p=5175

81、2011年8月-日曆桌面壁紙精選
http://www.jackchen.cn/blog/?p=5186

========update=====2011.08.10

82、贈品:水平手風琴風格PSD源文件
http://www.jackchen.cn/blog/?p=5193

83、分享一個非常不錯的彩色復古紋理包
http://www.jackchen.cn/blog/?p=5223

84、38個按鈕模板真正脫穎而出
http://www.jackchen.cn/blog/?p=5247

85、14個新鮮的免費圖標集
http://www.jackchen.cn/blog/?p=5257

86、10個新鮮的免費字體
http://www.jackchen.cn/blog/?p=5272

========update=====2011.08.15

87、30個新鮮有趣的Photoshop教程
http://www.jackchen.cn/blog/?p=5289

88、15個有趣不同尋常的字體設計啟發
http://www.jackchen.cn/blog/?p=5285

89、PSD著色資源設計師們的最愛
http://www.jackchen.cn/blog/?p=5306

========update=====2011.08.20

90、50個新鮮優質高品質免費PSD文件
http://www.jackchen.cn/blog/?p=5350

91、50個高品質免費圖標集
http://www.jackchen.cn/blog/?p=5355

92、終極收藏之高質量的社會媒體圖標集
http://www.jackchen.cn/blog/?p=5379


========update=====2011.08.29

93、60個高品質Photoshop PSD文件
http://www.jackchen.cn/blog/?p=5383

94、具有創造性的平面廣告印刷示例
http://www.jackchen.cn/blog/?p=5462

95、31個豐富多彩的高質量免費紋理包
http://www.jackchen.cn/blog/?p=5428

96、45+免費在線工具來創建圖表和流程圖
http://www.jackchen.cn/blog/?p=5480

=========update=====2011.09.03

97、43個高品質免費圖標創意合輯
http://www.jackchen.cn/blog/?p=5498

98、如何創建抽象的幾何馬賽克文字效果
http://www.jackchen.cn/blog/?p=5502

99、業餘攝影師的照片色彩校正
http://www.jackchen.cn/blog/?p=5527

100、2011年9月-日曆桌面壁紙精選
http://www.jackchen.cn/blog/?p=5510

=========update=====2011.09.24

101、35個高品質的PSD UI的網頁設計元素
http://www.jackchen.cn/blog/?p=5521

102、業餘攝影師的照片色彩校正
http://www.jackchen.cn/blog/?p=5527

103、MAC風格的通知PSD素材
http://www.jackchen.cn/blog/?p=5536

104、Photoshop驚人的創意設計
http://www.jackchen.cn/blog/?p=5560

105、25 +網頁設計師和開發人員必須具備的瀏覽器插件
http://www.jackchen.cn/blog/?p=5546

106、40個非常有用的Fireworks教程
http://www.jackchen.cn/blog/?p=5614


==========update======2011.10.14

107、35+illustrator的漫畫角色教程
http://www.jackchen.cn/blog/?p=5632

108、48個免費的Photoshop動作
http://www.jackchen.cn/blog/?p=5640

109、20+免費獨特的名片模板
http://www.jackchen.cn/blog/?p=5665

110、30個不可思議的Photoshop教程
http://www.jackchen.cn/blog/?p=5709


==========update======2011.10.24


111、50個新鮮的免費Photoshop筆刷包
http://www.jackchen.cn/blog/?p=5750

112、20個新鮮免費的標題字體
http://www.jackchen.cn/blog/?p=5759

113、新鮮優質的智能手機PSD文件大集結
http://www.jackchen.cn/blog/?p=5777


==========update======2011.11.23

114、新鮮發布的Photoshop教程
http://www.jackchen.cn/blog/?p=5844

115、插畫師的創作設計過程
http://www.jackchen.cn/blog/?p=5857

116、50個經典復古的免費設計字體
http://www.jackchen.cn/blog/?p=5888

117、10個新的免費字體贈品
http://www.jackchen.cn/blog/?p=5899

118、45個Photoshop教程實例
http://www.jackchen.cn/blog/?p=5913


==========update======2011.12.05

119、30個免費專業使用的用戶界面PSD素材
http://www.jackchen.cn/blog/?p=5929

120、35個Photoshop創建的神奇燈光效果教程
http://www.jackchen.cn/blog/?p=5978

121、50個高品質圖片Photoshop後期處理教程技巧
http://www.jackchen.cn/blog/?p=5972

122、2011年12月-日曆桌面壁紙精選
http://www.jackchen.cn/blog/?p=6110

==========update======2011.12.26

123、照片後期Photoshop調色教程
http://www.jackchen.cn/blog/?p=6036

124、50個新鮮免費的PSD源文件
http://www.jackchen.cn/blog/?p=6129

125、2011年終極收藏高品質的Photoshop教程
http://www.jackchen.cn/blog/?p=6196

126、聖誕節免費贈送18個聖誕+新年圖標和PSD
http://www.jackchen.cn/blog/?p=6229


==========update======2012.01.04


127、2011年優秀的wordpress主題合輯
http://www.jackchen.cn/blog/?p=6239

128、2011年40個詳細的Photoshop圖標設計教程
http://www.jackchen.cn/blog/?p=6246

129、平面廣告的創意排版設計
http://www.jackchen.cn/blog/?p=6250

130、2011年70張美麗高品質的免費紋理素材
http://www.jackchen.cn/blog/?p=6252

131、2012年01月-日曆桌面壁紙精選
http://www.jackchen.cn/blog/?p=6294

==========update======2012.01.10

132、2011年高品質免費PSD文件華麗收集
http://www.jackchen.cn/blog/?p=6312

133、2011年50個最優秀的免費字體設計資源
http://www.jackchen.cn/blog/?p=6333

==========update======2012.02.07

134、2012年02月-日曆桌面壁紙精選
http://www.jackchen.cn/blog/?p=6498

135、2011年50個最優秀的平面設計教程合集
http://www.jackchen.cn/blog/?p=6354

136、55個高品質背景花紋無縫填充素材
http://www.jackchen.cn/blog/?p=6364

137、40新鮮和高品質的PSD格式的免費圖標集
http://www.jackchen.cn/blog/?p=6435

138、15個免費高品質文件夾圖標素材
http://www.jackchen.cn/blog/?p=6457

139、16個免費高品質花卉Photoshop筆刷集
http://www.jackchen.cn/blog/?p=6472

==========update======2012.03.23

140、免費高品質情人節圖標素材
http://www.jackchen.cn/blog/?p=6468

141、50個不能錯過的高品質PSD圖標素材
http://www.jackchen.cn/blog/?p=6488

142、20個新鮮的圖標設計Photoshop教程
http://www.jackchen.cn/blog/?p=6503

143、16個免費的高品質Twitter圖標下載
http://www.jackchen.cn/blog/?p=6529

144、20個免費油漆剝離紋理素材
http://www.jackchen.cn/blog/?p=6552

145、50個免費的Photoshop名片模板素材
http://www.jackchen.cn/blog/?p=6557

==========update======2012.04.24

146、14個高品質的免費漫畫字體
http://www.jackchen.cn/blog/?p=6589

147、10個新鮮優秀的免費字體下載
http://www.jackchen.cn/blog/?p=6608

148、40+新鮮極富創意的Illustrator教程
http://www.jackchen.cn/blog/?p=6572

149、18個免費的高品質Photoshop筆刷集
http://www.jackchen.cn/blog/?p=6623

150、50個詳細的Photoshop圖標設計教程
http://www.jackchen.cn/blog/?p=6741


PS:希望大家能關注JC的知乎,JC會持續更新更多的優秀的好的設計素材和資料教程。


Links: http://www.jackchen.cn/blog
訂閱這斯圍脖:http://weibo.com/jackchen
訂閱這貨博客:http://feed.feedsky.com/jackchen1984
訂閱JC豆瓣九點:http://9.douban.com/subject/9089632/

==============================


在扁平化的大潮流下,我比較喜歡Free vector icons,可以搜索大量的扁平化圖標,提供各種格式下載


在做設計時,好的素材和靈感往往都不可缺少。下面就來介紹一些你可以尋找到素材和靈感的網站,當你設計進行不下去的時候,不如去這些網站看一看。

icon 素材

iconfinder

iconfinder 應該是大家最熟悉的一個 icon 素材網站了,這個網站有將近 200 萬的 icon 素材,有免費和收費的 icon。只要將你想要尋找的 icon 關鍵詞,輸入到網站的搜索框進行搜索,說不定就能找到你心中理想的 icon 素材了。

iconfinder 可以下載素材格式很多,其中包括最常用的矢量格式 SVG 和最常用的點陣圖格式 PNG,而且,iconfinder 還推出了一個可以在線編輯 icon 的 icon editor 功能,可以將找到的素材,根據自己的需求,在線完成編輯。

iconfont

iconfont 是阿里媽媽 MUX 傾力打造的矢量圖標管理、交流平台。 設計師可以將設計的 icon 素材上傳,供大家下載多種格式的素材。也可以將 icon 轉換為字體格式,方便前端工程師使用。

可以單個下載和批量下載 icon,下載的 icon 格式包括常用的 SVG,AI,PNG,同時還可以對下載的素材顏色進行自定義。批量下載時,將喜歡的 icon 加入購物車,再點擊網站右上角的購物車,就可以批量下載了,批量下載還可以下載對應的 icon 代碼,供 WEB 前端,iOS,Android 平台的工程師使用。

設計素材

Freepik

Freepik 是一個可以下載免費矢量素材的網站,同時也可以找到 icon、PSD、和圖片等資源。通過網站的搜索框,對想要的關鍵詞進行搜索,就可以了。由於矢量素材可以不失真的放大和縮小、可以簡單的拆分出想要的素材部分等特點,已經成為了下載素材的首選。

Sketch App Sources

Sketch App Sources 是一個可以下載 Sketch 素材的網站,由於 Sketch 更擅長設計 icon 和網頁及手機 UI,所以,這裡的素材一般多為 icon 和網站及手機界面設計素材為主。需要做相關設計的小夥伴,可以來這個網站,找找有沒有你需要的資源。

顏色資源

Color Hunt

Color Hunt 是一個提供顏色搭配的網站,網站每天更新一個新的顏色搭配,同時你也可以查看最熱門、最流行或者隨機查看顏色搭配。當你自己做設計,卻不知道要用什麼顏色時,來這裡看看說不定會有意外收穫。

Nippon Colors

Nippon Colors 是一個日本傳統色系的網站,總共收錄了 250 種顏色,並標註了每種顏色的名稱。如果想要做一些日系設計,可以來這個網站尋找下,有沒有你想要的顏色。

設計靈感

lapa

lapa 是一個可以查看優秀網頁設計的網站,這個網站不僅展示了網頁的截圖,還收錄了每個網站的鏈接,方便直接訪問。網站支持通過顏色或者網站類型來篩選查看結果,方便尋找自己所需要的網站設計風格。

Reeoo

Reeoo 是一個集合了網頁、App、設計師、icon 等優秀設計的網站。其中收錄的網站、App、設計師都有對應的鏈接可以直接跳轉,並且也可以通過顏色來查找想要的設計風格。這個網站是由國人搭建的,搭建的初衷其實是為了自己收集網頁用的。

(題圖使用的配色來自 Color Hunt,icon 素材來自 iconfinder,矢量素材來自 freepik)


01、librestock

這是一個包含了國外43個免費圖片網站的搜索引擎,比如pexel、pixabay等,圖片都免費而且可以直接下載。

再也不用一個一個保存網站了。

http://http://librestock.com

02、unsplash

也是國外一個免費圖片網站,重點是圖片都可以商用。

http://http://unsplash.com

03、forwallpaper

Forwallpaper是一個非常良心的壁紙下載網站,圖片按著不同的用途進行了分類,質量很高。

http://http://cn.forwallpaper.com

04、500PX

最大的攝影師交流社區之一,圖片質量都是最高的,不過需要付費才能下載。https://http://500px.com

其實在Chrome的在線商城裡面有一款插件可以直接抓取500px的圖片,500px download

你可以點擊標題跳轉,或者在Chrome商店裡搜索下載。但是記得,圖片不要商用。

05、圖魚網

一個背景紋理圖下載站點,如果覺得白底PPT不好看,可以來試試這裡的素材。

http://www.http://hituyu.com

06、千庫網

千庫網也是一個背景圖片下載網站,做PPT、UI必備。

http://http://588ku.com

其實千庫還是主打免摳PNG素材的,整個網站乾淨,沒有一點廣告,圖片都可以免費下載,很方便。


中文的,www.yestone.com.圖片素材網站,不僅限於網頁設計素材


這個很多的,分享一下別人收藏的設計類網站資源

網頁UI設計PSD資源站大集合 http://ikeepu.com/list/61360
國內外200+設計類網站大搜羅~ http://ikeepu.com/list/10045
設計師相關的網站 http://ikeepu.com/list/10230
移動設計UI參考站 http://ikeepu.com/list/63970
120個前端工具+素材 http://ikeepu.com/list/61958
設計網站大全 http://ikeepu.com/list/10306
Dribbble 上的那些業界頂級設計師 http://ikeepu.com/list/65609
用戶引導設計 http://ikeepu.com/list/63433
App開發者必備的運營、原型、UI設計素材站點整理 http://ikeepu.com/list/65597
靈感之源 http://ikeepu.com/list/61738

每個裡面都有至少幾十甚至上百的資源,而且都是設計師的個人收藏,從他們的收藏應該可以找到你喜歡的。


我想分享的只是8個實用的交互設計工具,不需要就當我亂入畫面好了,拜~~

Mockup Builder

殺手級的原型工具 MockupBuilder最近才發布,很值得期待。他有非常多的功能:UI模型,交互的線框圖,頁面布局,客戶端原型甚至站點地圖和屏幕導航。

Tiggr

協作製作原型圖 Tiggr的思想是給你需要做成最終稿的所有資源。你可以設計很多的元素,然後分享,其他的協作用戶會幫你製作相應HTML/CSS代碼,以達到最快生成。

Frame Box

輕量級原型在線製作 FrameBox並沒有多麼特別的特色。你可以拖放、設置大小、複製粘貼這些UI組件,但是他的特色在於你可以非常輕鬆的通過它的拖拽很容易就完成你的原型製作。

SimpleDiagrams

免費版(Adobe Air App)simplediagrams是一個非常小巧的Adobe Air程序,通過他你可以非常輕鬆的實現自己的想法。拖拽組件,添加圖片或者便簽,導出PNG圖都是它的特色,通過添加一些小功能就能實現一個非常不錯的原型圖。

iPhone Mockup

iPhone原型製作,在iPhone Mockup裡面你可以使用鉛筆模式,也可以使用圖表模式的編輯器。不管你選擇什麼,功能都是一樣的,都可以很簡單很方便地生成iPhone上的應用原型。你也可以分享給別人,就算你更改了設計,別人通過那個鏈接也一樣可以看到。

FluidIA

fluidIA是一個在線的但是可以下載的富用戶界面原型設計工具。它基於面向對象的理念,可以讓你快速完善。它設計的基本思想是團隊中的任何成員,無論是設計師還是工程師都可以自由地設計自己的原型。最近fluidIA的更新稍微慢了點,但是它仍是一個非常優秀的線框圖工具。

Pencil Project

FireFox插件 Pencil Project是一個原型界面設計的Firefox插件,通過它內置的模板,你可以創建可鏈接的文檔,並輸出成為HTML文件、PNG、OpenOffice文檔、Word文檔、PDF。還有什麼可說的呢?這麼優秀的插件,是每個設計師和開發人員必備啊。

CogToolWin MAC下應用程序 CogTool是一個強大原型生成工具,他與別的工具還有一些不同,他可以對你的設計自動根據人類認知模型進行評估。你可以通過一些圖標啊按鈕啊圖片,生成一個描述,然後點擊評估的按鈕,它就會對你的設計進行人類認知模型的評估,它會告訴你一般人需要多久才能理解你的意圖。

Prototype Composer

Prototype Composer可以讓你在真正的代碼編寫之前就看到網站是如何運行的。以前的那些無數的文字入口,複雜的數據結構以及技術含量不低的UML圖,這個工具可以讓你很方便地協作完成一個看起來能運行的程序。

DUB – DENIM(跨平台應用程序) DENIM是一個跨平台的桌面程序。它自己的介紹是為早期網站設計提供幫助的非正式工具。

它有很多理念來自於紙筆設計原型。你可以快速地畫出草圖,保證重要的功能優先。但是跟紙筆的草圖不同的是,他還可以有交互和動畫。

相關的資料下載:
網頁版式設計原理 ppt版本
《訪客至上的網頁設計秘笈》pdf全本
最後還有沙拉一道:常用工具下載、交互,UI相關分享設計師文化周


轉:

《如何製作一個完美的錯誤提示信息》

每個系統都會出現暫停工作的時候,它可能是用戶的錯誤操作或系統故障導致的。在這兩種情況下,設計一個完美的錯誤信息尤為重要,因為它能有效提高用戶體驗。如何製作一個完美的錯誤信息?它往往包含以下3個重要部分:

●清楚的文本信息。

●正確的放置。

●良好的視覺設計。

第一部分:清楚的文本信息

1.錯誤信息應該清楚明了

錯誤信息應該明確告訴用戶問題是什麼,為什麼會發生,以及如何處理。首先你要將錯誤信息視為與用戶的對話 - 它應該看起來更加人性化。其次要確保你的錯誤信息有禮貌,可理解,友好和易懂。

2. 錯誤信息應該是有幫助的

在錯誤信息中只是指出錯誤是不夠的,還需提示用戶如何快速簡單地解決問題。

例如,微軟在消息中描述錯誤的同時還提供了解決方案,以便用戶可以立即解決此問題。

3. 在特定情況下顯示相應錯誤信息

網站通常只會在驗證狀態中使用錯誤消息。如果你將電子郵件地址填寫一欄留空,錯誤消息會提示你「輸入有效的電子郵件地址」,當你漏掉了「@」字元時也會提示「輸入有效的電子郵件地址」。MailChimp則由另外一種方式執行,它們對於電子郵件驗證狀態都有3個錯誤消息。 第一個在提交表單時檢查輸入欄位是否為空。 另外兩個檢查是否有「@」和「。」字元。(但是「請輸入一個值」並不是錯誤信息寫入的一個好例子,用戶並不清楚需要輸入什麼值)。給用戶展示的不是籠統的信息。

4. 錯誤信息用語應該禮貌

即使用戶在操作中失誤,也不要想著去責怪他們。對待用戶要有禮貌,讓他們感到舒適方便。這是一個傳播品牌聲音的好機會,通過添加個性的錯誤信息提示,讓用戶對你們的品牌更加印象深刻。

5.適當運用詼諧語言

在錯誤信息中使用幽默語言需謹慎,切記分清主次。首先,確保錯誤信息為用戶提供信息和幫助。其次,在恰當的時候添加一些詼諧的語言可以有效提高用戶體驗。

第二部分:正確放置錯誤消息

一個成功的錯誤信息是往往在你需要的地方出現。避免錯誤信息對用戶造成誤導,將錯誤消息放在與他們相關的UI元素旁邊。

第三部分:錯誤信息須有正確的視覺設計

成功的錯誤消息除了文本應清晰可見,正確的視覺設計也至關重要。視覺設計通過使用對比文本和背景顏色,以便用戶可以輕鬆地注意並閱讀消息。通常情況下,紅色用於錯誤消息文本。但在某些情況下,也使用黃色或橙色,因為紅色對用戶來說壓力太大。在這兩種情況下,都要確保錯誤文本清晰可辨,與其背景顏色有明顯的對比。不要忘記提供顏色旁邊的相關圖標,以提高色盲人群使用的無障礙水平。

結論

錯誤消息是改善用戶體驗,傳播品牌聲音和獨特品牌個性的絕佳機會。一個成功的錯誤消息必須注意語言,位置和視覺設計這三方面,這樣才能使你的錯誤消息變得更加完美!

原文鏈接:https://uxplanet.org/how-to-write-a-perfect-error-message-da1ca65a8f36

原文作者: Vitaly Dulenko

學習工具,但不受限於某種工具。Mockplus做原型,更快更簡單,現在下載Mockplus,免費體驗暢快的原型設計之旅。


介紹一個 飛機稿分享網站 365psd,上面很多網頁按鈕的PSD文件,很多值得我們學習

http://www.365psd.com

另外一個就是 http://www.dribbble.com 這個網站是設計師微博,雖然不是素材網,但可以看看別人的作品,激發自己靈感。


  • 網頁模版巨人

    著名的網頁模版庫,借鑒和學習網頁趨勢的寶地

  • Entheos Templates

    強大的模板庫,包括最流行的響應式網頁、HTML5酷站等

  • 夢幻模板

    超過7000個夢幻般的網站模板及Flash模板下載

  • 網頁模版世界

    提供各種專業的網頁開發模板,記得利用好左側的分類

  • 4Templates

    網頁模版市集,挑那些貴的看,然後Live Demo預覽,然後...

  • 免費網站模板

    有幾百個免費網站模板下載,可以挑著看看

  • 享譽全球的 WIX

    超贊!該站全球排名378!可以幫你免費定製網站

  • 免費模版庫

    歷史悠久的老站點,1999年就致力於分享免費網站模版

  • 模版盒子

    提供免費的網頁模版和Flash站點下載,分類詳細

  • Buy Templates

    一個賣網頁模版的站點,大家可預覽手工下載

  • ThemeForest

    TF的模版頻道,業內最大的網站模板和CMS主題商城之一

  • GavickPro

    好頂贊!驚人且美麗的Joomla模板和WordPress主題

圖標 ICON 下載

  • 扁平化圖標

    超贊!超過160.000個扁平化圖標免費下載,可選顏色

  • Iconfinder

    提供超過150.000個免費圖標搜索下載,部分收費

  • The Noun Project

    強烈推薦!支持中文,一個用圖標詮釋世界的網站

  • easyicon

    中文圖標搜索引擎!可批量下載PNG、ICO、ICNS等格式圖標

  • 圖標檔案庫

    超過416000個免費圖標,可按類別檢索下載喜歡的圖標

  • Icon Icon

    一位來自紐約的設計師,擅長畫圖標,有著十多年的設計經驗

  • 圖標工廠

    聚集世界各國的圖標設計領袖,提供上萬枚免費圖標下載

  • iconshock

    推薦!網站圖標都非常精緻,有各種高質量的應用程序圖標

  • Iconka

    Iconka是一家俄羅斯圖標工作室,專業生產獨一無二的網路圖標和插圖

  • iOS Icon Gallery

    iOS圖標設計畫廊

  • 阿里巴巴矢量圖標庫

    一淘用戶體驗團隊的圖標字體庫,可以打包批量下載

  • PC.DE

    為Win和Mac精心準備的琳琅滿目的免費圖標

  • favicon圖標生成器

    一個在線製作favicon圖標的酷站

  • IcoMoon

    強悍的WEB字體圖標製造器,能生成icon圖或字體

  • iconmonstr

    超贊!難以想像的居然會有這麼棒的免費圖標

  • 圖標巨嘴鳥

    icon都很精緻,喜歡的icon可拖拽到右邊的盒子打包下載

  • iconSweets 2

    五星!優設哥非常喜歡的一套圖標系列,經常使用

  • Icons DB

    超過3200個免費圖標,能按類別瀏覽定製下載圖標

  • IKONS

    給設計人員和開發人員的可縮放矢量圖標

  • toicon

    個性化的像素矢量圖標,免費供您使用

  • Dry Icons

    推薦!提供精度很高的圖標、包含了一些不錯的矢量icon

筆刷 紋理 下載

  • QBrushes

    高質量的Photoshop筆刷,而且更新很快

  • 紋理王

    免費的高解析度頂尖紋理,可以商用

  • Fbrushes

    筆刷+紋理,高質量的免費PS筆刷、圖案及紋理

  • Brusheezy

    筆刷,著名的免費筆刷、圖案紋理資源站

  • BittBox

    素材盒子,免費的高品質筆刷紋理資源

  • Lost and Taken

    一個專註於提供免費、高解析度紋理的設計博客

  • 紋理庫

    很不錯的紋理站,素材都非常精良獨特

  • 紋理愛好者

    幫你收集全球免費的紋理,還有不錯的紋理教程

  • Free Stock Textures

    免費的高清紋理站

  • PS筆刷

    提供超過500個完全免費的優秀PS筆刷

  • 紋理盒子

    來感受一下PSD BOX里那些華麗的紋理吧

  • 高解析度紋理

    提供免費的遊戲紋理、3D紋理,以及設計資源

Logo 設計

  • LogoPond

    Logo,高端logo集萃,設計前必須來池子里泡一泡

  • Logo Moose

    一個Logo設計靈感社區,展示全球專業logo設計師的作品

  • 99 Designs

    99designs是世界上最大的在線圖形設計市場,提供Logo設計服務

  • Logo Gala

    一個展示Logo作品,提供靈感,並能學到設計過程的人氣博客

  • Logo的榮耀

    Logo展示畫廊,提供靈感並對優秀作品授予獎勵勳章

  • Logo Inspirations

    一個每天為你推薦logo作品的設計畫廊

  • Logo狂熱者

    每日更新的Logo設計畫廊,應接不暇的標識靈感

  • Logo Faves

    能讓你找到最鼓舞人心的logo和才華橫溢的設計師

  • Logo靈感畫廊

    可以上傳Logo,並讓大家評論打分的網站

  • Design Inspiration

    TDI網站下的Logo頻道專欄,收集非常棒的品牌標識

  • Logo摯愛

    給你講精彩的Logo設計故事,每周更新一到兩次的高端博客

  • Logo Design

    一家享譽全球的圖形和標誌設計機構,來自英國


    找資料的時候找到的

    來自設計師網址導航

    在這裡存一下 順便分享給大家。


寫幾個比較常用的吧

一 包圖網

去年才剛推出來的網站,本來沒抱多太大希望,

登陸一次以後就發現還不錯,素材多而且質量比較高,

頁面相對簡潔,沒有什麼亂七八糟廣告鏈接,推薦包年會員,無線下載。

二 花瓣網

主頁很小清新有木有?很文藝有木有?

不得不說這主頁很吸引妹子啊!

花瓣產品經理一看就是個有故事的人

花瓣的優勢就是圖片質量還不錯, 設計藝術攝影類型的圖片比較好收集。

缺點就是, 內容較少,分類不太明確,有些商業海報素材就太埋汰了

三 500Px

嚴格來說,這是個攝影社區,主要以風景攝圖為主。

界面非常美觀,裡面的圖片質量非常高,建議設計師多上這類網站,可以提升審美素養

缺點也很明顯,很多圖片明顯後期過重,而且很多攝影師為了賣圖片,多少有些秀後期的成分,所以呢,還是要認真甄別

就上就是我經常用的素材網站,希望能幫到題主


老司機導航


世界上最出名的7個設計(資源)網站:靈感無限!7個激發靈感的專業級UI設計資源網站


把自己感覺不錯的素材站做了個專輯,大家可以看下:http://ikeepu.com/list/61360


樓上給出了很多素材網站啊,收藏了
再補充一個
icon素材網站
http://www.iconpng.com


推薦閱讀:

作為一名互聯網設計師,你們和程序員都有過什麼樣的趣事?
設計師從蘋果官網(www.apple.com)能學到哪些網頁設計的重要原則和啟發?
國內外有哪些好的前端實戰網站?
國外這種輪播圖風格去哪裡找?

TAG:網頁設計 | 視覺設計 | 網站推薦 | 設計素材 | 素材庫 |