‘壹’ 学UI设计好还是Web前端好
其实，这两个方向没有谁比谁好，选择什么方向还是需要看你的兴趣，因为兴趣是最好的老师。有了兴趣，你才可能愿意花更多的时间和精力去学习，才能将这个方向的专业知识学到极致，才有可能在这个领域得到更好的发展。
转行的目的不同，有的人是因为想要获得更好的发展，有的人是不满意目前的收入，有的人是想要让自己的兴趣和职业结合。那不管原因是什么，转行之前我们都要先深入调查这个行业，包括这个行业的性质、工作内容、发展前景等等。那我们就来一起来简单了解一下UI设计和Web前端。
一、UI和前端
UI：全写User Interface，简称用户界面，是指对软件的人机交互、操作逻辑、界面美观的整体设计。
前端：是创建Web页面或app等前端界面呈现给用户的过程。通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。通俗一点来讲，前端就是客服，主要跟顾客（用户）交流。
从以上可以看出，其实UI设计和前端的工作相互相成，按照项目流程，一般是UI设计师设计好产品界面，前端工程师通过编码实现界面。通俗来说，UI设计师好比服装设计师，而开发工程师好比裁缝。两者都是在一个完整的互联网项目中不可缺失的岗位。
前端主要是需要掌握前端语言、框架等，都是编码的工作，而UI设计是属于视觉设计，需要具备设计基础、设计思维、设计技能，两者不是一个类别。可以说前端比较偏向于软件工程、计算机科学等专业，而UI设计比较偏向于视觉设计、平面设计等。
二、UI和前端的前景如何
随着互联网行业的发展，也在带动行业内岗位的发展，所以UI设计和前端开发都有很不错的前景。那我们来看看UI设计和前端的市场需求曲线图，直观感受两个岗位的需求变化。
四、UI和前端到底应该怎么选？
从上面的分析我们可以得出，前端的工作比UI设计略高，但是企业的对于前端的学历要求、工作经验的要求也比UI设计严格。我们不能一味的因为薪资待遇而去选择方向，而是一个依据自己的兴趣去选择，让兴趣和梦想一起成长。
前端属于技术岗位，技术随着时间的改变也在不断的进步、更新，而UI设计也需要根据市场的流行趋势、设计要求的变化去学习最新的设计知识。不管选择什么方向，都要持续的对这个方向保持热爱，保持持续的学习，才能有顺应市场需求有更好的发展。
‘贰’ 设计师一般都用哪个网站找素材
1、Pinterest：https://www.pinterest.com/
2、Dribbble：https://dribbble.com/ ，ui设计社区，大神太多了。
3、behance：https://www.behance.net/ ，着名设计社区，长跪不起。
4、flickr：https://www.flickr.com/ ，着名摄影作品分享网站。类似的还要500px
5、tumblr：https://www.tumblr.com ，国外的轻博客，同样可以找到很多灵感和优秀的摄影作品。
6、9gag：http://9gag.com/ ，全球最搞笑的图片站。
7、 imgur：http://imgur.com/ ，免费的图片分享网站。
你看到的最火的图片往往来源于6、7这两个网站.
8、 NounProject：https://thenounproject.com/ ，所有图形全为矢量可以编辑。
接下来是无版权问题的图片网站，你们懂得：
1、Pixabay：https://pixabay.com/ ，你可以下载、修改、分发，并使用它们在任何你喜欢的任何东西，即使在商业应用程序中使用它们。不需要归属权。
2、Picjumbo：https://picjumbo.com/
3、Gratisography：
http://www.gratisography.com/
4、Unsplash：https://unsplash.com/ ，高精度图片站点。
5、Life of Pix：http://www.lifeofpix.com/ ，高质量视频和图片下载点，没有版权问题。
6、Raumrot：http://raumrot.com/
7、New Old Stock：http://nos.twnsnd.co/ ，提供大量的老照片。
8、Magdeleine：http://magdeleine.co/ ，可以通过颜色、情绪寻找图片。
9、foodiesfeed：https://foodiesfeed.com/ ，主打美食，吃货设计师站点。
10、Superfamous：
http://superfamous.com/ ，艺术家Folkert Gorter 站点，很适合web设计，和壁纸使用。
11、TheStocks：http://thestocks.im/，涵盖 Pixbay，Unsplash，Startup Stock，Gratisography，Pexels 在内的15个免费高清图片网站的资源。
Mockup的用处相信各位设计师都清楚。给你的设计加分可不是一点两点。
1、pixeden：http://www.pixeden.com/ ，有免费和收费资源，想要下载全部资源也不过才10美一个月，该花钱的地方还是得花钱。
2、forgraphic：http://forgraphictm.com/ ，收费，很精细。
3、creativemarket：
https://creativemarket.com/ ，有免费有收费。
4、mockupworld：
https://www.mockupworld.co/all-mockups/ ，免费
1、deviantart：http://www.deviantart.com/ ，着名素材图库，合成界的天堂，那些PS教程网站的大部分素材图片都来源于此站。
2、BP&O：http://bpando.org/ ，对于品牌设计师来说，除了图案素材收集之外，还有一个很重要的，就是设计故事的收集。
3、trendlist：http://www.trendlist.org/ ，几乎全是画册、海报
4、note&point：http://noteandpoint.com/ ，PPT灵感素材站。
5、freebiesgallery：
http://www.freebiesgallery.com/icons/ ，矢量icons
6、The Pattern library：
http://thepatternlibrary.com/ ，纹理素材。
7、Flat Design必不可少，http://www.flatuicolorpicker.com/
8、beautiful-web-type：
http://hellohappy.org/beautiful-web-type/ ，英文字体设计与排版参考。
9、vector：http://cn.vector.me/ ，各类矢量素材
作者：吾聊职场
链接：https://www.jianshu.com/p/cd1f5b16fc67
来源：简书
简书着作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。‘叁’ 哪些素材网站对做UI设计很有用国内，国外都可以
推荐US网，www.uiushe.com，是国内免费的高质量ui素材网，有ps sketch xd ai的ui全素材，不仅有素材资源，也有各种插件和设计工具，分类全更新快，虽然种类多，但网站结构清晰，有这个网几乎可以摒弃其他小的ui素材网
‘肆’ 什么是UI
UI其实是一个广义的概念，《现代汉语词典》将“界面”定义为：物体与物体之间的接触面，泛指人和物（人造物、工具、机器）互动过程中的界面（接口）。
以车为例，方向盘、仪表盘、中控都属于用户界面。从字面上看由用户与界面两个部分组成，但实际上还包括用户与界面之间的交互关系，所以可分为三个方向：用户研究、交互设计、界面设计。
通常意义上，UI是User Interface的缩写。其中，“Interface”前缀“Inter”的意思是“在一起、交互”，而翻译成中文“界面”之后， “交互”的概念没能得到体现。
设计原则：
界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。界面中要使用能反映用户本身的语言，而不是游戏设计者的语言。
人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定，24小时内存在约25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。
它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与产品内容相一致。
‘伍’ UI设计和web前端学习哪个好哪个比较有前景
UI：入门简单，学会PS基础工具，基本就可以了，AI会不会都可以，当然会了更好。但是UI设计就像郭德纲说的他们学相声，入门容易，我也觉得UI设计和相声一样，门槛在门里，入门很容易，只要你愿意，开门就能进来，但是一进门，发现里面是座山。
首先你要学会最基本的设计规范：比如常用手机的尺寸、状态栏尺寸，标题栏尺寸，按钮大小、等等。
掌握当前流行的设计风格，现在来说都在使用扁平化，但是我看到有很多设计师（姑且叫他们设计师吧），把界面设计的就是一堆色块，毫无设计感，扁平化设计也要适当加入阴影 投影 渐变的。要想设计的好，只能多看别人的作品，多学习。
WEB前端：入门简单，后续要学的东西挺多，最主要的是，你学的再多，等你实际工作中你会发现，为什么你刷新后看到的界面和你预想的代码不一样，明明代码没写左浮动啊，为什么浮动了，为什么我写了下边距，刷新后没变化、为什么我这个函数没有执行。
学习：HTML、CSS得学，然后现在都流行HTML5和CSS3了，你要说不会HTML5和CSS3，就不用去面试了。还得学JS、和由JS封装出来的JQ。这些就是基础的了。
晋升：可能你出去找工作会看到很多公司都要求求职者要会:Bootstrap、Vue.js、AJAX、Less、JSON、APICloud等，这里面你会的越多越好，这些都是提升工作效率的第三方可集成插件。
总结：学习前端，学校或培训班只能教你基础技能，工作中你需要一个好师傅带你，换句话说，别指望初出茅庐就挣很高的工资，沉淀自己，多学习知识丰富自己才是王道。
亲，如果不确定自己到底想学那个，不如两边的视频教程看一下，看看自己是否能进入学习状态。
‘陆’ 如何学习web ui设计 知乎
交互设计是一个实战才能出真知的专业。我研究生的时候读的是HCI，专门应对设计，也读了不少书，但是发现在工作中学习到的比读书来的真实的多。
多看现在美国创业公司的产品，思考为什么这些产品能吸引用户，能得到风投，能设计创新。思考如果是你，会怎么评价，怎么修改，能不能做到一样好，或者更好。
例如研究移动App，我习惯定期下载App Store里每个栏目最好的App，一次下100多个，慢慢把玩，慢慢思考，把自己想象为这些产品的设计室和产品经理。
除了了解产品，业界趋势，设计概念，还需要多和人沟通。交互的软技能特别多，能不能把一个故事说出来，让所有人都信服，都喜欢，都是需要经验积累的。
可以看下我的Linkedin，有我做交互的经历，我尝试过美国政府部门，学校机构，传统500强公司，互联网公司，等等。每次工作经验都对我现在的设计工作有很大的帮助。
cn.linkedin.com/in/freshyoyo/
最后还是回答下你现在的问题，我认为的一些好书如下，之前在知乎上分享过：
prioritizing web usability
the design of sites. patterns for creating wining web sites
designing for interaction: creating smart applications and clever devices
designing interactions
interaction design: beyond human-computer interaction
designing the user interface: strategies for effective human-computer interaction
thoughtful interaction design: a design prespecitve on information technology
don't make me think
mental models. aligning design strategy with human behavior
about face. the essentials of interaction design
buidling web reputation systems
design is the problem
designing the obvious
envisioning information
prototyping. a practitioner's guide
selling usability. user experience infiltration tactics
the design of everyday things
storytelling for user experience
工作很多年，还是很喜欢交互设计这个工作，也希望你在交互设计的道路上越走越好。
