浅谈UE与UI的区别
零基础怎么选UI视频教程_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
浅谈UE与UI的区别
零基础怎么选UI视频教程
扣丁学堂是中国IT线上学习品牌领导者,拥有最...|
总评分0.0|
&&浅谈UE与UI的区别
零基础怎么选UI视频教程
阅读已结束，下载本文需要
想免费下载更多文档？
定制HR最喜欢的简历
你可能喜欢扣丁学堂UI培训后的待遇如何
&&&&&&&&如今有很多人参加UI设计培训学习UI设计，想要成为高薪就业，现在企业中的UI开发工程师薪资确实很高，由于目前的UI设计人才缺乏很多企业也在纷纷提高UI开发工程师的薪资水平，所以很多人想要加入到UI设计行业也是无可厚非的。如今UI设计的行情是挺不错的，但是不知道自己培训完是否能拿到高薪呢？本篇文章小编就带大家看一下扣丁学堂UI培训后的待遇如何。
&&&&&&&&扣丁学堂后的待遇如何?据调查统计，目前我国设计行业的人员平均薪资在12000元左右，设计师的收入随着年龄的增长呈上升趋向。工作经验为零的设计师一般年薪5万，工作经验1—3年的设计师平均年薪在10万以上，经理级别的大多在20万以上。
&&&&&&&&北京UI设计培训怎么样?目前，国内各类院校虽已普遍开设有视觉表现设计等UI设计相关专业，但国内填鸭式教育的不给力，造成的最直接后果就是大学设计专业毕业的学生，走出校园后还需要自己找培训班进行实战锻炼后才能找到工作。目前，除了应届生之外，大量的待业人员亦是通过培训班的学习来解决自己的就业问题，就专业性和实战经验教学方面，培训班胜过很多高等院校。这也是为什么那多的毕业生前往北京扣丁学堂UI设计培训学习UI设计的原因。
经过探访和调查，提醒正在选择培训学校的求学者：现在的培训学校鱼龙混杂，培训效果也是良莠不齐，也许你想学的是UI设计培训，结果报名之后才发现网络课程居多，美术基础和专业理论课程较少。这种培训机构培养出的学员往往只会软件的操作，而缺乏设计思想理念。因此在报名参加UI设计培训之前最好是先去试听，看看学校和老师的专业水平以及课程安排再决定报不报名。
&&&&&&&&面对混乱的UI设计培训界现状，我们在选择UI设计培训机构的时候更应该擦亮眼睛，有不少的人们选择了扣丁学堂学习，我们看一下原因有哪些。首先扣丁学堂成立多年，始终坚持“用良心做教育”的理念。
&&&&&&&&其次扣丁学堂有权威资深师资阵容，授课教师均为业内最具责任心、最懂教学、最强技术、有大型项目经验实战派讲师和内知名专家及企业技术骨干。还有最严格、最科学、最负责的教学就业管理制度，就业班主任全程跟班，把握每个学员的学习状态，并有专业的职业素养课和就业指导课，保证教学以及就业质量。
&&&&&&&&扣丁学堂不仅有专业的老师和与时俱进的课程体系，还有大量的供学员观看学习，想要学好UI设计的小伙伴抓紧时间行动吧。对UI设计感兴趣的朋友可以加入UI交互设计交流群：。
【关注微信公众号获取更多学习资料】
扣丁学堂UI培训后的待遇如何
UI视频教程
UI开发工程师
全国免费咨询热线
地址：北京市海淀区宝盛北里西区28号天丰利商城4层
备案号: 京ICP备号-6UI的成长路径是怎么样的
UI的发展前景如何
现在学习UI设计的人越来越多了，不论是自学UI设计还是参加UI培训机构学习UI的同学都不在少数，大家学习UI设计一部分人是真的喜欢，还有一部分是因为看中了目前UI设计的好就业和高薪。在众多学习UI设计的人中还有一部分比较关心UI的发展前景，未来的发展如何确实需要人们关注，所以今天扣丁学堂小编就带大家一块来看一下UI的发展前景如何以及UI的成长路径是怎么样的。
UI的发展前景：
UI的发展前景是很赞的，在两到三年前，甚至都有人推动让UI来代替产品经理来驱动。某种程度上来说，UI其实最好的发展方向就是UE，也就是交互，然后就是所谓的用户体验优化师。坦白的说我并未觉得有多少公司会真正的设置这个职位，因为太泛了。但是对于现在火热的O2O来说，无论是线上还是线下，都希望提供一个极致的用户体验。但是大部分的UI都应该去朝着交互的方向发展，而不是去切页面。
UI薪水其实跟产品经理在前期差不太多，中期差点。后期相差比较远，一般来说：
0~6个月：4K~8K;6~12个月：6K~12K;1年~3年：10K~20K;3年~5年：16K~30K。
UI的成长时间大概是在两年左右，基本上PC，IOS，Android，H5全部都做过一些项目，设计过几个Logo，做过一些专题和Banner图，才算是比较完美。
然而想要做的更好一些就有点困难了，除非你的遇到了一家公司，对用户体验要求极致，然而那个时候，并不仅仅是UI和UE相关的内容了。
成长路径：
实习UI——初级UI——中级UI——高级UI(UE)
看了上面这些信息，大家知道UI的发展前景还是很不错的了，如何快速入门，拥有过硬技术呢?最快最好的方法就是选择一家合适的培训学校。扣丁学堂自成立以来始终坚持用良心做教育的理念，学校有专业的老师和与时俱进的课程，是想要学习UI设计同学最理想的选择之地。
以上就是对UI的发展前景如何和UI的成长路径是怎么样的简单解说，总结来说就是UI今后的发展不错，但是还需要UI设计师们不断的学习。想要学习UI设计的同学可以关注扣丁学堂官网观看专业老师录制的UI视频教程进行学习，选择扣丁学堂定会让你学有所成。
文章转载自：扣丁学堂http://www.codingke.com/
责任编辑：
声明：本文由入驻搜狐号的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
今日搜狐热点1. APP说出对它们的意见和看法?&br&2. 体验下公司产品的注册流程，觉得有什么可以改进的地方?&br&3. 说说你最喜欢的app，操作演示下，说说好在哪?&br&4. 除了微信qq，最常用什么app，好在哪?&br&5. 有没有关注公众号?&br&6. 对公司官网有什么看法?&br&7. 你觉得我们这款app有什么需要改进的地方?&br&8. 谈谈你最喜欢的著名设计师?&br&9. UI和平面设计有什么区别?&br&10. 什么是好的设计？&br&11. 你认为互联网的未来的发展趋势是怎么样的？&br&12. 如果你做的一个设计稿，很着急，明早就要用到的，本来和领导商量好，已经确认好稿了。可是中途，领导改变主意说要改，但是这个稿又急，又要改来不及，你会怎么办？这个问题很极端，你会怎么处理？&br&13. 对metrical design的看法?&br&14. 用户体验良好的网页界面是怎么样的?&br&15. 你对用户体验的理解?&br&16. 你认为APP设计中最重要的是什么，如果让你设计一款APP如何着手?&br&17. 界面的功能与美观哪个更重要,为什么?&br&18. 请从视觉和架构两个方面 阐述下两者的区别?&br&19. 请评价下微信和qq的界面风格 以及有什么不同?&br&20. 你从上一份工作中得到了什么总结？&br&21.点9切图方法和理解&br&22.安卓手机适配尺寸&br&23.dp的标注和px换算的理解
1. APP说出对它们的意见和看法? 2. 体验下公司产品的注册流程，觉得有什么可以改进的地方? 3. 说说你最喜欢的app，操作演示下，说说好在哪? 4. 除了微信qq，最常用什么app，好在哪? 5. 有没有关注公众号? 6. 对公司官网有什么看法? 7. 你觉得我们这款app有…
&b&&blockquote&01.前端这个圈子&/blockquote&&/b&&p&&b&社区/组织&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.w3.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&W3C&/a&&a href=&//link.zhihu.com/?target=http%3A//www.chinaw3c.org/member-meetings.html%23tpac& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TPAC&/a&&a href=&//link.zhihu.com/?target=http%3A//w3ctech.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&w3ctech&/a&&a href=&//link.zhihu.com/?target=http%3A//www.webrebuild.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&WebReBuild&/a&&a href=&//link.zhihu.com/?target=http%3A//www.mhtml5.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML5研究小组&/a&&a href=&//link.zhihu.com/?target=http%3A//adc.alibabatech.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里技术嘉年华&/a&&a href=&//link.zhihu.com/?target=http%3A//jsconf.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&京/沪JS&/a&&a href=&//link.zhihu.com/?target=http%3A//fequan.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端圈&/a&&a href=&//link.zhihu.com/?target=http%3A//www.html5dw.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML5梦工场&/a&&a href=&//link.zhihu.com/?target=http%3A//accessibilityunion.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&无障碍联盟&/a&&/p&&p&&b&国内综合&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//ke.jikexueyuan.com/zhiye/web/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&极客学院WEB大前端工程师路径图&/a&&a href=&//link.zhihu.com/?target=http%3A//www.qianduan.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端观察&/a&&a href=&//link.zhihu.com/?target=http%3A//www.ruanyifeng.com/blog/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阮一峰&/a&&a href=&//link.zhihu.com/?target=http%3A//www.w3cfuns.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&W3CFUNS&/a&&a href=&//link.zhihu.com/?target=http%3A//www.daqianduan.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&大前端&/a&&a href=&//link.zhihu.com/?target=http%3A//www.w3school.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&W3SCHOOL&/a&&a href=&//link.zhihu.com/?target=http%3A//www.html5cn.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML5中国&/a&&a href=&//link.zhihu.com/?target=http%3A//www.html-js.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端乱炖&/a&&a href=&//link.zhihu.com/?target=http%3A//f2e.im/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&F2E社区&/a&&a href=&//link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&MDNNEW&/a&&a href=&//link.zhihu.com/?target=http%3A//wiki.jikexueyuan.com/list/front-end/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端开发入门基础教程&/a&&a href=&//link.zhihu.com/?target=http%3A//wiki.jikexueyuan.com/project/fedHandlebook/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端开发者手册&/a&&/p&&p&&b&国内个人&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.cssforest.org/blog/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS森林&/a&&a href=&//link.zhihu.com/?target=http%3A//www.twinsenliang.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&twinsen&/a&&a href=&//link.zhihu.com/?target=http%3A//blog.ivane.me/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&艾文王&/a&&a href=&//link.zhihu.com/?target=http%3A//yuguo.us/weblog/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&余果&/a&&a href=&//link.zhihu.com/?target=http%3A//www.zhangxinxu.com/wordpress/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&张鑫旭&/a&&a href=&//link.zhihu.com/?target=http%3A//bigc.at/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&大猫&/a&&a href=&//link.zhihu.com/?target=http%3A//pufen.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&飘飘&/a&&a href=&//link.zhihu.com/?target=http%3A//s5s5.me/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&米随随&/a&&a href=&//link.zhihu.com/?target=http%3A//www.99css.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&99css&/a&&a href=&//link.zhihu.com/?target=http%3A//www.topcss.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&进步博客&/a&&a href=&//link.zhihu.com/?target=http%3A//wange.im/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&万戈&/a&&a href=&//link.zhihu.com/?target=http%3A//rpsh.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&任平生&/a&&a href=&//link.zhihu.com/?target=http%3A//www.ofcss.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&小李刀刀&/a&&a href=&//link.zhihu.com/?target=http%3A//www.yuanyun.me/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&元云&/a&&a href=&//link.zhihu.com/?target=http%3A//csshouse.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&珍妮&/a&&a href=&//link.zhihu.com/?target=http%3A//tommyfan.com/blog/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&偷米饭&/a&&a href=&//link.zhihu.com/?target=http%3A//www.smallni.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&丁小倪&/a&&a href=&//link.zhihu.com/?target=https%3A//github.com/lifesinger/lifesinger.github.com/issues%3Flabels%3Dblog& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&玉伯&/a&&a href=&//link.zhihu.com/?target=http%3A//jayli.github.io/blog/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&拔赤&/a&&a href=&//link.zhihu.com/?target=http%3A//www.osmn00.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&堂主&/a&&a href=&//link.zhihu.com/?target=http%3A//www.planabc.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&怿飞&/a&&a href=&//link.zhihu.com/?target=http%3A//www.aoao.org.cn/blog/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&嗷嗷&/a&&a href=&//link.zhihu.com/?target=http%3A//www.iyunlu.com/view/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&一丝&/a&&a href=&//link.zhihu.com/?target=http%3A//jiongks.name/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&勾三股四&/a&&a href=&//link.zhihu.com/?target=http%3A//hax.iteye.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&贺师俊&/a&&a href=&//link.zhihu.com/?target=http%3A//hikejun.com/blog/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&张克军&/a&&a href=&//link.zhihu.com/?target=http%3A//gaowhen.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&糖拌西红柿&/a&&a href=&//link.zhihu.com/?target=http%3A//www.css88.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&愚人码头&/a&&a href=&//link.zhihu.com/?target=http%3A//linxz.github.io/tianyizone/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&林小志&/a&&a href=&//link.zhihu.com/?target=http%3A//i.wanz.im/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&丸子&/a&&a href=&//link.zhihu.com/?target=http%3A//uicss.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&崔凯&/a&&a href=&//link.zhihu.com/?target=http%3A//js8.in/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&三水清&/a&&a href=&//link.zhihu.com/?target=http%3A//uicss.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&崔凯&/a&&a href=&//link.zhihu.com/?target=http%3A//blog.bingo929.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&彬go&/a&&a href=&//link.zhihu.com/?target=http%3A//www.wufangbo.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&武方博&/a&&a href=&//link.zhihu.com/?target=http%3A//panweizeng.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&潘魏增&/a&&a href=&//link.zhihu.com/?target=http%3A//swordair.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&葵中剑&/a&&a href=&//link.zhihu.com/?target=http%3A//www.css3china.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&css3China&/a&&a href=&//link.zhihu.com/?target=http%3A//www.brucewar.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&brucewar&/a&&/p&&p&&b&国外综合&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//css-tricks.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS-Tricks&/a&&a href=&//link.zhihu.com/?target=http%3A//www.webplatform.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&WebPlatform&/a&&a href=&//link.zhihu.com/?target=http%3A//smashingmagazine.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SmashingMagazine&/a&&a href=&//link.zhihu.com/?target=http%3A//www.csszengarden.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&cssZenGarden&/a&&/p&&p&&b&国外个人&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.stevesouders.com/blog/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SteveSouders&/a&&a href=&//link.zhihu.com/?target=http%3A//ejohn.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JohnResig&/a&&a href=&//link.zhihu.com/?target=http%3A//javascript.crockford.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DouglasCrockfordNEW&/a&&a href=&//link.zhihu.com/?target=http%3A//meyerweb.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&EricMeyer&/a&&a href=&//link.zhihu.com/?target=http%3A//www.nczonline.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NicholasZakas&/a&&a href=&//link.zhihu.com/?target=http%3A//addyosmani.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Addy OsmaniNEW&/a&&/p&&br&&br&&blockquote&&b&02.UED团队博客&/b&&/blockquote&&br&&p&&b&腾讯系&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//tgideas.qq.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯TGideas&/a&&a href=&//link.zhihu.com/?target=http%3A//isux.tencent.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯ISUX&/a&&a href=&//link.zhihu.com/?target=http%3A//cdc.tencent.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯CDC&/a&&a href=&//link.zhihu.com/?target=http%3A//www.alloyteam.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&alloyteam&/a&&a href=&//link.zhihu.com/?target=http%3A//gdc.qq.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&QQ游戏GDC&/a&&a href=&//link.zhihu.com/?target=http%3A//mxd.tencent.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯无线MXD&/a&&a href=&//link.zhihu.com/?target=http%3A//tid.tenpay.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&财付通TID&/a&&/p&&p&&b&阿里系&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.aliued.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里中文UED&/a&&a href=&//link.zhihu.com/?target=http%3A//www.aliued.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里国际UED&/a&&a href=&//link.zhihu.com/?target=http%3A//alipay-ued.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&支付宝UED&/a&&a href=&//link.zhihu.com/?target=http%3A//ued.taobao.org/blog/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&淘宝UED&/a&&a href=&//link.zhihu.com/?target=http%3A//ued.tmall.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&天猫UED&/a&&a href=&//link.zhihu.com/?target=http%3A//ux.etao.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&一淘UED&/a&
百度系&a href=&//link.zhihu.com/?target=http%3A//ued.baidu.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&百度searchUX&/a&&a href=&//link.zhihu.com/?target=http%3A//fex.baidu.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&百度FEX&/a&&a href=&//link.zhihu.com/?target=http%3A//mux.baidu.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&百度MUX&/a&&a href=&//link.zhihu.com/?target=http%3A//ueo.baidu.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&百度UEO&/a&&/p&&p&&b&搜狐系&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//ued.sogou.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&搜狗UED&/a&&a href=&//link.zhihu.com/?target=http%3A//mued.sohu.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&搜狐MUED&/a&&a href=&//link.zhihu.com/?target=http%3A//vc.changyou.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&搜狐畅游UED&/a&&a href=&//link.zhihu.com/?target=http%3A//ued.focus.cn/wordpress/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&搜狐焦点UED&/a&
新浪系&a href=&//link.zhihu.com/?target=http%3A//ued.sina.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&新浪网UED&/a&&a href=&//link.zhihu.com/?target=http%3A//udc.weibo.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&新浪微博UDC&/a&&a href=&//link.zhihu.com/?target=http%3A//ued.leju.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&新浪乐居UED&/a&&/p&&p&&b&网易系&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//uedc.163.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&网易UEDC&/a&&a href=&//link.zhihu.com/?target=http%3A//gux.163.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&网易游戏GUX&/a&&/p&&p&&b&其他&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//ued.ctrip.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&携程UEDNEW&/a&&a href=&//link.zhihu.com/?target=http%3A//blog.19ued.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&19楼UED&/a&&a href=&//link.zhihu.com/?target=http%3A//ued.5173.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&5173UED&/a&&a href=&//link.zhihu.com/?target=http%3A//cued.xunlei.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&迅雷CUED&/a&&a href=&//link.zhihu.com/?target=http%3A//uxc.360.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&360UXC&/a&&a href=&//link.zhihu.com/?target=http%3A//www.gameued.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&昆仑游戏UED&/a&&a href=&//link.zhihu.com/?target=http%3A//ued.yhd.com/blog& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&一号店UED&/a&&a href=&//link.zhihu.com/?target=http%3A//jdc.jd.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&京东设计中心&/a&&/p&&br&&blockquote&&b&03.浏览器百宝箱&/b&&/blockquote&&br&&p&&b&综合
&/b&&a href=&//link.zhihu.com/?target=https%3A//www.google.com/intl/zh-CN/chrome/browser/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&谷歌浏览器&/a&&a href=&//link.zhihu.com/?target=http%3A//www.firefox.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&火狐浏览器&/a&&a href=&//link.zhihu.com/?target=http%3A//www.opera.com/zh-cn& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&欧朋浏览器&/a&&a href=&//link.zhihu.com/?target=http%3A//www.apple.com/cn/safari/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Safari浏览器&/a&&a href=&//link.zhihu.com/?target=http%3A//windows.microsoft.com/zh-cn/internet-explorer/download-ie& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&IE浏览器&/a&&a href=&//link.zhihu.com/?target=http%3A//browser.qq.com/index_m.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&QQ浏览器&/a&&a href=&//link.zhihu.com/?target=http%3A//www.maxthon.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&遨游浏览器&/a&&a href=&//link.zhihu.com/?target=http%3A//se.360.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&360浏览器&/a&&a href=&//link.zhihu.com/?target=http%3A//www.theworld.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&世界之窗浏览器&/a&&/p&&p&&b&插件火狐
&/b&&a href=&//link.zhihu.com/?target=https%3A//addons.mozilla.org/zh-CN/firefox/addon/firebug/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&FireBUG&/a&&a href=&//link.zhihu.com/?target=https%3A//addons.mozilla.org/zh-CN/firefox/addon/css-usage/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&cssUsage&/a&&a href=&//link.zhihu.com/?target=https%3A//addons.mozilla.org/zh-CN/firefox/addon/yslow/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&YSlow&/a&&a href=&//link.zhihu.com/?target=https%3A//addons.mozilla.org/zh-CN/firefox/addon/web-developer/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&WebDeveloper&/a&&a href=&//link.zhihu.com/?target=https%3A//addons.mozilla.org/zh-CN/firefox/addon/html-validator/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HtmlValidator&/a&&a href=&//link.zhihu.com/?target=https%3A//addons.mozilla.org/zh-CN/firefox/addon/colorzilla/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&colorzilla&/a&&a href=&//link.zhihu.com/?target=https%3A//addons.mozilla.org/ZH-cn/firefox/addon/httpfox/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&httpfox&/a&&/p&&p&&b&谷歌
&/b&&a href=&//link.zhihu.com/?target=https%3A//developers.google.com/chrome-developer-tools/%3Fhl%3Dzh-CN& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ChromeDevTools&/a&&/p&&p&&b&其他
&/b&&a href=&//link.zhihu.com/?target=http%3A//www.debugbar.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DEBUGGER&/a&&a href=&//link.zhihu.com/?target=http%3A//www.microsoft.com/en-us/download/details.aspx%3Fid%3D18359& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&IEToolbar&/a&&/p&&br&&b&&blockquote&04.前端工具箱&br&&/blockquote&&/b&&br&&p&&b&客户端编辑器
&/b&&a href=&//link.zhihu.com/?target=http%3A//www.sublimetext.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&sublimeText&/a&&a href=&//link.zhihu.com/?target=http%3A//notepad-plus-plus.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&notepad++&/a&&a href=&//link.zhihu.com/?target=http%3A//www.editplus.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&EditPlus&/a&&a href=&//link.zhihu.com/?target=http%3A//www.jetbrains.com/idea/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&IntelliJIDEA&/a&&a href=&//link.zhihu.com/?target=http%3A//www.adobe.com/cn/products/dreamweaver.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dreamweaver&/a&&a href=&//link.zhihu.com/?target=http%3A//www.vim.org/download.php& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&VIM&/a&&a href=&//link.zhihu.com/?target=http%3A//aptana.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Astana&/a&&/p&&p&&b&代码在线编辑
&/b&&a href=&//link.zhihu.com/?target=http%3A//jsfiddle.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jsfiddle&/a&&a href=&//link.zhihu.com/?target=http%3A//jsbin.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jsbin&/a&&a href=&//link.zhihu.com/?target=http%3A//cssdeck.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&cssdeck&/a&&a href=&//link.zhihu.com/?target=http%3A//codepen.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&codepen&/a&&a href=&//link.zhihu.com/?target=http%3A//jsdo.it/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jsdoit&/a&&a href=&//link.zhihu.com/?target=http%3A//dabblet.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&dabblet&/a&&/p&&p&&b&页面性能测试
&/b&&a href=&//link.zhihu.com/?target=http%3A//www.alibench.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&阿里测&/a&&a href=&//link.zhihu.com/?target=http%3A//developers.google.com/speed/pagespeed/insights/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PageSpeed&/a&&a href=&//link.zhihu.com/?target=http%3A//www.webpagetest.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&WebPageTest&/a&&a href=&//link.zhihu.com/?target=http%3A//gtmetrix.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&gtmetrix&/a&&a href=&//link.zhihu.com/?target=http%3A//www.telerik.com/download/fiddler& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Fiddler&/a&&a href=&//link.zhihu.com/?target=http%3A//www.httpwatch.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&httpwatch&/a&&/p&&p&&b&格式化/压缩
&/b&&a href=&//link.zhihu.com/?target=http%3A//csscomb.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&csscomb&/a&&a href=&//link.zhihu.com/?target=http%3A//yui.github.io/yuicompressor/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&YUIcompressor&/a&&a href=&//link.zhihu.com/?target=http%3A//tool.css-js.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&在线CSS/JS压缩&/a&&a href=&//link.zhihu.com/?target=http%3A//closure-compiler.appspot.com/home& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ClosureCompiler&/a&&a href=&//link.zhihu.com/?target=http%3A//jsmini.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jsmini&/a&&a href=&//link.zhihu.com/?target=https%3A//tinypng.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&tinypng&/a&&a href=&//link.zhihu.com/?target=http%3A//www.smushit.com/ysmush.it/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&smushit&/a&&/p&&p&&b&CSS3在线生成
&/b&&a href=&//link.zhihu.com/?target=http%3A//www.css3maker.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS3maker&/a&&a href=&//link.zhihu.com/?target=http%3A//css3generator.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS3generator&/a&&a href=&//link.zhihu.com/?target=http%3A//www.colorzilla.com/gradient-editor/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS3渐变生成&/a&&a href=&//link.zhihu.com/?target=http%3A//css-tricks.com/examples/ButtonMaker/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS3按钮生成&/a&&a href=&//link.zhihu.com/?target=http%3A//ecd.tencent.com/css3/tools.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS3动画生成-ECD&/a&&/p&&p&&b&虚拟机
&/b&&a href=&//link.zhihu.com/?target=http%3A//www.my-debugbar.com/wiki/IETester/HomePage& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&IEtester&/a&&a href=&//link.zhihu.com/?target=http%3A//windows.microsoft.com/zh-cn/windows7/install-and-use-windows-xp-mode-in-windows-7& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&WINXPmode&/a&&a href=&//link.zhihu.com/?target=http%3A//www.vmware.com/cn& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&vmware&/a&&a href=&//link.zhihu.com/?target=https%3A//www.virtualbox.org/wiki/Downloads& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&virtualbox&/a&&/p&&p&&b&数据转换
&/b&&a href=&//link.zhihu.com/?target=http%3A//webcodertools.com/imagetobase64converter& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&图片转base64&/a&&a href=&//link.zhihu.com/?target=http%3A//json.parser.online.fr/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&在线解析json&/a&&/p&&p&&b&CSS/JS手册CSS
&/b&&a href=&//link.zhihu.com/?target=http%3A//css.doyoe.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS参考手册&/a&&a href=&//link.zhihu.com/?target=http%3A//www.zhangxinxu.com/css3/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS3参考手册&/a&&a href=&//link.zhihu.com/?target=http%3A//www.divcss5.com/css3/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS3参考手册&/a&&/p&&p&&b&JS
&/b&&a href=&//link.zhihu.com/?target=http%3A//www.php100.com/manual/javascript.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&原生JS手册&/a&&a href=&//link.zhihu.com/?target=http%3A//api.jquery.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQueryAPI&/a&&a href=&//link.zhihu.com/?target=http%3A//www.php100.com/manual/jQuery/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQuery1.7手册&/a&&/p&&p&&b&其他
&/b&&a href=&//link.zhihu.com/?target=http%3A//www.getmarkman.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&马克鳗&/a&&a href=&//link.zhihu.com/?target=http%3A//www.jslint.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jslint&/a&&/p&&br&&blockquote&&b&05.CSS/HTML&/b&&/blockquote&&br&&p&&b&CSS框架
&/b&&a href=&//link.zhihu.com/?target=http%3A//necolas.github.io/normalize.css/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Normalize.css&/a&&a href=&//link.zhihu.com/?target=http%3A//lessframework.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&lessFramework&/a&&a href=&//link.zhihu.com/?target=http%3A//www.formee.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Formee&/a&&a href=&//link.zhihu.com/?target=http%3A//960.gs/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&960GRID&/a&&a href=&//link.zhihu.com/?target=http%3A//responsive.gs/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ResponsiveGridSystem&/a&&/p&&p&&b&UI框架
&/b&&a href=&//link.zhihu.com/?target=http%3A//getbootstrap.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Bootstrap&/a&&a href=&//link.zhihu.com/?target=http%3A//designmodo.github.io/Flat-UI/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&FlatUI&/a&&a href=&//link.zhihu.com/?target=http%3A//purecss.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&pure&/a&&a href=&//link.zhihu.com/?target=http%3A//metroui.org.ua/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&MetroUI&/a&&a href=&//link.zhihu.com/?target=http%3A//www.maxmert.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Maxmertkit&/a&&a href=&//link.zhihu.com/?target=http%3A//semantic-ui.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Semantic UI&/a&&/p&&p&&b&CSS资源库
&/b&&a href=&//link.zhihu.com/?target=http%3A//www.cssreset.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&cssReset&/a&&a href=&//link.zhihu.com/?target=http%3A//www.iecss.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&IE默认CSS&/a&&a href=&//link.zhihu.com/?target=http%3A//browserhacks.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器hack大全&/a&&a href=&//link.zhihu.com/?target=http%3A//cssvalues.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&cssValuesNEW&/a&&a href=&//link.zhihu.com/?target=http%3A//daneden.github.io/animate.css/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&animate动画库&/a&&a href=&//link.zhihu.com/?target=http%3A//css3lib.alloyteam.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS3lib动画库&/a&&a href=&//link.zhihu.com/?target=http%3A//ecd.tencent.com/css3/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECD动画库&/a&&a href=&//link.zhihu.com/?target=http%3A//css3please.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&css3pleaseNEW&/a&&a href=&//link.zhihu.com/?target=http%3A//css3clickchart.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&css3ClickChartNEW&/a&&/p&&p&&b&技巧/教程
&/b&&a href=&//link.zhihu.com/?target=http%3A//www.w3school.com.cn/css3/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&W3SCHOOL&/a&&a href=&//link.zhihu.com/?target=http%3A//www.w3cplus.com/blog/tags/11.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&W3CPLUS&/a&&a href=&//link.zhihu.com/?target=https%3A//developer.mozilla.org/en-US/docs/Web/CSS/CSS3& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mozilla CSS3&/a&&/p&&br&&blockquote&&b&06.JavaScript&/b&&/blockquote&&br&&p&综合
&a href=&//link.zhihu.com/?target=http%3A//jquery.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQuery&/a&&a href=&//link.zhihu.com/?target=http%3A//mootools.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&mootools&/a&&a href=&//link.zhihu.com/?target=http%3A//dojotoolkit.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dojo&/a&&a href=&//link.zhihu.com/?target=http%3A//www.sencha.com/products/extjs/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ExtJS&/a&&a href=&//link.zhihu.com/?target=http%3A//prototypejs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Prototype&/a&&a href=&//link.zhihu.com/?target=http%3A//yuilibrary.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&YUI&/a&&a href=&//link.zhihu.com/?target=http%3A//sizzlejs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&sizzlejs&/a&&a href=&//link.zhihu.com/?target=http%3A//zeptojs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&zeptoNEW&/a&&a href=&//link.zhihu.com/?target=http%3A//momentjs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Moment.js&/a&&a href=&//link.zhihu.com/?target=http%3A//facebook.github.io/react/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&React.jsNEW&/a&&/p&&p&&b&node.jsnode.js
&/b&&a href=&//link.zhihu.com/?target=http%3A//www.nodejs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&node.js官方&/a&&a href=&//link.zhihu.com/?target=http%3A//cnodejs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&node.js中文社区&/a&&/p&&p&&b&grunt.js
&/b&&a href=&//link.zhihu.com/?target=http%3A//gruntjs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&grunt.js官方&/a&&a href=&//link.zhihu.com/?target=http%3A//gruntjs.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&grunt.js中文站点&/a&&a href=&//link.zhihu.com/?target=http%3A//yeoman.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&YeomanNEW&/a&&/p&&p&&b&gulp.js
&/b&&a href=&//link.zhihu.com/?target=http%3A//gulpjs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&gulpjs官方&/a&&a href=&//link.zhihu.com/?target=https%3A//github.com/targetkiller/gulp-imageisux& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&智图gulp插件NEW&/a&&/p&&p&&b&MVC
&/b&&a href=&//link.zhihu.com/?target=http%3A//backbonejs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&backbonejs&/a&&a href=&//link.zhihu.com/?target=http%3A//angularjs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&angularjs&/a&&a href=&//link.zhihu.com/?target=http%3A//emberjs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&emberjs&/a&&a href=&//link.zhihu.com/?target=http%3A//knockoutjs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&knockoutjs&/a&&/p&&p&&b&模块化
&/b&&a href=&//link.zhihu.com/?target=http%3A//www.commonjs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&commonjs&/a&&a href=&//link.zhihu.com/?target=http%3A//seajs.org/docs/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&seajs&/a&&a href=&//link.zhihu.com/?target=http%3A//requirejs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&requirejs&/a&&a href=&//link.zhihu.com/?target=http%3A//nodejs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&nodejs&/a&&a href=&//link.zhihu.com/?target=https%3A//github.com/cujojs/curl& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&curl.js&/a&&/p&&p&&b&HTML5框架
&/b&&a href=&//link.zhihu.com/?target=http%3A//impactjs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ImpactJS&/a&&a href=&//link.zhihu.com/?target=http%3A//www.createjs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&createjs&/a&&a href=&//link.zhihu.com/?target=http%3A//craftyjs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&craftyjs&/a&&a href=&//link.zhihu.com/?target=http%3A//threejs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&threejs&/a&&a href=&//link.zhihu.com/?target=http%3A//melonjs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&melonjs&/a&&a href=&//link.zhihu.com/?target=http%3A//gamejs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&gamejs&/a&&a href=&//link.zhihu.com/?target=http%3A//www.limejs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&LimeJS&/a&&a href=&//link.zhihu.com/?target=http%3A//zohararad.github.io/audio5js/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&audio5js&/a&&/p&&p&&b&技巧/教程 &/b&&a href=&//link.zhihu.com/?target=http%3A//bonsaiden.github.io/JavaScript-Garden/zh/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JS秘密花园&/a&&a href=&//link.zhihu.com/?target=https%3A//developer.mozilla.org/en-US/docs/Web/JavaScript/Guide& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&MozillaJavaScriptGuide&/a&&a href=&//link.zhihu.com/?target=http%3A//chajn.org/jsguide/javascriptguide.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GoogleJavaScriptGuide&/a&&a href=&//link.zhihu.com/?target=http%3A//www.javascriptsource.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScriptSource&/a&&/p&&p&&b&jQuery插件
&/b&&a href=&//link.zhihu.com/?target=http%3A//jqueryui.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQueryUI&/a&&a href=&//link.zhihu.com/?target=http%3A//jqueryvalidation.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&validate&/a&&a href=&//link.zhihu.com/?target=http%3A//plugins.jquery.com/colorbox/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&colorbox&/a&&a href=&//link.zhihu.com/?target=http%3A//marcgrabanski.com/jquery-ui-datepicker/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&datepicker&/a&&a href=&//link.zhihu.com/?target=https%3A//github.com/alvarotrigo/fullPage.js& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&fullPage.jsNEW&/a&&/p&&br&&b&&blockquote&07.多终端&br&&/blockquote&&/b&&br&&p&UI/JS框架
&a href=&//link.zhihu.com/?target=http%3A//jquerymobile.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQueryMobile&/a&&a href=&//link.zhihu.com/?target=http%3A//joapp.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Joapp&/a&&a href=&//link.zhihu.com/?target=http%3A//52framework.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&52framework&/a&&a href=&//link.zhihu.com/?target=http%3A//getfri.es/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Fries&/a&&a href=&//link.zhihu.com/?target=http%3A//blog.angeloff.name/zoey/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&zoey&/a&&/p&&p&工具/资源
&a href=&//link.zhihu.com/?target=http%3A//mobilehtml5.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML5支持性查询&/a&&a href=&//link.zhihu.com/?target=http%3A//screensiz.es/phone& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ScreenSiz&/a&&a href=&//link.zhihu.com/?target=http%3A//html5test.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML5浏览器测试&/a&&a href=&//link.zhihu.com/?target=http%3A//html5please.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&html5pleaseNEW&/a&&/p&&p&技巧/教程
&a href=&//link.zhihu.com/?target=http%3A//msdn.microsoft.com/library/windows/apps/br211385.aspx& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&WIN8开发指南&/a&&a href=&//link.zhihu.com/?target=https%3A//developer.apple.com/cn/technologies/ios/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&IOS官方教程&/a&&/p&&br&&b&&blockquote&08.综合资源库&br&&/blockquote&&/b&&br&&p&&b&前端书籍推荐
&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.amazon.cn/gp/product/B007OQQVMY/ref%3Das_li_qf_sp_asin_tl%3Fie%3DUTF8%26camp%3D536%26creative%3D3200%26creativeASIN%3DB007OQQVMY%26linkCode%3Das2%26tag%3Dwhycss-23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript高级程序设计(第3版)&/a&&a href=&//link.zhihu.com/?target=http%3A//www.amazon.cn/gp/product/B007VISQ1Y/ref%3Das_li_qf_sp_asin_tl%3Fie%3DUTF8%26camp%3D536%26creative%3D3200%26creativeASIN%3DB007VISQ1Y%26linkCode%3Das2%26tag%3Dwhycss-23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript权威指南(第6版)&/a&&a href=&//link.zhihu.com/?target=http%3A//www.amazon.cn/gp/product/B004VJM5KE/ref%3Das_li_qf_sp_asin_tl%3Fie%3DUTF8%26camp%3D536%26creative%3D3200%26creativeASIN%3DB004VJM5KE%26linkCode%3Das2%26tag%3Dwhycss-23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript DOM编程艺术(第2版)&/a&&a href=&//link.zhihu.com/?target=http%3A//www.amazon.cn/gp/product/B00D6MT3LG/ref%3Das_li_qf_sp_asin_tl%3Fie%3DUTF8%26camp%3D536%26creative%3D3200%26creativeASIN%3DB00D6MT3LG%26linkCode%3Das2%26tag%3Dwhycss-23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript设计模式&/a&&a href=&//link.zhihu.com/?target=http%3A//www.amazon.cn/gp/product/B0089TDFNS/ref%3Das_li_qf_sp_asin_tl%3Fie%3DUTF8%26camp%3D536%26creative%3D3200%26creativeASIN%3DB0089TDFNS%26linkCode%3Das2%26tag%3Dwhycss-23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&锋利的jQuery(第2版)&/a&&a href=&//link.zhihu.com/?target=http%3A//www.amazon.cn/gp/product/B0097CON2S/ref%3Das_li_qf_sp_asin_tl%3Fie%3DUTF8%26camp%3D536%26creative%3D3200%26creativeASIN%3DB0097CON2S%26linkCode%3Das2%26tag%3Dwhycss-23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript语言精粹(修订版)&/a&&a href=&//link.zhihu.com/?target=http%3A//www.amazon.cn/gp/product/B008QTG1HS/ref%3Das_li_qf_sp_asin_tl%3Fie%3DUTF8%26camp%3D536%26creative%3D3200%26creativeASIN%3DB008QTG1HS%26linkCode%3Das2%26tag%3Dwhycss-23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript模式&/a&&a href=&//link.zhihu.com/?target=http%3A//www.amazon.cn/gp/product/B008XFDQ14/ref%3Das_li_qf_sp_asin_tl%3Fie%3DUTF8%26camp%3D536%26creative%3D3200%26creativeASIN%3DB008XFDQ14%26linkCode%3Das2%26tag%3Dwhycss-23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTTP权威指南&/a&&a href=&//link.zhihu.com/?target=http%3A//www.amazon.cn/gp/product/B00GOM5IL4/ref%3Das_li_qf_sp_asin_tl%3Fie%3DUTF8%26camp%3D536%26creative%3D3200%26creativeASIN%3DB00GOM5IL4%26linkCode%3Das2%26tag%3Dwhycss-23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&深入浅出Node.js&/a&&a href=&//link.zhihu.com/?target=http%3A//www.amazon.cn/gp/product/B008UCHA58/ref%3Das_li_qf_sp_asin_tl%3Fie%3DUTF8%26camp%3D536%26creative%3D3200%26creativeASIN%3DB008UCHA58%26linkCode%3Das2%26tag%3Dwhycss-23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&精通正则表达式(第3版)&/a&&/p&&br&&p&&b&周刊/订阅
&/b&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//javascriptweekly.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScriptWeekly&/a&&a href=&//link.zhihu.com/?target=http%3A//html5weekly.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML5Weekly&/a&&a href=&//link.zhihu.com/?target=http%3A//sidebar.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SidebarIO&/a&&a href=&//link.zhihu.com/?target=http%3A//www.75team.com/weekly/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&奇舞团周刊&/a&&a href=&//link.zhihu.com/?target=http%3A//weekly.manong.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&码农周刊&/a&&a href=&//link.zhihu.com/?target=http%3A//ourjs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&OurJS周刊&/a&&a href=&//link.zhihu.com/?target=http%3A//web-design-weekly.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&WebDesignWeekly&/a&&a href=&//link.zhihu.com/?target=http%3A//webtoolsweekly.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&WebToolsWeekly&/a&&a href=&//link.zhihu.com/?target=http%3A//responsivedesignweekly.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ResponsiveDesignWeekly&/a&&a href=&//link.zhihu.com/?target=http%3A//www.feweekly.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&FeWeekly&/a&&/p&&br&&p&&b&wiki社区 &a href=&//link.zhihu.com/?target=http%3A//wiki.jikexueyuan.com/list/front-end/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&极客wiki前端开发&/a&&/b&&/p&&br&&p&&b&互联网业界
&/b&&a href=&//link.zhihu.com/?target=http%3A//www.infoq.com/cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&infoq&/a&&a href=&//link.zhihu.com/?target=http%3A//www.36kr.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&36氪&/a&&a href=&//link.zhihu.com/?target=http%3A//www.geekpark.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&极客公园&/a&&a href=&//link.zhihu.com/?target=http%3A//www.ifanr.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&爱范儿&/a&&/p&&br&&p&&b&问答社区
&/b&&a href=&//link.zhihu.com/?target=http%3A//stackoverflow.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&stackoverflow&/a&&a href=&//link.zhihu.com/?target=http%3A//www.quora.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&quora&/a&&a href=&http://www.zhihu.com/& class=&internal&&知乎&/a&&/p&&br&&br&&b&&blockquote&09.懂点设计和交互&br&&/blockquote&&/b&&br&&p&综合
&a href=&//link.zhihu.com/?target=http%3A//dribbble.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble&/a&&a href=&//link.zhihu.com/?target=http%3A//www.zcool.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&站酷&/a&&a href=&//link.zhihu.com/?target=http%3A//www.uisdc.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&优设&/a&&a href=&//link.zhihu.com/?target=http%3A//www.iconfans.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&iconfans&/a&&a href=&//link.zhihu.com/?target=http%3A//www.visionunion.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&视觉同盟&/a&&a href=&//link.zhihu.com/?target=http%3A//shijue.me/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&视觉中国&/a&&a href=&//link.zhihu.com/?target=http%3A//68design.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&68design&/a&&/p&&p&社区/组织
&a href=&//link.zhihu.com/?target=http%3A//www.uxpachina.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UPA中国&/a&&a href=&//link.zhihu.com/?target=http%3A//ixdc.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&IXDC&/a&&/p&&p&图标
&a href=&//link.zhihu.com/?target=https%3A//www.iconfinder.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&iconfinder&/a&&a href=&//link.zhihu.com/?target=http%3A//findicons.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&findicons&/a&&a href=&//link.zhihu.com/?target=http%3A//www.iconfont.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&icon font&/a&&/p&&p&字体
&a href=&//link.zhihu.com/?target=https%3A//www.google.com/fonts& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Google Fonts&/a&&a href=&//link.zhihu.com/?target=http%3A//font.chinaz.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Chinaz Font&/a&&a href=&//link.zhihu.com/?target=http%3A//font.knowsky.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Knowsky Font&/a&&/p&&p&配色
&a href=&//link.zhihu.com/?target=https%3A//kuler.adobe.com/create/color-wheel/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&kuler&/a&&a href=&//link.zhihu.com/?target=http%3A//www.peise.net/tools/web/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&peise&/a&&a href=&//link.zhihu.com/?target=http%3A//colorschemedesigner.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ColorSchemeDesigner&/a&&a href=&//link.zhihu.com/?target=http%3A//www.design-seeds.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DesignSeeds&/a&&a href=&//link.zhihu.com/?target=http%3A//www.colorcombos.com/combolibrary.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&colorCombosNEW&/a&&/p&&p&交互/思维导图
&a href=&//link.zhihu.com/?target=http%3A//www.processon.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&processon&/a&&a href=&//link.zhihu.com/?target=http%3A//www.mindjet.com/mindmanager/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&mindManager&/a&&/p&&p&其他
&a href=&//link.zhihu.com/?target=http%3A//www.mobile-patterns.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&MobilePatterns&/a&&a href=&//link.zhihu.com/?target=http%3A//www.pixeden.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&pixeden&/a&&a href=&//link.zhihu.com/?target=http%3A//logopond.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&全球LOGO汇集&/a&&/p&
01.前端这个圈子社区/组织国内综合
鉴于本人有严重的松树病，爱好收集各种网站。&br&&br&以下网站个人亲测，至于好不好纯属个人喜好。&br&&br&
就酱紫。&br&&br&&br&&b&Photoshop 篇&/b&&br&&br&PS联盟&br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//www.68ps.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PS联盟--Photoshop专业教程网&/a&&br&&br&适合新手，不解释。&br&&br&破洛洛&br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//www.poluoluo.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&破洛洛 - PS学习|PS教程&/a&&br&&br&教PS教做网站，正适合你。&br&&br&&br&=========================================================&br&&br&&b&设计篇&/b&&br&&br&Dribbble&br&&br&传送门 &a href=&//link.zhihu.com/?target=https%3A//dribbble.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Show and tell for designers&/a&&br&&br&著名的Dribbble不用多说十星推荐，上面各种大牛设计师，欣赏、临摹、提高设计逼格必备网站.&br&&br&站酷&br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//www.zcool.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&站酷 (ZCOOL)&/a&&br&&br&我感觉可以称之为中国最牛逼的设计网站，上面涵盖各种方向的设计，UI
平面 建筑 工业等等。还有海量素材免费下载，大牛设计师的设计心得分享招聘简介。&br&&br&========================================================&br&&br&&b&素材篇&/b&&br&&br&全景网&br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//www.quanjing.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&全景图片_中国最大最全的图片库和图片素材网站&/a&&br&&br&创意素材酷，高清要花钱，但是预览版不用也够用的&br&&br&&br&昵图网&br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//www.nipic.com/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&昵图网_原创素材共享平台www.nipic.com&/a&&br&&br&不解释，不过昵图网现在洗白白了，机智的我以前50块钱买了好多共享分。&br&&br&&br&APP psd&br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//apppsd.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&apppsd.com&/a&&br&&br&一个APP素材网站，它们的口号是最新、精选、免费的UI设计PSD素材下载。&br&&br&&a href=&//link.zhihu.com/?target=http%3A//topit.me& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&topit.me&/span&&span class=&invisible&&&/span&&/a&&br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//www.topit.me/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&topit.me/&/span&&span class=&invisible&&&/span&&/a&&br&&br&好多小众美图，来熏陶你审美 &br&&br&==========================================================&br&&br&&b&UI篇&/b&&br&&br&ui盒子&br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//www.boxui.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&盒子UI | 分享以用户体验为中心的设计&/a&&br&&br&有教程有素材。&br&&br&UI maker&br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//www.uimaker.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&uimaker.com/&/span&&span class=&invisible&&&/span&&/a&&br&&br&我经常在上面看着教程做东西，教程非常赞。&br&&br&&br&&br&=================================================&br&&b&&br&网页篇（对网页设计，知道的少）&/b&&br&&br&w3school&br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//www.w3school.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&w3school 在线教程&/a&&br&&br&哎呀，不解释了。&br&&br&&br&梦想天空 &br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/lhb25/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&梦想天空（山边小溪）&/a&&br&&br&名字俗了点，貌似还是有些干货的。&br&&br&这两个 貌似很吊的样纸 &br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//www.css-design-yorkshire.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&css-design-yorkshire.com&/span&&span class=&invisible&&/&/span&&span class=&ellipsis&&&/span&&/a&&br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//webdesign.tutsplus.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Tuts+ Free Web Design Tutorials&/a&&br&&br&=================================================&br&&br&&b&字体下载&/b&&br&&br&&a href=&//link.zhihu.com/?target=http%3A//www.zhaozi.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&找字网,您的字体管家!免费字体下载,字体设计!&/a&
找字网&br&&a href=&//link.zhihu.com/?target=http%3A//www.fontsquirrel.com/fonts/source-sans-pro& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Free Font Source Sans Pro by Adobe&/a&
字体松鼠&br&&a href=&//link.zhihu.com/?target=http%3A//sf.kdd.cc/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&在线书法字典网,多书法字体备选(全矢量图片)&/a&
快典网&br&&a href=&//link.zhihu.com/?target=http%3A//www.fonts2u.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Fonts2u.com free fonts&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//www.dafont.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&dafont.com&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//ziti.so/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&字体-字体下载&/a&
字体搜索&br&&a href=&//link.zhihu.com/?target=http%3A//www.qiuziti.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&qiuziti.com/&/span&&span class=&invisible&&&/span&&/a&
求字体&br&&br&&b&图库&/b&&br&&br&&a href=&//link.zhihu.com/?target=http%3A//www.quanjing.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&全景网络_中国最大的图片库和图片分享网站&/a&
全景&br&&a href=&//link.zhihu.com/?target=http%3A//www.imagesource.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&High Quality Royalty Free Stock Photos, Royalty free Images&/a&
搜图&br&&a href=&//link.zhihu.com/?target=http%3A//www.veerchina.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中国图库-中国最大的包量图库&/a&
正版图片超市&br&&a href=&//link.zhihu.com/?target=http%3A//ffffound.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&FFFFOUND!&/a&&br&&a href=&//link.zhihu.com/?target=https%3A//500px.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&The Premier Photography Community / 500px&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//www.stockvault.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Free Stock Photos&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//www.deviantart.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&deviantart.com/&/span&&span class=&invisible&&&/span&&/a&
插画搜索&br&&a href=&//link.zhihu.com/?target=http%3A//coolvibe.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&coolvibe.com/&/span&&span class=&invisible&&&/span&&/a&
插画搜索&br&&a href=&//link.zhihu.com/?target=http%3A//landing.adobe.com/en/na/products/creative-cloud/69308-real-or-photoshop/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Real or Photoshop&/a&测试眼力&br&&br&&br&=================================================&br&&b&设计小道具&/b&&br&&br&马克鳗&br&&br&传送门 &a href=&//link.zhihu.com/?target=http%3A//www.getmarkman.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&马克鳗 - 设计稿标注、测量&/a&&br&&br&&br&&figure&&img src=&https://pic3.zhimg.com/efbb80c6cfff5c0f9a851eb2_b.jpg& data-rawwidth=&1918& data-rawheight=&81& class=&origin_image zh-lightbox-thumb& width=&1918& data-original=&https://pic3.zhimg.com/efbb80c6cfff5c0f9a851eb2_r.jpg&&&/figure&&br&&br&祭出文件&br&&br&&br&&a href=&//link.zhihu.com/?target=http%3A//pan.baidu.com/s/1slafM7z& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&pan.baidu.com/s/1slafM7&/span&&span class=&invisible&&z&/span&&span class=&ellipsis&&&/span&&/a&&br&&br&&br&未完待续...
鉴于本人有严重的松树病，爱好收集各种网站。 以下网站个人亲测，至于好不好纯属个人喜好。 就酱紫。 Photoshop 篇 PS联盟 传送门
适合新手，不解释。 破洛洛 传送门
教PS教做网站，正适合你。 =======…
写在回答之前：流程用好了是好东西，用不好是阻碍。&br&&br&今天写的设计流程的思考，以下。：）&br&&br&设计存在于设计流程中。&br&设计师的工作是基于设计流程的。&br&&br&和很多朋友讨论过设计流程。这个流程在每个国家、每个行业、每个公司、甚至是同个公司的不同业务下，都是不一样的。所以要写出来，很难统一概括。&br&&br&与设计师相关的设计流程，可能一个基本认知是这样的：&br&产品需求，交互设计，视觉设计，前端开发。&br&&br&再丰富一些：&br&市场分析，创意阶段，用户研究，概念设计，设计控件预设，交互设计，交互Demo，用户测试，视觉预研，视觉设计，设计Demo，用户验证测试，前端开发，开发Demo，展示Demo，迭代，用户测试，测试数据回收，用户数据验证，灰度，全量，项目总结，规范输出，控件库，用户跟踪反馈……&br&&br&再凌乱一些：&br&以上所有点，顺序是可以根据敏捷开发的需求，灵活排列的。也可以&b&随机组合&/b&。&br&&br&所以，现在大多公司的设计流程，是一个标准且完整的架子。在实际设计项目中使用，并不一定是那么规范和统一的。有时项目大，可能流程走的完整；有时项目小步快跑，流程就会被精简为一个可用且贴合业务的小流程。&br&&br&&b&设计流程为什么这么不可控？因为设计不是完全理性、可工程化的。&/b&一辆汽车可以通过完整有效的流程快速组装起来，且能保证质量；点子、思路、设计，不能这样。没有人能提供一个设计流程，能保证任何人进入这个流程，挨着一步一步做，就能做出设计精品。所以设计流程，是帮助产品设计推动，且为设计思路提供思考维度的一个不可工程化的方式。&br&&br&我在美国、中国、德国工作时，都和设计师小伙伴一起制定了很多设计流程和方法。每个都不一样。&br&&br&&b&但是我发现，思考维度是类似的。&br&&/b&&br&所以今天，我想借用Jesse James Garrett书中对用户体验要素分层的一个参考，来描述下设计流程的思考维度。&br&&br&书名：用户体验要素：以用户为中心的产品设计&br&作者：Jesse James Garrett&br&&br&1，Surface 表现层&br&2，Skeleton 框架层&br&3，Structure 结构层&br&4，Scope 范围层&br&5，Strategy 战略层&br&&br&这是书中对用户体验要素分层的想法。我觉得贴合设计流程来描述，应该反过来说。&br&&br&&b&1，Strategy 战略层&br&&/b&&br&经营者想要什么？用户想要什么？这两个问题能回答清楚，才能算是了解这个产品设计的战略层。&br&&br&经营者想要什么是商业需求，用户想要什么是用户需求。有了这个基本理解，才能准确理解产品设计的商业价值和用户价值。&br&&br&听上去很简单。但是做起来不一定简单。很多设计师在执行层，得到需求，完成设计工作。我个人认为大部分设计师是能清晰理解用户需求的；但是不一定每个设计师都能清晰理解商业需求。&br&&br&&p&例如做一个社交产品。年轻设计师很清楚这个社交产品面对的用户群体和核心用户场景（做了基本的Persona和Scenario分析），比较了解用户在使用这个产品过程中的心理模型和行为习惯（通过共感等方式）。但是年轻设计师可能不够了解这些问题：这个社交产品的商业价值是什么？怎么给公司带来收益？每一个点击、每一个新增用户、每一个广告位、每一个流失、每一个转化率各自意味着什么？这些细节对商业数据的影响？&br&&br&这个理解程度差异直接给年轻设计师带来两个问题：与产品方合作的时候讲不清楚，达不成一致；对产品理解的全局观不到位（很难成为产品的Owner）。&br&&br&我有时会对团队的设计师提一些问题，是与用户体验设计相对无关的。例如：&br&&br&这个产品的未来3年你怎么看？&br&这个产品现在所处的区间，是否有巨大优势且可以成功？&br&这个产品真实的产品差异点在哪儿？&br&&br&这些都是战略层问题。也是一些设计师小伙伴忽略的部分。&br&&br&&b&所以，设计流程第一步，我觉得应该是透彻理解产品的战略层，包括商业价值和用户价值，也就是，怎样帮助公司持续发展地赚钱？怎样帮助用户提升他们的生活品质？&br&&/b&&br&&b&2，Scope 范围层&br&&/b&&br&产品到底需要什么样的功能和特性？换言之，这个产品要做什么。&br&&br&早期的互联网产品，怎么丰富怎么来。产品经理希望把100个内容模块都一起扔到一个页面上。那个时候做设计真心是痛苦啊。现在好多了，大家都越来越清楚聚焦、简洁的重要性。&br&&br&&b&一个产品，有1-3个杀手级功能、特性就足够精彩。&br&&/b&&br&例如：Facebook的赞；Foursquare的Check in；Yo的Yo；微信的语音聊天等。&br&&br&设计流程第二步，就是要知道产品需要什么样的功能。这些功能要足够满足第一步中的商业价值和用户价值，还需要把故事说清楚。在一个产品中，功能不需要太多。&br&&br&设计师面临的挑战是：做新产品的时候，输入方太多，点子太多，如何选择如何执行，压力很大；做改版的时候，可能现有版本的功能特性已经很多，没有办法聚焦，你要改动的时候，又会影响产品现有的形态和利益，如何精进？&br&&br&这些问题都可以从第一步战略层的思考得到输入和帮助，甚至可以直接解决问题。&br&&br&&b&3，Structure 结构层&br&&/b&&br&结构层里重点思考结构的具体表达方式，例如流程的进行方式、界面元素的位置逻辑、导航的布局原则等，所以这个层关注信息框架和交互流程设计。&br&&br&这就是设计师进入交互设计的时候，是第三步。海量的设计准则、丰富的设计经验、灵感和创意，都可以在交互设计中得到体现。交互设计可以说是具体设计的第一步，一个产品执行过程中的质量和创新程度，交互设计是起始点。&br&&br&产品方和用户关注最多的，一个产品好不好用，就依赖于交互设计中的每个细节：流程是否流畅；提示是否充足；容错性好不好；操作是否自然；界面是否统一；效率是否高……&br&&br&&b&在设计流程的第三步中，交互设计需要准确把握商业价值、用户价值，理解产品的核心功能特性，有效有质量地描述整个产品结构、节奏、特质。是设计执行中非常关键的一步。&br&&/b&&br&&b&4，Skeleton 框架层&br&&/b&&br&框架层主要就是做每个界面了。这是设计执行中，交互设计量最大的工作。&br&&br&界面中每个元素，例如文字、图片，如何细致地布置在一个页面中。文字设计要精确到字段的大小、字体的大小，图片设计要精确到组合布局的展示、形状的释义等。精细的交互稿可以完全展现产品形态，一个黑白的产品形态。&br&&br&框架层，大部分设计师每天都接触，就不一一讲述方法了。只讲两个点。&br&&br&&b&细致&br&&/b&这个时候的细致体现在设计师每个元素布局、像素精准、整体感观、交互逻辑定位、交互标注等方面。足够细致的交互稿，可以提升产品设计结果品质、帮助视觉