Question

UI和web前端有啥区别吗？选择哪个比较好呢？

Answer 1

对于很多小伙伴来说，UI设计和Web前端到底有什么区别，哪一个发展前景又更好，大家都还是比较迷茫的。今天蜗牛学院就来给大家简单科普科普~

关于UI设计

1、什么是UI设计？UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即UserInterface(用户界面)的简称。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。比如：哪些常用功能放在什么位置用户用起来最顺手，所有会影响使用者体验的一切。如架构、互动、内容与及使用者对象、需求、价值观。

2、UI设计需要掌握的技能？视觉设计主要是以美术设计为主，界面的色彩、结构、图标等工作都需要视觉设计师来完成。主要使用的软件是以Adobe公司的软件为主，如PS、AI、AE、FW等，一般来讲从业者都是美术专业相关院校的毕业生，也有少部分计算机专业毕业生。交互设计主要是以产品交互原型设计为主，完成设计交互原型图，但这其实是一个很考验综合能力的职位，需要了解用户体验知识、界面设计知识、产品业务知识等。交互的设计软件比较多，每个都有自己的特点，比如AxureRP、Balsamiq Mockups、Omnigraffl Pro等，一般来讲都是需要一定的从业经验才能很好胜任。

3、UI设计的职责有哪些？

• 负责公司产品在智能电视、PC端、移动端页面/应用的整体设计；

• 根据需求，对产品的整体美术风格、交互设计、界面结构、操作流程等做出设计；负责项目中各种交互界面、图标、LOGO、按钮等相关元素的设计与制作；

• 基于用户体验、人机交互、图形化设计、界面设计等前沿理论实现产品风格设计；

• 充分理解产品策划思路及理念，配合产品经理和研发人员实现产品界面的视觉设计；

• 组建和完善产品界面视觉设计规范；

• 根据交互设计及产品规划，完成产品（iPhone、Android 、Web平台App及网站）相关的用户界面视觉设计；

• 配合产品开发中的图形界面（GUI）设计。完成产品相关推广活动的专题页面、FLASH的设计及制作；

• 与研发团队充分沟通协作，确认可控的误差范围和视觉效果的最终实现；

• 根据视觉设计的发展趋势及用户研究的结果不断优化产品的图形界面；

4、UI设计目前的全国薪资水平。



请点击输入图片描述

关于web前端

1、什么是Web前端开发工程师？ 主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好，这方面的专业人才近两年来备受青睐。

2、Web前端工程师需要掌握的技能？必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。必须学会运用各种工具进行辅助开发。除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。可见，看似简单的网页制作，如果要做得更好、更专业，真的是不简单。这就是前端开发的特点，也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手，对于老手来说，也时常不知道下一步该学什么。代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。3、Web前端工程师的职责有哪些？

• 利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发；

• 为网站上提供的产品和服务实现一流的Web界面；

• 优化代码并保持良好兼容性；

• Web前端表现层及与前后端交互的架构设计和开发；

• 配合后台开发人员实现产品界面和功能；

• 利用各种Web技术模拟开发产品原型；

• Web新技术调研和资讯整理。

4、Web前端目前的全国薪资水平。



请点击输入图片描述

综合来说，UI设计和Web前端开发都与产品页面有很大关系的，只是前者更偏向于设计，而后者需要懂得更多的技术，需要把UI设计出来的东西与后端结合，实现出来，所以Web前端的核心发展肯定会更好，但相对而言学习也会比UI难一点。

Answer 2

最简单直接的区别就是：一个偏感性的设计，一个偏理性的编程。

两者详细的区别：

UI设计：指的是用户界面设计，是指对软件的人机交互、操作逻辑、界面美观的整体设计。

总之就是为软件的“外观”带来美的效果。除此之外，UI设计还要考虑人机交互的效果。比如：哪些常用功能放在什么位置用户用起来最顺手，所有会影响使用者体验的一切。

UI设计需要学习的东西有很多，软件只是基础的东西，想要学好UI设计，首先得熟练掌握UI设计师必学的软件：PS、AI、AE、ARP、C4D等。

另外，UI设计是需要Web前端来实现的~前者设计，后者把设计实现成代码。

web前端：是开发web界面的客户端。前端开发人员负责运行和操作界面。

主要是为实现网页或UI界面的视觉效果提供技术支持，用户交互和体验也是前端来完成，偏编程技术方向，算是设计师的下游。

有人甚至说Web前端=美工photoshop+交互设计+flash+js+html+css。

对于选择学习而言，两者最大的不同就是：

UI设计是属于产品方向，重点在于设计界面外观。

而前端工程师属于开发方向，重点在于写代码去实现页面功能。

不管选择学哪一个都不错，目前市场就业需求都很好！关键在于你自己是想走设计方向还是开发方向。

Answer 3

　　UI设计和Web前端的工作并不一样，但也有公司为了提高工作效率在这两块工作是由同一个人来做的。ui与web前端的区别主要有：
　　1、概念不同
　　UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User
Interface(用户界面)的简称。
　　web前端是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
　　2、研究方向不同
　　UI设计的研究方向是：用户研究、交互设计、界面设计;
　　web前端的研究方向是技术方向：包括html、css、js等需要编写代码。
　　3、职业机会不同
　　UI设计的职业方向是：前端开发工程师、资深前端开发工程师、前端架构师等;
　　web前端的职业方向是：图形设计师、交互设计师、用户测试/研究工程师等;
　　计交给美工来做，把html5、css、js的添加交给web前端工程师来做，
　　4、工作内容不同
　　UI前端：主要负责系统/app，UI界面设计，以及html代码实现，主要工作偏向于设计。
　　web前端：主要讲ui提供的设计图，编码成静态html，实现所有特效;并负责所有交互的对接，对js要求较高，会要求一些后台接口的开发工作，因此对后台开发语言也有一定的要求。
　　5、所需技术不同
　　web前端会用到Bootstrap、Vue、Jquery、Javascript、CSS、html等技术知识;
　　而UI前端需要是有很好的审美能力，通常需要有美术设计教育背景。
个人建议的话，还是根据自己的兴趣进行选择吧！目前现在互联网行业发展只会越来越好，所以需要的人才也是越来越多的。是在心里没有底的话，可以去叩丁狼那儿听一下免费的课程，再根据自己的所学看看，是否合适呢？