console
<body class="page-template page-template-pages page-template-navs page-template-pagesnavs-php page page-id-5013 nav_fixed m-excerpt-cat m-excerpt-time site-layout-2 text-justify-on m-sidebar">
<section class="container" id="navs">
<div class="items">
<div class="item">
<h2>前端开发</h2>
<ul class="xoxo blogroll">
<li><a href="http://jsrun.net/" title="前端工程师必备的技术网站">JSRUN</a></li>
<li><a href="http://w3ctech.com/" title="web标准化交流会">w3ctech</a></li>
<li><a href="http://www.qianduan.net/" title="专注于网站前端设计与前端开发">前端观察</a></li>
<li><a href="http://www.webapptrend.com/" title="关注跨平台开发以及Web App技术发展与实践">Web App Trend</a></li>
<li><a href="http://www.css88.com/" title="专注前端开发，关注用户体验">前端开发</a></li>
<li><a href="http://www.w3cplus.com/" title="以探索为己任，不断活跃在行业技术最前沿，努力提供高质量前端技术博文">w3cplus</a></li>
<li><a href="http://www.mhtml5.com/" title="HTML5研究小组">HTML5研究小组</a></li>
<li><a href="http://www.html5china.com/" title="HTML5中文网">HTML5中文网</a></li>
<li><a href="http://hao.jsrun.net/" title="前端开发为主的综合性博客性媒体，将前端分析的很透彻">大前端</a></li>
<li><a href="http://browsershots.org/" title="超多的浏览器兼容性在线测试，免去了在本机安装N多浏览器的烦恼">Browsershot</a></li>
<li><a href="http://validator.w3.org/" title="W3C在线检验">W3C在线检验</a></li>
<li><a href="http://www.webplatform.org/" title="苹果、Google、微软、Facebook等巨头强势联盟，加入W3C共推维基式开放网站Web Platform。该网站将提供关于HTML5, CSS3以及其他跟Web标准相关的最新优质内容，并提供关于这类技术开发、实践技巧，打造互联网上该类内容的单一、权威发布平台">Web
Platform</a></li>
<li><a href="http://www.css3maker.com/" title="css3在线生成器">Css3Maker</a></li>
<li><a href="http://www.imooc.com" title="学习编程最简单的免费平台，慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。" target="_blank">慕课网</a></li>
</ul>
</div>
<div class="item">
<h2>程序员社区</h2>
<ul class="xoxo blogroll">
<li><a href="https://v2ex.com">V2EX</a> </li>
<li><a href="https://SegmentFault.com">SegmentFault</a> </li>
<li><a href="https://csdn.net">CSDN</a> </li>
</ul>
</div>
<div class="item">
<h2>图库</h2>
<ul class="xoxo blogroll">
<li><a href="http://gensun.org/" title="来自日本的原尺寸图片检索工具，丫竟然支持中文搜索！并且无底线啊！">GenSun</a>底线啊！</li>
<li><a href="http://500px.com/" title="顶级摄影图片分享网站">500px</a></li>
<li><a href="http://wallbase.cc/home" title="强大的检索功能图库，尺寸超大">Wallbase</a></li>
<li><a href="http://www.corbisimages.com/" title="著名的创意资源供应机构">Corbis</a></li>
<li><a href="http://www.timtadder.com/" title="国外创意广告设计图库">TimTadder</a></li>
<li><a href="http://vi.sualize.us/" title="国外创意图片库">visualizeus</a></li>
<li><a href="http://pixabay.com/" title="寻找美轮美奂的无版权限制的图片">pixabay</a></li>
<li><a href="http://www.studio25.ro/EN" title="国外创意图片图库">studio25</a></li>
<li><a href="http://www.cgtextures.com/" title="国外超全的免费背景图，各种材质纹理">Cgtextures</a></li>
<li><a href="http://www.flickr.com/" title="flickr全球图片库">flickr</a></li>
<li><a href="http://www.quanjing.com/" title="国内人气较高版权图库">全景视觉</a></li>
<li><a href="http://www.gettyimages.cn/" title="提供来自全球的优质创意图片和影视素材">华盖创意</a></li>
<li><a href="http://www.shutterstock.com/" title="知名的收费图片网站">Shutterstock</a></li>
<li><a href="http://www.123rf.net/" title="微利正版创意图片素材服务">123RF</a></li>
<li><a href="http://www.topicimages.com/" title="韩国图库网站">TOPicimages</a></li>
</ul>
</div>
<div class="item">
<h2>图标</h2>
<ul class="xoxo blogroll">
<li><a href="http://iconmonstr.com/" title="一套简笔Icon，包含各尺寸Icon上千个">Iconmonstr</a></li>
<li><a href="http://www.iconsdb.com/" title="免费的图标下载网站，可选择多种尺寸和格式">Icons DB</a></li>
<li><a href="http://iosicongallery.com/" title="收录了苹果客户端的所有的ios产品的图标">IOSIconGallery</a></li>
<li><a href="http://ux.etao.com/fonts" title="一淘UX团队的图标字体库">一淘UX图标库</a></li>
<li><a href="http://weloveicons.com/" title="图标鉴赏">WeLoveIcons</a></li>
<li><a href="http://www.greatvectors.com/" title="国外专注于提供矢量素材下载的网站，更新频率较快">Greatvectors</a></li>
<li><a href="http://iconfever.com/" title="国外免费图标下载">Iconfever</a></li>
<li><a href="http://www.favicon.cc/" title="在线生成ico浏览器图标">Favicon</a></li>
<li><a href="http://www.freeiconsdownload.com/" title="按属性分类，国外免费图标下载">Dryicons</a></li>
<li><a href="http://findicons.com/" title="FindIcons图标搜索引擎">FindIcons</a></li>
<li><a href="http://www.easyicon.cn/" title="图标搜索引擎，支持中文检索">Easy Icon</a></li>
<li><a href="http://www.iconfinder.com/" title="iconfinder图标搜索引擎">IconFinder</a></li>
<li><a href="http://www.iconpng.com/" title="IconPng图标搜索引擎">爱看图标</a></li>
<li><a href="http://icomoon.io/" title="强大的简约图标库">Icomoon</a></li>
<li><a href="http://www.shapes4free.com/" title="提供了免费的photoshop自定义形状、图标">Shapes4free</a></li>
</ul>
</div>
<div class="item">
<h2>字体</h2>
<ul class="xoxo blogroll">
<li><a href="http://font-combinator.com/" title="提供在线预览的文字组合排版工具">The Web Font</a></li>
<li><a href="http://www.google.com/webfonts" title="个性字体不必用图片，用字符就可以实现">谷歌网络字体</a></li>
<li><a href="http://www.ddfont.com/" title="直观的英文字体下载网站">DdFont</a></li>
<li><a href="http://www.showfont.net/" title="英文字体下载网站，预览直观">ShowFont</a></li>
<li><a href="http://www.qiuziti.com/" title="上传字体图片帮您找到中文字体安装文件">求字体</a></li>
<li><a href="http://www.myfonts.com/WhatTheFont/" title="上传字体图片帮您找到英文字体安装文件">Myfonts</a></li>
<li><a href="http://zh.fonts2u.com/" title="免费为Windows和Mac系统提供下载免费的字体">Fonts2u</a></li>
<li><a href="http://www.dafont.com/" title="优秀英文字体精选，各个经典有特色">Dafont</a></li>
</ul>
</div>
<div class="item">
<h2>工具</h2>
<ul class="xoxo blogroll">
<li><a href="http://fanyi.youdao.com/web2/" title="浏览国外网站必备，即时翻译工具">有道网页翻译2.0</a></li>
<li><a href="https://www.fluidui.com/editor/live/" title="一款可以跨平台、跨设备开发应用程序设计模型的网页应用程序">Fluid UI</a></li>
<li><a href="http://www.youserials.com/" title="序列号共享，你懂的">YouSerials</a></li>
<li><a href="http://resizemybrowser.com/" title="分辨率测试工具，友好的列出了常用的终端分辨率">ResizeMyBrowser</a></li>
<li><a href="https://gomockingbird.com/" title="在线线框制作工具">Mockingbird</a></li>
<li><a href="http://www.similarsitesearch.com" title="输入网址搜索出同类网站，做竞品分析利器">搜索相似网站</a></li>
<li><a href="http://www.jpegmini.com/main/shrink_photo?test_coo" title="提供在线的JPEG格式图片优化">JPEG优化</a></li>
<li><a href="http://www.psykopaint.com/index.html" title="独特的油漆滤镜，上传自己的图片，通过笔刷将图片手动或自动转化成油漆图画">Psykopaint</a></li>
<li><a href="http://www.processon.com" title="ProcessOn是一个方便易用、免费高效的在线作图工具，运用它可以免费制作多种图" target="_blank">ProcessOn</a></li>
</ul>
</div>
<div class="item">
<h2>教程</h2>
<ul class="xoxo blogroll">
<li><a href="http://www.psdbox.com/" title="原创Ps教程，并归纳出比较适合初学者的部分">Psd box</a></li>
<li><a href="http://www.tutorial9.net/" title="内容涵盖开发、动画、设计方面的教程">Tutorial9</a></li>
<li><a href="http://psd.tutsplus.com/" title="平易近人的展示一些优秀的PS教程">Psdtuts+</a></li>
<li><a href="http://www.68ps.com/" title="Photoshop专业中文教程网">PS联盟</a></li>
<li><a href="http://photoshoptutorials.ws/" title="接触PS图像处理软件教程">Contact</a></li>
<li><a href="http://www.photoshoplady.com/" title="提供详细的PS教程，涵盖3D效果、文字效果、文理与图案、照片及绘图效果等">Photoshop Lady</a></li>
<li><a href="http://www.psdvault.com/" title="专注于世界各地PS爱好者提供的所有高品质步骤化教程">PSD Vault</a></li>
<li><a href="http://www.photoshopstar.com/" title="国外很系统的PS教程，从基础操作、图片修图、文字效果、图标设计、网页设计，站长够细心！">Photoshopstar</a></li>
<li><a href="http://www.tutorialking.eu/" title="国外很NB的PS教程">Tutorial King</a></li>
<li><a href="http://www.webdesign.org/" title="web design libray很系统的教程，从设计理论、配色、图标、FALSH、3D、栅格、编程…无所不有。可利用网址翻译辅助阅读，你会有收获！">网页设计实验室</a></li>
<li><a href="http://ontwik.com/" title="国外关于创意、设计、交互、开发、营销、创业….等等的视频讲座类网站，不足的是很多讲座没有字幕">Ontwik视频教程</a></li>
</ul>
</div>
<div class="item">
<h2>数据研究</h2>
<ul class="xoxo blogroll">
<li><a href="http://www.iresearch.com.cn/" title="专注于网络媒体、电子商务、网络游戏、无线增值等新经济领域，深入研究和了解消费者行为">艾瑞</a></li>
<li><a href="http://vis.stanford.edu/" title="提供基于web的服务">斯坦福大学可视化组</a></li>
<li><a href="http://datavisualization.ch/" title="提供最新的研究成果和这个领域大多数局部用例">Datavisual</a></li>
<li><a href="http://www.visualisingdata.com/" title="比较有名的可视化博客，介绍最新的可视化技术、软件资源和应用实践">Visualising Data</a></li>
<li><a href="http://flowingdata.com/" title="著名的可视化案例网站，提供了一些令人震惊图表">Flowingdata</a></li>
<li><a href="http://visual.ly/" title="提供大量信息可视化图例">Visual</a></li>
<li><a href="http://datavlab.org/" title="讨论数据可视化的一个平台，由淘宝可视化团队发起">DataV</a></li>
<li><a href="http://blog.sina.com.cn/huangyu4124" title="专注于信息图的学习与分享的中文博客">图表汇</a></li>
<li><a href="http://www.tuyansuo.com/" title="信息设计专业网站">图研所</a></li>
<li><a href="http://www.internetretailer.com/trends/" title="国外电商数据趋势">internetretailer</a></li>
<li><a href="http://index.baidu.com/" title="根据关键词进行数据分析">百度指数</a></li>
<li><a href="http://www.cnnic.net/" title="中国互联网信息中心">CNNIC</a></li>
<li><a href="http://tongji.baidu.com/data/" title="对当前浏览器、操作系统、屏幕分辨率、地域等详细分析">百度流量研究院</a></li>
<li><a href="http://shu.taobao.com/" title="电商购物数据分析">淘宝指数</a></li>
<li><a href="http://www.linezing.com/" title="专业电子商务数据服务商">量子恒道</a></li>
<li><a href="http://www.chinawebanalytics.cn/" title="网站分析在中国——从基础到前沿”是一个关于网站分析（WA，即Web Analytics）的博客">数据分析在中国</a></li>
<li><a href="http://www.199it.com/" title="中国互联网数据资讯中心用数据解读TMT行业">中国互联网数据资讯中心</a></li>
</ul>
</div>
<div class="item">
<h2>栅格化</h2>
<ul class="xoxo blogroll">
<li><a href="http://www.zurb.com/playground/css-grid-builder" title="ZURB CSS栅格化生成器">ZURB CSS</a></li>
<li><a href="http://sneakpeekit.com/" title="提供可打印的栅格化白板下载">栅格化白板</a></li>
<li><a href="http://www.gridlover.net/" title="可手动拖拽调整栅格">Grid lover</a></li>
<li><a href="http://www.3x4grid.com/" title="方便直观的3X4栅格构建系统">3X4栅格构建器</a></li>
<li><a href="http://goldengridsystem.com/" title="响应式Web设计栅格化">黄金栅格化</a></li>
<li><a href="http://modulargrid.org/" title="在线栅格化系统">栅格化创造者</a></li>
<li><a href="http://www.thegridsystem.org/" title="较全面的栅格化系统资源">The grid system</a></li>
<li><a href="http://960.gs/" title="著名的960栅格化系统，能够简化网站开发流程">960栅格化系统</a></li>
</ul>
</div>
<div class="item">
<h2>灵感</h2>
<ul class="xoxo blogroll">
<li><a href="http://ffffound.com/" title="灵感垃圾场，内容涵盖摄影，广告，设计，包装，家具等等">FFFFound！</a></li>
<li><a href="http://shijue.me/" title="视觉中国是中国最具活力的视觉图片分享社区及创意设计产品社会化电商平台">视觉中国</a></li>
<li><a href="http://www.zcool.com.cn/" title="中国最具人气的大型综合性设计网站，聚集了中国绝大部分的专业设计师、艺术院校师生、潮流艺术家等年轻创意人群，是国内最活跃的原创设计交流平台">站酷</a></li>
<li><a href="http://www.theverge.com/" title="Vox传媒合作的涵盖交互技术、科技、艺术和文化成果展示平台">The Verge</a></li>
<li><a href="http://pixelclouds.com/" title="为您带来最新的设计灵感">像素云</a></li>
<li><a href="http://www.creativetempest.com/" title="汇集全球创意人分享的经验和经历">Creative Tempest</a></li>
<li><a href="http://designmodo.com" title="为Web设计与开发人员提供丰富的资源与信息">Designmodo</a></li>
<li><a href="http://chuangyiren.cn/" title="一个基于作品集的社交网站，为创意人才和企业的搭建沟通桥梁">创意人</a></li>
<li><a href="http://huaban.com/" title="发现网络上你喜欢的事物.你可以用它收集灵感,保存有用的素材">花瓣网</a></li>
<li><a href="http://pinterest.com/" title="国外的花瓣网，以供整理与分享灵感">Pinterest</a></li>
<li><a href="http://www.wookmark.com/" title="收集了大量创意图像和视频">What is Woo</a></li>
<li><a href="http://365awesomedesigners.com" title="每天发布一名设计师的优秀作品">365优秀设计师</a></li>
<li><a href="http://www.quandtnet.de/" title="精选数位艺术杂志和Web设计画廊">qnt画廊</a></li>
<li><a href="http://www.fastcodesign.com/" title="记录一些鼓舞人心的设计故事，分享创新业务">Co.Design</a></li>
<li><a href="http://www.webdesignserved.com" title="Behance服务网站">网页设计服务</a></li>
<li><a href="http://www.hi-id.com/" title="发现有意味的设计！">ID公社</a></li>
<li><a href="http://www.chinaui.com/" title="设计垂直型综合门户">优艾网</a></li>
<li><a href="http://speckyboy.com" title="Speckyboy是专业的设计资源杂志，内容涵盖Web设计和开发、平面设计、广告、移动开发等">Speckyboy</a></li>
<li><a href="http://www.webdesignshock.com/" title="高质量的设计与开发资源，丰富的灵感汇集和教程">WebDesignShock</a></li>
<li><a href="http://sixrevisions.com" title="为设计师和网页开发人员提供实用的文章、教程和资源">Six Revisions</a></li>
<li><a href="http://mustified.com" title="丰富的有关设计、技术和社交媒体的相关文章">Mustified</a></li>
<li><a href="http://www.behance.net/" title="著名设计社区，创意设计人士可以展示自己的作品，发现别人分享的创意作品">Behance</a></li>
<li><a href="http://www.newwebpick.com/" title="最权威的网络在线创意与潮流杂志，涵盖广告、网站、FLASH、平面、街头艺术、插画、3D、产品与包装、建筑与空间、摄影、时装、试验艺术等">NewWebPick</a></li>
<li><a href="http://inspiredm.com/" title="启发杂志合作网站">Inspired Magazine</a></li>
<li><a href="http://designshack.net" title="设计廊展示了令人振奋的设计资源和教程">Desige Gallery</a></li>
<li><a href="http://designrfix.com/" title="一群志同道合的设计迷们交流技术和灵感的社区">Designrfix</a></li>
<li><a href="http://www.andysowards.com/" title="网页设计及开发人员每日资源">Andysowards</a></li>
<li><a href="http://lab.colorsmagazine.com" title="COLORS杂志合作网站，分享音乐家、电影制作人、摄影师、艺术家和作家的色彩精神">COLORSLab</a></li>
<li><a href="http://www.brandnewschool.com/" title="广告媒体行业创意聚集地">Brand New School</a></li>
<li><a href="http://webdesignledger.com/" title="共享网页设计相关的知识和资源平台">Webdesignledger</a></li>
<li><a href="http://blog.enqoo.com/" title="一个交流、分享国内外优秀设计资源的博客">我们爱网页设计</a></li>
<li><a href="http://shijue.me/home" title="视觉创意产业门户">视觉中国</a></li>
<li><a href="http://cargocollective.com/" title="国外优秀创意人的社区、并提供免费个人主页服务">Cargocollective</a></li>
<li><a href="http://www.computerarts.co.uk/" title="世界上最畅销的设计师和艺术家网络杂志Computer Arts">Computer Arts</a>s</li>
<li><a href="http://www.wookmark.com/" title="收集您喜爱的图片和视频，并获得灵感">Wookmark</a></li>
<li><a href="http://www.topys.cn/" title="全球顶尖创意分享平台">顶尖文案</a></li>
<li><a href="http://adsoftheworld.com/" title="涵盖平面视频等等">世界优秀广告</a></li>
<li><a href="http://www.instantshift.com/" title="领先的网页设计师和开发人员设计灵感社区">Instantshift</a></li>
<li><a href="http://www.poboo.com/" title="为大家带来国外最新的创意设计和设计理念">Poboo</a></li>
<li><a href="http://abduzeedo.com/" title="创意灵感和教程">Abduzeedo</a></li>
<li><a href="http://since1984.cn/" title="关注新鲜创意资讯的新锐网络媒体">SINCE1984</a></li>
</ul>
</div>
<div class="item">
<h2>移动互联网</h2>
<ul class="xoxo blogroll">
<li><a href="http://developer.apple.com/library/ios/navigation/" title="IOS人机交互规范">IOS人机交互规范</a></li>
<li><a href="http://appui.mobi/" title="收集了很多国内外手机APP界面设计图片，提供分类检索">AppUi</a></li>
<li><a href="http://developer.android.com/design/index.html" title="Android人机交互规范">Android</a></li>
<li><a href="http://msdn.microsoft.com/en-us/library/hh202915" title="WinPhone人机交互规范">WinPhone</a></li>
<li><a href="http://www.uiparade.com/" title="精心挑选全球设计师优秀界面作品">Ui Parade</a></li>
<li><a href="http://appstorm.net/" title="移动互联网大杂烩">Appstorm</a></li>
<li><a href="http://www.mobileawesomeness.com/" title="大量APP界面展示">移动玩家</a></li>
<li><a href="http://www.mobiue.com/" title="专注本土移动设计产业">MobiUE</a></li>
<li><a href="http://appstorm.net/" title="发现优秀APP应用">Appstorm</a></li>
<li><a href="http://mycolorscreen.com/" title="国外优秀APP聚合，总有一种创意你没见过">Mycolorscreen</a></li>
<li><a href="http://ui4app.com/" title="你可以在UI4App按照分类来查看众多优秀的App的优秀设计">UI4App</a></li>
<li><a href="http://www.appsites.com/" title="移动应用介绍单页展示网站">Appsites</a></li>
<li><a href="http://pttrns.com/" title="收集了许多精彩的iOS应用界面截">Pttrns</a></li>
<li><a href="http://www.tappgala.com/" title="分享最棒的手机产品界面设计">TappGala</a></li>
<li><a href="http://www.cssiphone.com/" title="优秀APP设计截屏集合">CssiPhone</a></li>
<li><a href="http://code4app.com/" title="收集了iOS平台几百个代码，并且配有效果图和演示视频">Code4app</a></li>
<li><a href="http://mobile.tutsplus.com/" title="专注移动客户端">Tutsplus</a></li>
</ul>
</div>
<div class="item">
<h2>综合素材</h2>
<ul class="xoxo blogroll">
<li><a href="http://www.lanrentuku.com/" title="专注于提供网页素材下载，其内容涵盖网页素材，矢量素材，JS广告代码，小图片，网页背景，导航菜单，PNG图标等">懒人图库</a></li>
<li><a href="http://psddd.co/" title="收集大量来自追波的精致Psd文件">Psddd</a></li>
<li><a href="http://subtlepatterns.com/" title="搜罗了大量微妙的纹理图案并提供下载">Subtle Patterns</a></li>
<li><a href="http://www.easylogo.cn/" title="提供在线搜索LOGO功能">Easy Logo</a></li>
<li><a href="http://www.flashmint.com/" title="国外热门模板商场">Flash Mint</a></li>
<li><a href="http://www.nicetabs.com/" title="提供免费的UI设计资源，纹理、图标等Psd文件">NiceTabs</a></li>
<li><a href="http://designmoo.com/" title="设计资源分享网站">Designmoo</a></li>
<li><a href="http://365psd.com/" title="每天更新的PSD素材下载">365PSD</a></li>
<li><a href="http://www.premiumpixels.com/" title="丰富的设计资源，包含笔刷、PSD、模版等">PremiumPixels</a></li>
<li><a href="http://www.cssjunction.com/" title="一些很酷的WP主题,PSD模板">Cssjunction</a></li>
<li><a href="http://www.backgroundlabs.com/" title="背景实验室，通过标签、颜色、风格检索背景图案">Backgroundlabs</a></li>
<li><a href="http://www.designkindle.com" title="完全免费的Web设计资源">Designkindle</a></li>
<li><a href="http://www.pixeden.com/" title="种类丰富的设计资源下载">Pixeden</a></li>
<li><a href="http://www.webdesignburn.com/" title="分享网页设计资源，内容包括大量精致图片、模版、教程等">Webdesignburn</a>教程等</li>
<li><a href="http://themeforest.net/" title="综合素材下载">ThemeForest</a></li>
<li><a href="http://charmingwp.com/" title="WP模版下载">Charmingwp</a></li>
<li><a href="http://webtreats.mysitemyway.com/" title="基于PS的各种素材下载">WebTreatsETC</a></li>
<li><a href="http://www.creattor.com/" title="按模版类型检索的素材下载">CreaTTor</a></li>
<li><a href="http://www.sccnn.com/" title="2006年创办的中文素材网站">素材中国</a></li>
<li><a href="http://ui-cloud.com/" title="UI界面素材搜索引擎">UI-Cloud</a></li>
<li><a href="http://officialpsds.com/" title="国外老牌PSD文件分享网站">Officialpsds</a></li>
<li><a href="http://www.zcool.com.cn/gfxs/" title="站酷设计素材分类">站酷素材</a></li>
<li><a href="http://www.freepik.com/" title="设计素材搜索引擎">Freepik</a></li>
<li><a href="http://freebiesbug.com/" title="国外较高质量矢量、PSD、图片素材免费下载">Freebiesbug</a></li>
<li><a href="http://www.nipic.com/" title="素材设计共享平台、优质图片及源文件下载">昵图网</a></li>
<li><a href="http://www.templatemonster.com" title="网页PSD模板下载">Templatemonster</a></li>
<li><a href="http://www.brusheezy.com/" title="国外大量优质笔刷、背景免费下载">Brusheezy</a></li>
<li><a href="http://www.psbrushes.net/" title="笔刷按分类下载">PSbrushes</a></li>
<li><a href="http://fbrushes.com/" title="海量笔刷下载">Fbrushes</a></li>
<li><a href="http://www.designshard.com/" title="个人博客，大量免费笔刷、纹理等下载">DesignShard</a></li>
<li><a href="http://www.epinv.com/" title="品味经典包装设计,版式设计">亿品元素</a></li>
<li><a href="http://down.chinavisual.com/" title="视觉中国旗下素材站，提供高质量的素材资料">下吧</a></li>
<li><a href="http://www.uimaker.com/" title="大量优秀设计教程及高质量素材下载">UI制造</a></li>
<li><a href="http://brandsoftheworld.com" title="囊括世界上众多品牌及公司的LOGO源文件并提供下载">世界品牌LOGO检索</a></li>
</ul>
</div>
<div class="item">
<h2>色彩</h2>
<ul class="xoxo blogroll">
<li><a href="http://colorschemedesigner.com" title="配色利器！能够即时预览到简单的由所选配色搭建的页面效果">CSD配色利器</a>面效果</li>
<li><a href="http://www.colorfyit.com/" title="输入网站地址就能得到它的配色方案">colorfy</a></li>
<li><a href="http://www.design-seeds.com/" title="一位从业18年的色彩专家分享的配色经验与案例">设计种子</a></li>
<li><a href="https://kuler.adobe.com/" title="Adobe出品的配色网站">Adobe配色工具</a></li>
<li><a href="http://www.colorhunter.com/" title="上传照片提取配色方案">ColorHunter</a></li>
<li><a href="http://www.colourlovers.com/" title="提供丰富的用户创建和共享色彩灵感以及工具的平台">Colourlovers</a></li>
</ul>
</div>
<div class="item">
<h2>设计圈子</h2>
<ul class="xoxo blogroll">
<li><a href="http://www.iconfans.com" title="专业图标界面设计论坛，是GUI设计师、产品交互设计师交流经验和讨论学习的专业空间">IconFans</a></li>
<li><a href="http://www.zhihu.com/" title="知乎是一个真实的网络问答社区，社区氛围友好、理性、认真，这里连接了各行各业的精英，分享彼此的专业知识、经验、见解，为中文互联网源源不断地提供高质量的信息，在这里，发现更大的世界">知乎</a></li>
<li><a href="http://www.uisdc.com/" title="有着专业设计师交流氛围的设计联盟">优设</a></li>
<li><a href="http://68design.net/" title="设计资源共享的大型设计类垂直网站平台">网页设计师联盟</a></li>
<li><a href="http://www.blueidea.com/" title="老牌专业垂直社区，建设网站设计与开发人员之家">蓝色理想</a></li>
</ul>
</div>
<div class="item">
<h2>设计大赏</h2>
<ul class="xoxo blogroll">
<li><a href="http://www.uirss.com/gallery.html" title="国内具影响力UIRSS作品列表">UIRSS</a></li>
<li><a href="http://www.thefwa.com/" title="较权威的优秀设计收录网站">TheFWA</a></li>
<li><a href="http://www.awwwards.com/" title="由一些国际知名设计师组成的国际评委会">Awwwards</a></li>
<li><a href="http://dribbble.com/" title="分享设计细节分享聚合">Dribbble</a></li>
<li><a href="http://mediaqueri.es/" title="响应式设计酷站集合">MediaQueries</a></li>
<li><a href="http://www.gameui.cn/" title="游戏设计圈聚集地">GAME UI</a></li>
<li><a href="http://css51.com" title="收集和分享国内外优秀网站、优秀网页设计团队">51酷站</a></li>
<li><a href="http://www.boxui.com" title="分享以用户体验为中心的设计">盒子UI</a></li>
<li><a href="http://unmatchedstyle.com/" title="通过详细分类展示CSS设计作品的酷站">unmatchedstyle</a></li>
<li><a href="http://www.webcreme.com/" title="网页设计灵感">Web creme</a></li>
<li><a href="http://styleboost.com/" title="Styleboost画廊">Styleboost</a></li>
<li><a href="http://www.ecommr.com/" title="收集了大量电商网站优秀的模块设计方案">Ecommr</a></li>
<li><a href="http://www.sj63.com/" title="国内老牌酷站欣赏">设计路上</a></li>
<li><a href="http://www.moosee.net/" title="高品质中文设计交流平台">Moosee摩色</a></li>
<li><a href="https://wrapbootstrap.com/" title="国外一家提供html5+css3网站模版和主题的人气站点">Wrapbootstrap</a></li>
<li><a href="http://www.csswinner.com/" title="通过高标准评价体系来推荐网页设计作品">CSS Winner</a></li>
<li><a href="http://muuuuu.org/" title="高质量的网页设计的链接收集的网站">MUUUUU</a></li>
<li><a href="http://www.designmadeingermany.de/sites-we-like/" title="书签概念的网页设计鉴赏聚合">德国酷站收藏</a></li>
<li><a href="http://www.gdweb.co.kr/" title="来自韩国的综合设计鉴赏网站，可根据分类检索">GDweb</a></li>
<li><a href="http://bm.straightline.jp/" title="来自日本的网页设计鉴赏聚合">日本每日一站</a></li>
<li><a href="http://stocklogos.com/" title="创意标志设计聚合">StockLogos</a></li>
<li><a href="http://www.uisheji.com/" title="侧重收集手机等移动客户端的优秀设计聚合">UI设计网</a></li>
<li><a href="http://www.deviantart.com/" title="超过19万注册会员，众多艺术家和艺术爱好者的活跃的国际网络社区">DeviantART</a></li>
<li><a href="http://loveui.cn/" title="内容丰富的酷设计集合">LoveUI</a></li>
<li><a href="http://patterntap.com/" title="超酷的设计集合，种类丰富全面">Patterntap</a></li>
<li><a href="http://www.icondeposit.com/" title="图标界面设计欣赏">IconDeposit</a></li>
<li><a href="http://tympanus.net/webzibitio" title="通过板式、颜色筛选的酷站集合">Webzibition</a></li>
<li><a href="http://www.thebestdesigns.com/" title="非凡的网页、移动应用等方面的设计集合">Thebestdesigns</a></li>
<li><a href="http://logopond.com/" title="优秀LOGO聚合，可根据关键词搜索">Logopond</a></li>
<li><a href="http://www.ksodesign.com/" title="韩国网页设计欣赏">Ksodesign</a></li>
<li><a href="http://www.designcharts.com/" title="精选每周40个酷站">DesignCharts</a></li>
<li><a href="http://cssclip.com/" title="强大的配色分类酷站集合">CSSclip</a></li>
<li><a href="http://www.cnpsd.net/" title="优秀设计作品展示">CNPSD</a></li>
<li><a href="http://medialoot.com/" title="丰富的设计作品展示">Medialoot</a></li>
<li><a href="http://coolhomepages.com/" title="按类别检索设计内容">Coolhomepages</a></li>
<li><a href="http://bestwebgallery.com/" title="搜罗优秀网页设计作品">Best Web Gallery</a></li>
<li><a href="http://siteinspire.com/" title="更新频率较高的国外酷站集">SiteinSpire</a></li>
<li><a href="http://cssdesignawards.com/" title="Metro风格的酷站聚合">CSSdesignawards</a></li>
<li><a href="http://www.iiiimg.com/" title="全球HTML 5酷站展示">HTML5酷站</a></li>
<li><a href="http://html5-showcase.com/" title="全球HTML 5酷站展示">html5-showc</a></li>
<li><a href="http://www.css-design-yorkshire.com/" title="建立于2006年，按年份月份分类索引的酷站设计集合">Css-D-Yorks</a></li>
<li><a href="http://www.cssdrive.com/" title="可以按分栏、菜单等不同维度筛选的酷站集合">CssDrive</a></li>
<li><a href="http://cwd.68design.net/" title="网页设计师联盟酷站加油">68Design酷站</a></li>
<li><a href="http://www.dbcut.com" title="韩国网页设计欣赏">DBCUT</a></li>
<li><a href="http://bm.straightline.jp/" title="日本优秀设计公司旗下，精选酷站，更新频率较高">Straightline</a></li>
<li><a href="http://webprogram.co.kr/" title="韩国网页设计欣赏">Webprogram</a></li>
<li><a href="http://www.iguoguo.net/" title="可按国家地区、行业、色彩来筛选酷站的聚合">爱果果酷站集</a></li>
<li><a href="http://reeoo.com/" title="通过色彩刷选酷站，界面本身很酷">Reeoo</a></li>
<li><a href="http://www.damndigital.com/" title="专注互动设计">互动中国</a></li>
</ul>
</div>
<div class="item">
<h2>资讯</h2>
<ul class="xoxo blogroll">
<li><a href="http://www.techweb.com.cn/" title="新媒体、新技术、新商业互动交流平台">TechWeb</a></li>
<li><a href="http://www.36kr.com/" title="36氪是一个关注互联网创业的科技博客">36氪</a></li>
<li><a href="http://www.alibuybuy.com/" title="聚焦互联网前沿资讯，网络精华内容，交流产品心得">互联网的那点事</a></li>
<li><a href="http://www.leiphone.com/" title="专注于移动互联网创业&创新">雷锋网</a></li>
<li><a href="http://reynold.cn/" title="提倡慢阅读，专注产品设计、交互体验、用户研究">互联网er的早读课</a></li>
<li><a href="http://www.huxiu.com/" title="是一个有视角的商业资讯与交流平台">虎嗅网</a></li>
<li><a href="http://ie.cnbeta.com/" title="目前国内即时新闻站点和网友交流平台">cnBeta</a></li>
<li><a href="http://www.geekpark.net/" title="聚焦互联网产品和科技趋势，目前国内互联网产品经理和产品相关人员的相互学习和交流碰撞的平台">极客公园</a></li>
<li><a href="http://tech2ipo.com/" title="科技创新创业媒体">Tech2IPO创见</a></li>
<li><a href="http://www.ifanr.com/" title="关注移动互联网、集中报道创业团队">爱范儿</a></li>
<li><a href="http://www.yixieshi.com/" title="关注互联网关注运营">互联网壹些事</a></li>
<li><a href="http://cn.engadget.com/" title="关于消费电子产品的流行科技网志与播客">瘾科技</a></li>
<li><a href="http://www.bukop.com/" title="汇聚全球新兴的商业模式与创新趋势">商业不靠谱</a></li>
<li><a href="http://www.iheima.com/" title="i黑马创业项目策划及投资灵感聚集地">i黑马</a></li>
<li><a href="http://www.chuangyejia.com/" title="关注中国最具创业家精神的企业领袖">创业家</a></li>
<li><a href="http://www.pedaily.cn/" title="中国股权投资权威门户">投资界</a></li>
</ul>
</div>
<div class="item">
<h2>推荐博客</h2>
<ul class="xoxo blogroll">
<li><a href="http://www.pufen.net" target="_blank">飘飘</a></li>
<li><a href="http://rpsh.net/" target="_blank">任平生</a></li>
<li><a href="http://immmmm.com" target="_blank">木木木木木</a></li>
<li><a href="http://uicss.cn/" target="_blank">崔凯的博客</a></li>
<li><a href="http://www.ihacklog.com/" target="_blank">Hacklog | 荒野无灯</a></li>
<li><a href="http://www.lusongsong.com/" target="_blank">卢松松博客</a></li>
<li><a href="http://www.williamlong.info/" target="_blank">月光博客</a></li>
<li><a href="http://www.guao.hk/" target="_blank">谷奥</a></li>
<li><a href="http://www.appinn.com/" target="_blank">小众软件</a></li>
<li><a href="http://www.muchangqing.com/" target="_blank">牟长青博客</a></li>
</ul>
</div>
<div class="item">
<h2>UX团队</h2>
<ul class="xoxo blogroll">
<li><a href="http://ued.focus.cn/wordpress/" title="搜狐焦点UED团队">搜狐焦点UED</a></li>
<li><a href="http://tid.tenpay.com/" title="财付通设计中心">腾讯财付通TID</a></li>
<li><a href="http://vc.changyou.com/" title="畅游视觉设计中心">搜狐畅游VC</a></li>
<li><a href="http://ued.sogou.com/" title="搜狗UED团队">搜狗UED</a></li>
<li><a href="http://ued.5173.com/" title="5173用户体验设计团队">5173UED</a></li>
<li><a href="http://isux.tencent.com" title="腾讯社交用户体验设计部">腾讯ISUX</a></li>
<li><a href="http://ued.baidu.com/" title="百度商业产品用户体验团队，关注消费者和企业主，以体验驱动商业价值">百度商业用户体验部</a></li>
<li><a href="http://ued.ctrip.com/blog/" title="携程网UED团队">携程UED</a></li>
<li><a href="http://www.75team.com/" title="奇虎360公司应用开发部Web前端工程师 + 部分特约嘉宾 组成的一个前端团队">360奇舞团</a>特约嘉宾 组成的一个前端团队</li>
<li><a href="http://uedteam.com/" title="央视网、CNTV指定设计开发UED团队">中视力天</a></li>
<li><a href="http://fed.renren.com/" title="人人网前端开发设计团队">人人FED</a></li>
<li><a href="http://www.hiued.org/" title="用户体验交流会">HiUED</a></li>
<li><a href="http://www.kdued.com/" title="金蝶友商网UED">有意思</a></li>
<li><a href="http://blog.19ued.com/" title="19楼UED">19楼UED</a></li>
<li><a href="http://ued.iciba.com/" title="金山爱词霸UED">爱词霸UED</a></li>
<li><a href="http://cued.xunlei.com/" title="迅雷CUED">迅雷CUED</a></li>
<li><a href="http://mdc.sohu.com/" title="搜狐MDC">搜狐媒体设计中心</a></li>
<li><a href="http://mued.sohu.com/" title="搜狐无线UED团队">搜狐MUED</a></li>
<li><a href="http://udc.weibo.com/" title="新浪微博设计团队">新浪微博设计团队</a></li>
<li><a href="http://ued.sina.com/" title="新浪UED">新浪UED</a></li>
<li><a href="http://uedc.163.com/" title="网易用户体验设计中心">网易用户体验设计中心</a></li>
<li><a href="http://mux.baidu.com/" title="百度无线用户体验部">百度无线用户体验部</a></li>
<li><a href="http://www.baiduux.com/" title="百度泛用户体验">百度泛用户体验</a></li>
<li><a href="http://ueo.baidu.com/" title="百度UEO">百度联盟用户体验中心</a></li>
<li><a href="http://www.lpued.com/" title="淘宝良无限用户体验部UPD">良无限用户体验部UPD</a></li>
<li><a href="http://ued.alimama.com/" title="一淘体验工作平台">一淘体验工作平台</a></li>
<li><a href="http://ued.tmall.com/" title="天猫UED成员微博集合">天猫UED</a></li>
<li><a href="http://www.aliued.cn/" title="阿里巴巴中国站UED">有一点</a></li>
<li><a href="http://ued.alipay.com/" title="支付宝用户体验部">支付宝用户体验部</a></li>
<li><a href="http://ued.taobao.com/" title="淘宝UED">淘宝UED</a></li>
<li><a href="http://ecd.tencent.com/" title="腾讯电商用户体验设计部">腾讯ecd</a></li>
<li><a href="http://tgideas.qq.com/" title="腾讯游戏的专业设计团队">腾讯TGideas</a></li>
<li><a href="http://mxd.tencent.com/" title="腾讯移动互联网设计">腾讯WSD</a></li>
<li><a href="http://isd.tencent.com/blog" title="QQ空间、QQ会员、QQ秀、QQmusic、腾讯视频、拍拍、QQ商城等产品体验设计">腾讯ISD</a></li>
<li><a href="http://cdc.tencent.com/" title="腾讯用户研究与体验设计中心">腾讯CDC</a></li>
<li><a href="http://uxc.360.cn/" title="360UXC用户体验设计中心">360UXC</a></li>
<li><a href="http://ucdchina.com/" title="以用户为中心的设计">UCD大社区</a></li>
</ul>
</div>
<div class="item">
<h2>UX研究所</h2>
<ul class="xoxo blogroll">
<li><a href="http://sixux.com/" title="实录各类过场动画视频，直观的交互体验学习平台。">SixUX</a></li>
<li><a href="http://ux.stackexchange.com/" title="一个免费为用户体验研究人员和专家提供问答服务的社区">User Experience</a></li>
<li><a href="http://www.smashingmagazine.com/" title="前端与用户体验为核心的杂志类知名博客">SmashingMagazine</a></li>
<li><a href="http://uxmag.com" title="提供持续、丰富、权威的用户体验和相关领域的信息">UX杂志</a></li>
<li><a href="http://www.uxde.net/" title="提供交互设计和开发的灵感、教程、资源等">UXDE</a></li>
<li><a href="http://wireframes.linowski.ca/" title="丰富的线框知识与资源，UX必备">线框杂志</a></li>
<li><a href="http://thenextweb.com/" title="国外交互设计资讯平台">THEnextweb</a></li>
<li><a href="http://www.uxbooth.com/" title="侧重用户体验、交互、可用性等内容">UXbooth</a></li>
<li><a href="http://uxmag.com/" title="设计、技术、用户体验等最好最新思想的原创文章">UX Magazine</a></li>
<li><a href="http://www.webppd.com/" title="产品原型设计，务实产品经理基本功">WebPPD</a></li>
<li><a href="http://ixdc.org/" title="引领中国交互设计行业发展">交互设计专业委员会</a></li>
<li><a href="http://www.uxdc.org/" title="中国首个体验设计专业组织，倡导推广体验设计行业能力标准和业务流程，竭力促进体验设计与传统行业的对接，积极引领国内体验设计行业与国际接轨">深圳体验设计专业委员会</a></li>
<li><a href="http://uxinfo.com/" title="IXDC旗下资讯网，引领中国交互设计行业发展">用户体验资讯网</a></li>
</ul>
</div>
</div>
</section>
<div style="display:none">
<script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1278768463&web_id=1278768463">
</script>
</div>
</body>
</html>
body{font-family: 'Microsoft Yahei';color: #555;}
ul,ol,dl,dt,dd{margin: 0;padding: 0}
ul{list-style: none;}
table{font-size: 12px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align: middle;padding: 10px;border-top-color: #eee;}
a{color: #666; text-decoration: none}
a:hover{color: #45B6F7;text-decoration: none;}
a:focus{outline: 0;text-decoration: none;}
#navs{color: #aaa;min-height: 500px;}
#navs h2{
font-size: 18px;
color: #fff;
padding-bottom: 10px;
border-bottom: 2px solid #45B6F7;
color: #45B6F7;
margin: 0;}
#navs .item{overflow: hidden;margin:20px 0 30px;}
#navs .item ul{margin-right: -1%;}
#navs .item li{
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0px 3px;
border-radius: 4px;
font-size: 12px;
overflow: hidden;
background-color: #fff;
}
#navs .item li a{display: inline-block;
font-size: 14px;
font-weight: bold;
color: #45B6F7;
border-bottom: 2px solid transparent;}
#navs .item li a:hover{color: #FD8C84;border-bottom-color: #FD8C84;}
#navs .items{margin-left: 160px;}
#navs nav{width: 140px;position: absolute;top: 0;left: 0;height:100%;background-color: #45B6F7;}
#navs nav ul{width: 140px;}
#navs nav a{display: block;padding: 10px 20px;color: #fff;border-bottom: 1px solid rgba(0,0,0,0.08);}
#navs nav a:hover, #navs nav .active a{color: #fff;}
#navs nav .active a{font-weight: bold;}
#navs nav ul.affix{position: fixed;top: 0;overflow-y: auto;height: 100%;bottom: 0;}
#navs nav ul.affix-bottom{position: fixed;}
#navs nav ul::-webkit-scrollbar{
width:4px;
height:4px;
}
#navs nav ul::-webkit-scrollbar-thumb{
background-color:rgba(0,0,0,0.15);
}
#navs nav ul::-webkit-scrollbar-thumb:hover{
background-color:rgba(0,0,0,0.3);
}
.page-template-pagesnavs-php .pageheader{margin: 0;}
@media (max-width:1280px){
#navs .items{margin-right: 10px;}
}
@media (max-width:1024px){
#navs .item{margin-top: 10px;}
#navs .items{margin: 0;}
#navs nav{display: none;}
}
@media (max-width:640px){
#navs .item h2{width: auto;text-align: center; }
}