恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
UI开发不是前端开发——那UI开发到底是什么?
0.0°
2017-10-26 原创文章 经验/观点 举报 5597 4 12 2

根据Indeed的官方数据显示,UI设计师每年薪资为:¥88,852,而UI开发的薪资则高达¥117,069。为什么差距如此悬殊呢?UI 开发到底是什么?

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


Image title

Image title



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


UI 设计师


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


Web前端开发


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


UI开发


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


Image title


 

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


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


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


3. UI 开发的工作职责


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

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

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

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

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

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

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

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


Image title


 

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


技术:

Html,CSS(开发语言)

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

Web design(web设计)

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


工具:


Illustrator,Photoshop(UI设计工具)


WebStorm (IDE)


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

 

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


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


Image title


 

总结


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

更新:2017-10-26

收藏

4人已收藏

mo311

一名PM,分享个人与设计(UI/UX等)相关的经验与教程。

  • 205

    作品

  • 272

    粉丝

  • 5

    关注

  • B端和C端产品设计有哪些差异?
  • 用户体验之如何设计一个完美的新手引导流程?(附带案例)
  • UI设计、交互设计、UI交互设计的联系和区别是什么?
  • 前方高能!15个外挂级别的设计插件, 助你效率逆天

    猜你喜欢

      2017-10-26 原创文章 经验/观点 举报 5597 4 12 2

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

      0.0°

      你确定要举报UI开发不是前端开发——那UI开发到底是什么?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年10月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      12
      4
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录