UI设计和交互的区别

UI，指的是用户界面，也就是人与机器互动的界面。同时又有GUI和WUI之分，不过一般的话统称是UI设计师。

在PC端从事网页设计，我们称呼WUI设计师或者网页设计师。

在移动端，从事移动设计的称呼为GUI设计师。

而UI可以理解为UX的一个分支，不同于 UX 设计师需要关注产品的整体感觉，UI 设计师更关注产品以怎样的界面呈现。

其实互联网领域中，UI 和 UX 设计师的界限相当模糊，在很多创业公司，这两个设计角色是合二为一的。这个就是为什么很多中小型的公司为什么要求UI设计会交互，或者交互又要懂UI的原因。

国内而言，目前一般把屏幕上显示的图形用户界面（GUI ：Graphic User Interface）都简单称为UI。

我们经常听到的UI设计师，其实指的是GUI设计师，也就是图形界面视觉设计师，负责产品或网站的图形、图标、色彩、视觉风格等，决定营造出什么样的视觉体验。

从视觉层面把控产品界面设计，确保UI稿在视觉上清晰的传达UX设计师的交互设计稿，也就是高保真视觉稿。

UX ，英文为 User Experience ,指的是用户体验。一般而言，国内 UX 设计师，也称为交互设计师或 UE 设计师（而国外的 UX 设计师指的是用户体验设计师，交互设计师指的是动效设计师）。

UX 设计师主要关注用户对产品的体验感受，确保产品逻辑的流程可以跑得通，甚至跑得顺、跑得精彩。

正如一千个人眼里有一千个哈姆雷特，一个设计问题往往也没有唯一解。UX 设计师会深入场景，探索多种不同的解决方案，这种深入思考通常能产生创新方案。

UX 设计师们通过头脑风暴、角色扮演、故事版等设计方法探索设计机会点，向着创造出“最好的”用户体验目标而前进，典型案例就是为新用户设计一套令人愉悦的登录流程。

总的来讲，UX设计师是设计人与信息产品的流程和关系，归根结底都要研究人、事、物的联系，它是一个囊括计算机工程、心理学、设计的交叉学科。

进行利益相关者访谈、用户访谈，挖掘用户需求，提炼用户任务流；完整体验不同产品，挖掘交互设计模式，设计交互模式，撰写交互设计稿，并最终形成交互设计规范/UIspec；跟进视觉设计和开发，确保产品正常上线” 这可能就是UX设计师日常事项。

设计产出物 ：流程图，网站地图，故事版，交互设计原型图（线框图），UIspec ，交互设计规范。

用的比较多的工具：axure，Visio，Sketch，Illustrator，Fireworks，InVision，PPT，Keynote，Photoshop。

UI即User Interface（用户界面）的简称。UI一般指的是各种软件的界面，主要是偏向设计，一般用来出设计稿。

前端主要是偏向页面制作和APP，开发重点是实现各种交互。指的是网站的页面，负责系统前端是指应用的表层部分，就是用户直接能看到的。

userinterfacedesigner用户界面规划，UI规划包含构思手绘、平面规划、Web前端规划、多屏界面规划和工作规划5个模块。需要掌握photoshop、AI、SKetch等绘制界面与基本动效的软件，具备一定的网页与app设计规范，与一定交互常识。

前端是对网站进行开发，主要用到HTML5、css、js等语言，一般使用webstorm和sublime等软件。

而且在现在的工作中，UI设计与web前端工作也是衔接具体分工的。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com