首页 > 设计 > 详细

UI开发不是前端开发——那UI开发到底是什么?

时间:2017-10-26 11:35:24      阅读:548      评论:2      收藏:0      [点我收藏+]

用户界面(User Interface)是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。用户界面设计是UI设计师的首要工作,视觉美观是UI设计师的能力和职责,功能实现和易用则是UI 开发的本事。根据Indeed的官方数据显示,UI设计师每年薪资为:¥88,852,而UI开发的薪资则高达¥117,069。为什么差距如此悬殊呢?UI 开发到底是什么?


1. UI 设计师,UI 开发,前端工程师三者的区别

UI 设计师

UI设计师的目标是对界面进行美观设计,注重视觉方面,从而改善整体用户体验设计。他们是根据产品需求,对产品的整体美术风格、交互设计、界面结构、操作流程等做出设计,负责项目中各种交互界面、图标、LOGO、按钮等相关元素的设计与制作。负责软件界面的美术设计、创意工作和原型设计。主要要求从业人员精通PhotoshopIllustratorFlash等图形软件。

Web前端开发

前端开发重点是将设计稿转换为静态页面,并且编写业务逻辑所需要的代码。前端设计师并不一定要懂得设计,主要利用HMTL与CSS建构页面,用JavaScript完善交互以及用户体验。前端开发需要比UI开发懂的更多的编程技能。他们必须了解HTTP协议,服务器和浏览器的工作原理,在当前市场上的各种设备上显示Web的特性。

UI开发

设计+ HTML / CSS / JS。 UI开发人员将设计理念和技术技能结合在一起。他们不但拥有设计的能力, 懂得设计的原则和原理,还能将其转换为代码来达到功能的实现。他们能够深刻了解CSS,HTML等代码知识 并且正确的使用在设计和开发中。

 

2. 为什么UI开发越来越热门?

长期以来UI设计师和开发都是分离的两个职位,一般是由UI设计师进行页面设计,然后提供给前端开发工程师进行编写。但是这样就存在设计师和开发之间互不理解的问题,设计师不懂代码,他无法理解自己在PhotoShop中只需要简单应用一个滤镜的问题怎么到了前端那里就告诉有兼容问题无法实现,觉得是开发人员不愿意实现,而前端工程师也经常觉得设计师提供的页面缺乏逻辑,无从下手,而且设计师有时候会调整界面设计,有的调整完全不顾及已经写好的代码随意调整,完全破坏了已经写好的代码结构,非常痛苦。

UI开发职位的出现就完全解决了这个问题,由一个人完成界面的设计和开发,一切都在掌握中,大大减少了沟通成本。设计师掌握了开发知识之后,设计上面可以更大胆,不用担心设计无法实现,也不会去做一些开发耗时而实际上可有可无的设计,可以降低开发时间。如果后续需要修改设计,整个调整也只需要一个人来完成,可以用最短的时间完成。

3. UI 开发的工作职责

UI开发人员的工作职责如下:

l 熟悉掌握以下开发语言:HTML,CSS

l 能够熟练应用代码到UI设计和开发工作中

l 有能力帮助其他开发者更好的完成工作

l 为整个应用程序提供UI元素的组件以及开发UI体系结构

l 在设计和开发阶段,能与开发和产品团队进行良好的沟通协调

l 执行主要设计原则和用户体验,通过高保真模型实现交互流程

l 开发出的产品必须好看并且容易使用,界面要有功能性。

 

4. UI 开发需要掌握哪些技术和工具?

技术:

Html,CSS(开发语言)

UI design(UI设计原则和原理)

Web design(web设计)

Graphic Design(掌握平面设计的工作原理)

工具:

Illustrator,Photoshop(UI设计工具)

WebStorm (IDE)

Mockplus(原型设计工具,做原型最快最方便)

 

5. UI 开发的职业生涯发展

就像前面介绍的UI开发现在的薪资水平直线上升, 很多UI设计师不甘心只做设计,做一个“美工”。而且有时候在工作上与开发同事沟通交流又困难,不如自己把自己设计的页面用代码写出来。这样不但能够理解开发同事的工作,从而进行有效地沟通,也更容易理解设计的原理。许多人认为UI开发最终会合并成前端开发,但现在职业划分越来越细的时代,UI开发将会是一个独立的热门职业。

 

总结

UI开发在未来将会是一个越来越热门的职位,不管你现在是UI设计师还是前端工程师,现在都可以去学习成长为一个UI开发者。你可以负责整个视觉界面,然后自己编写代码来实现它。你可以做任何决定来主导你的设计,但你要有说服他人的能力。你能掌握HTML,CSS和Javascript等前端开发所需的关键语言。它们易于理解,也是学习其他用户界面技术的基础。不要犹豫,开始你的UI开发职业生涯吧。

UI开发不是前端开发——那UI开发到底是什么?

(3)
(4)
   
举报
评论 一句话评论(2
2017-10-30 15:51:00
用了几年的Mockplus,软件真是越来越棒了。
回复
 (5)
 (4)
2017-11-01 17:25:58
感谢分享,解释的很清楚
回复
 (5)
 (3)
2条  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!