首先要肯定的是,当然有区别了,完全不同的两个概念!一个是写代码,一个是界面设计。
HTML5
首先你要明白,HTML5是什么?要回答这个问题,我们需要先了解一下HTML是什么。HTML的英文全称为Hyper Text Markup Language,即超文本标记语言。HTML5是HTML的一个新版本。HTML 不是一种编程语言,而是一种标记语言 (markup language)HTML5草案的前身名为Web Applications 1.0。於2004年被WHATWG提出,於2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案已公布,2010年9月正式向公众推荐。
UI设计
UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网说的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。与之相应,UI设计师的职能大体包括三方面:一是图形设计,软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。
国内大部分UI工作者都是从事图形设计,是了解软件产品、致力于提高软件用户体验的产品外形设计师。
总结 :HTML5,是代码的开发,UI设计是从事图形设计,有着本质的区别。
再来说说HTML5开发与UI设计的区别
区别一:业界对二者的定义不同,HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,目前网站基本都是由HTML5技术开发而成;UI是User Interface(用户界面)的简称,UI设计主要指对界面样式,美观程度、人机交互、操作逻辑的整体设计。
区别二:从事工作不同,HTML5开发可从事web页面开发、游戏开发、小程序开发等工作,平常的工作内容就是敲代码;而UI设计可从事网页设计、APP界面设计、游戏界面设计等工作,平常的工作需求调查、视觉设计、交互设计等,敲代码比较少,更多的都是以文档和图片的形式完成工作,所以运用各类绘图软件就比较多。
区别三:岗位需求不同,HTML开发岗位对前端技术的要求较多,如:熟练运用HTML5、CSS3、JavaScript进行网页制作,熟悉jQuery、Vue.js等常见框架开发,熟悉移动端web开发或Hybrid开发模式等,对UI设计只需具备一定基础即可,如:ps的熟练使用,UI设计理念的了解等;UI设计岗位负责软件和游戏的界面、网页的美术设计、创意工作和制作工作,需根据相关软件的用户群提出构思新颖有高度吸引力的创意设计,熟练使用PS、AE、AI、Axure RP 等软件,掌握HTML5、css3、js特效的基础知识,最后将设计作品交由前端工程师开发。
总体而说, HTML5前端工程师和UI设计师二者之间既有区别又有联系,二者之间更是相辅相成,相互配合,不可分割的。
都说HTML5开发需要懂UI设计的知识,而UI设计也必会用到HTML5开发技术,那么这二者之间有何联系,又有何区别呢?下面将从二者的定义、工作内容、岗位需求来分析它们的联系与区别。
先来谈谈HTML5开发与UI设计的联系,因为目前企业十分注重用户体验,而用户体验这块主要由HTML5前端工程师实现。但是用户体验度对于HTML5前端开发人员有很高的要求,而UI设计主要就是做用户体验方面的,这就要求HTML5前端开发人员需要具备一定的UI设计基础,同样UI设计相关的从业人员也需要掌握一定的HTML5知识。由此可知二者之间有着不可分割的关系,其作用是相辅相成的。
下面说说HTML5开发与UI设计的区别
区别①:业界对二者的定义不同,HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,目前网站基本都是由HTML5技术开发而成;UI是User Interface(用户界面)的简称,UI设计主要指对界面样式,美观程度、人机交互、操作逻辑的整体设计。
区别②:从事工作不同,HTML5开发可从事web页面开发、游戏开发、小程序开发等工作,平常的工作内容就是敲代码;而UI设计可从事网页设计、APP界面设计、游戏界面设计等工作,平常的工作需求调查、视觉设计、交互设计等,敲代码比较少,更多的都是以文档和图片的形式完成工作,所以运用各类绘图软件就比较多。
区别③:岗位需求不同,HTML开发岗位对前端技术的要求较多,如:熟练运用HTML5、CSS3、JavaScript进行网页制作,熟悉jQuery、Vue.js等常见框架开发,熟悉移动端web开发或Hybrid开发模式等,对UI设计只需具备一定基础即可,如:ps的熟练使用,UI设计理念的了解等;UI设计岗位负责软件和游戏的界面、网页的美术设计、创意工作和制作工作,需根据相关软件的用户群提出构思新颖有高度吸引力的创意设计,熟练使用PS、AE、AI、Axure RP 等相关软件(不一定非是这些商业正版软件,有些开源也能做到,推荐开源免费),掌握HTML5、css3、js特效的基础知识,最后将设计作品交由前端工程师开发。
HTML5前端工程师和UI设计师二者之间有区别也有联系,二者之间更是相辅相成,相互配合,都要熟悉,有些公司就是一个职位,没有太多界限。
这两者是有区别的,一个是属于代码编程,一个是属于视觉设计。UI是设计一个网页的界面,提高视觉效果,也可以说是一个美工的工作,再说普遍一点的就是做图;而HTML5开发是组织语言,完成网站的构架,优化网页,通俗的说就是一个写代码的。而这两者唯一的共同点就是为了提高用户体验。