随着移动互联网的深入发展，目前市场对这两大专业人才的需求有增无减。而对于那些想要转行IT拿高薪，但又不愿意天天撸代码的人而言，做UI和做前端就成了一个比较合适的选择。
当然，对于很多小伙伴来说，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等，一般来讲都是需要一定的从业经验才能很好胜任。
web前端
1、什么是Web前端开发工程师？ 主要进行网站开发，优化，完善的工作。网页制作是Web 10时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好，这方面的专业人才近两年来备受青睐。
2、Web前端工程师需要掌握的技能？
必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。
必须学会运用各种工具进行辅助开发。除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。可见，看似简单的网页制作，如果要做得更好、更专业，真的是不简单。这就是前端开发的特点，也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手，对于老手来说，也时常不知道下一步该学什么。
代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。
综合来说，UI设计和Web前端开发都与产品页面有很大关系的，只是前者更偏向于设计，而后者需要懂得更多的技术，需要把UI设计出来的东西与后端结合，实现出来，所以Web前端的核心发展肯定会更好，但相对而言学习也会比UI难一点。
一、产品定位与市场分析阶段
1、目的（UI设计师应了解产品的市场定位、产品定义、客户群体、运行方式等。）2、主要执行人员（UI、UE、需求）
3、需沟通人员（销售）
4、实现步骤（会议讨论）
5、UI主要职责：（定义用户群特征、定义最终用户群、定义产品方向）
二、用户研究与分析阶段
1、目的（UI设计师收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析）
2、主要执行人员（UI、UE、需求、技术）
3、需沟通人员（销售）
4、实现步骤（纸搞线稿、黑白稿、原型）
5、UI主要职责（收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析）
三、架构设计阶段
1、目的（这里涉及到比较多的界面交换与流程的设计，根据可用性分析结果制定交互方式、 *** 作与跳转流程、结构、布局、信息和其他元素）
2、主要执行人员（UI、UE、需求部门）
3、需沟通人员（技术、销售）
4、
实现步骤（UI进行风格设计出界面，和需求部门拿出定稿；UE对原型进行优化，整理出交互及用户体验方面意见，反馈给UI及需求部门；UID等待效果图，
开始代码编制）
5、UI主要职责：（根据可以性分析结果制定交互方式、 *** 作与跳转流程、结构、布局、信息和其他元素。界面设计、图标设计、风格设计）
四、原型设计阶段
1、目的（根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频几个质量范围）2、主要执行人员（UI、UE、需求部门）
3、需沟通人员（UID、技术）
4、实现步骤（设计规范；代码及程序开发）
5、UI主要职责：（对前面所以工作以设计方面的实施，根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频几个质量范围，原型的本质更倾向与一个DEMO，它不需要有全部的功能，但要体现出设计对象的基本特性）
五、界面设计阶段
1、目的（根据原型设计阶段的界面原型，对界面原型进行视觉效果的处理）
2、主要执行人员（UI、UE、技术）
3、需沟通人员（UE、销售）
4、实现步骤
5、UI主要职责：（该阶段确定整个界面的色调、风格、界面、窗口、图标、皮肤的表现）
六、界面输出阶段
1、目的（配合好开发人员完成相关的界面结合）
2、主要执行人员（技术）
3、需沟通人员（UI、UE、需求部门、销售）
4、实现步骤
5、UI主要职责：（对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果）
七、可用性测试阶段
1、目的（针对一致性测试；信息反馈测试；界面简洁性测试；界面美观度测试；用户动作性测试；行业标准测试）
2、主要执行人员（程序测试部门）
3、需沟通人员（UI、UE、程序、需求部门、销售）
4、实现步骤
5、UI主要职责：（负责原型的可用性测试，发现可用性问题并提出修改意见）
八、完成工作阶段
1、目的（对于前面七个阶段的设计工作进行细节调整）
2、主要执行人员（UI、UE）
3、需沟通人员（技术、销售）
4、实现步骤
5、UI主要职责：（可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善）
九、产品上线
1、目的（检验前面界面设计的成果是否符合市场及用户群体）
2、主要执行人员（销售）
3、需沟通人员
4、实现步骤
5、UI主要职责：（收集市场对于产品的用户体验，并记录诚文字说明）
十、分析报告及优化方案
1、目的（了解整个界面设计的优缺）
2、主要执行人员（UI、UE）
3、需沟通人员（技术、销售）
4、实现步骤
5、UI主要职责：（对于前九个阶段的界面设计进行详细系统的整理，为下一次界面设计提供有力的市场及专业论据）
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）