HTML5开发与UI设计有区别吗？

这两者是有区别的，一个是属于代码编程，一个是属于视觉设计。UI是设计一个网页的界面，提高视觉效果，也可以说是一个美工的工作，再说普遍一点的就是做图；而HTML5开发是组织语言，完成网站的构架，优化网页，通俗的说就是一个写代码的。而这两者唯一的共同点就是为了提高用户体验。

1、功能不同

HTML5开发是构建Web内容的一种语言描述方式。

UI设计（或称界面设计）是指对软件的人机交互、 *** 作逻辑、界面美观的整体设计。

2、作用不同

HTML5开发是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。

UI设计是为了要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。

扩展资料：

UI设计的前身是平面、网页设计，在原专业的基础上加入了一些人机交互的逻辑、控件的应用、组件的状态设计等内容。

这是由于互联网发展的精细化延伸出来的新门类，因此设计的软件应用就是基本功了。

需要掌握：Photoshop（图像处理）、illustrator（图形制作）。After Effects（视频处理）、Axure（原型设计）、Dreamweaver（网页制作）、Coreldraw（矢量制作）、Flash（动画制作）等设计软件及HTML5.0和DIV+CSS网页代码基础。

学会了各类设计软件的应用还不够，此时还不能独立创作，因为缺乏创意的表现技能，所以需要掌握铅笔、水彩笔、素描本、手绘板等不同手绘工具的熟练运用。

此部分主要是设计思维的训练及表现，重在设计理论的学习与构图技巧，学会解析各类图标的设计原理及表现技法。

参考资料来源：百度百科-UI设计

参考资料来源：百度百科-html5

1.Aliceui

Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。

2.Amazeui

Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。

3.sui

SUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。

通过SUI，可以非常方便的设计和实现精美的页面。

同时sui还有移动端版本msui，msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库，减少重复工作。

4.FrozeUI

Frozen UI是一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件，做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。

5.uiKit

uiKit是一款轻量级、模块化的前端框架，可快速构建强大的web前端界面。

6.H-ui

H-ui是轻量级前端框架，简单免费，兼容性好，适用于中国网站。

7.Weui

weUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

8.layui

Layui 诞生于2016年金秋，是一款带着浓烈情怀的国产前端UI框架，她追求极简，又不失丰盈的内在，说她是史上最轻量的结晶，似乎并不为过。一切都源自于她对原生态的执着，对前端社区的那些噪杂声音的过滤，以及她本身的精心雕琢。

9.YDUI Touch

YDUI Touch 专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局实现强大的屏幕适配布局，等比例适配所有屏幕。什么？用得不开心？轻松切换 px自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI。

---