① UI设计是由什么组成的
很多人一提起UI设计就会想到手机app，手机程序，代码之类的工作，其实这只是一小部分而已，UI设计包括很多东西，UI指的是用户界面，包括用户和界面之间的交互关系，一般分为用户研究，交互设计和界面设计，下面我就来给大家讲解一下三者之间的联系与功能。
用户研究应该很好理解，就是字面上的意思，简单的说就是研究与你设计的产品相关的人群，那么为什么要研究他们呢？我们做的所有工作都是为了更好地设计，我们需要知道我们的客户想要的是什么，它的需求是什么，什么样的设计会更容易接受，这样在设计产品的时候可以避免走很多弯路。产品是设计给人用的，往往那些很自信不做任何调研做产品，一般都不会有好下场。
交互设计值得是人和机器建立联系，然后通过这个联系达到目的。交互设计的工作内容就是了解产品的想法和布局，结合用研的数据结果，去做产品原型设计。不难发现，由于交互设计的性质，会发现其实它处在产品开发的中间位置，是一个承上启下位置。
界面设计相信也很好理解，就是产品的门面，界面设计可能是被谈得最多的，和交互设计一样，界面设计师需要不断地与交互和产品经理进行沟通。对于界面设计师来说，除了要画软件界面外，还要画logo，icon，配图，运营banner还有就是动效设计等等，然后就是标注、切图和视觉还原，其实远比我们想象的要难的多。
想学习了解更多的，UI设计相关知识可以戳我/
② 前端工程师与视觉设计师有什么区别具体都做哪些工作
前端工程师属于程序员编写代码的，视觉设计师是做设计的通俗讲究是做图的。
前端工程师主要使用dw之类的开发工具编写代码、编程。
视觉设计主要是使用PS、AI、CDR之类的软件进行图片设计。
前端工程师的职责是制作标准优化的代码，并增加交互动态功能，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。视觉传达设计是为现代商业服务的艺术，主要包括标志设计、广告设计、包装设计、店内外环境设计、企业形象设计等方面，由于这些设计都是通过视觉形象传达给消费者的，因此称为“视觉传达设计”，它起着沟通企业——商品——消费者桥梁的作用。
③ 网站前端开发常用的布局方式有哪些
实现网页布局的方式方法比较多，布局方式可以大概分为这几类。
布局种类：
1、table布局（网页的兴起，1995）
2、Flash布局（自由的黄金时代，1996）
3、div+css（CSS的诞生，1998）
4、栅格与响应式（移动端的兴起，2007与2010）
当前WEB前端开发使用DIV+CSS的布局方式会比较多也比较常用吧，网页布局看起来貌似简单，但是它需要综合使用很多HTML+CSS的知识，总的来说知识量是不小。如果想系统化的了解HTML+CSS方面的知识，建议你选择一本比较不错的HTML5相关书籍（主要看知识逻辑、知识的表达方式，比如《HTML5布局之路》）进行学习，让自己的知识更扎实一些，不然学的零零散散的。
Tips：学习好HTML+CSS有利于后面学习JavaScript，毕竟需要它们两者结合在一起才可以实现出可交互的前端页面。
④ 七个网页界面ui设计细节你掌握了吗
素马主张任何高大上的产品概念设计最终落地都化解为版式与图片。随着用户对产品使用的体验要求越来越高，新锐的版式加上精美的图片，还需要加上独特的动效设计（前端制作工艺）才行。那么，除了网页设计三大块版式、图片、动效外，我们这些看似搬砖，每天做细节设计的ui设计师，是否有大的研究和作为呢。今天分享的这篇文章，主要是针对ui界面中非常细小的设计技巧进行讲解。
01
-
使用色彩和字重来创造层次结构，而不是单纯的大小对比
小结
-
以上总结的七个ui界面设计小细节处理技巧，都是大量的项目实战工作中总结出来的，容易理解也容易执行。有人可能说，连一个像素都在磕，又不是搞科学研究火箭发射，有必要吗？我只能说，这是一个工作的专业度问题和态度问题。也许一像素并不影响ui界面的美观问题，但是却是一位大师和普通工人的区别。