UI设计和交互的区别
通过本篇文章，让你秒懂UI和UX到底有什么不同，如果你身处小公司，那么你肯定深有体会，UI设计师？UX（UE）设计师？有区别吗？肯定有，但是为你两份工作都得做啊！！更甚的还要懂代码，而在这种环境熏染下，有些小白根本不知道两者之间有什么区别？http://pic1.16xx8.com/allimg/160830/04414V2I-0.jpg
今天我们主要解决这两个问题：UI和UX两者的区别UI和UX工作责职的区分UI和UX两者的区别1. UI 设计师UI，指的是用户界面，也就是人与机器互动的界面。同时又有GUI和WUI之分，不过一般的话统称是UI设计师。在PC端从事网页设计，我们称呼WUI设计师或者网页设计师。在移动端，从事移动设计的称呼为GUI设计师。而UI可以理解为UX的一个分支，不同于UX 设计师需要关注产品的整体感觉，UI 设计师更关注产品以怎样的界面呈现。其实互联网领域中，UI 和 UX 设计师的界限相当模糊，在很多创业公司，这两个设计角色是合二为一的。这个就是为什么很多中小型的公司为什么要求UI设计会交互，或者交互又要懂UI的原因。
http://pic1.16xx8.com/allimg/160830/04414QB4-1.jpg
国内而言，目前一般把屏幕上显示的图形用户界面（GUI ：Graphic User Interface）都简单称为UI。我们经常听到的UI设计师，其实指的是GUI设计师，也就是图形界面视觉设计师，负责产品或网站的图形、图标、色彩、视觉风格等，决定营造出什么样的视觉体验。从视觉层面把控产品界面设计，确保UI稿在视觉上清晰的传达UX设计师的交互设计稿，也就是高保真视觉稿。
http://pic1.16xx8.com/allimg/160830/04414W334-2.jpg
举个栗子，在设计一个数据分析界面时， UI 设计师可以决定使用滑块还是控制旋钮，通过这样的控件来阐述图表带来的直观感受。
http://pic1.16xx8.com/allimg/160830/04414T444-3.jpg
此外 UI 设计师还负责制定视觉设计规范，确保产品设计的一致性；在规范中，明确一些UI 控件/组件的使用行为，比如确认误或取消提示。
http://pic1.16xx8.com/allimg/160830/04414RP5-4.jpg
熟悉不同分辨率的多端产品，诸如桌面端，Web 端和手机设备；能够完成高质量的视觉设计稿——从概念设计确定设计风格到详细设计。设计内容包括图标、图形界面等；执行统一的设计语言，撰写并完善网站的设计规范，为产品注入美和生活气息。” 这可能就是UI设计师日常事项啦。设计产出物 ：视觉设计稿，视觉设计标注规范 ，视觉设计规范文档，视觉切图用的比较多的工具：Photoshop，Sketch，Illustrator，Fireworks，markman（视觉标注软件），cutterman。
http://pic1.16xx8.com/allimg/160830/04414QB7-5.jpg
2. UE 设计师UX ，英文为 User Experience ,指的是用户体验。一般而言，国内 UX 设计师，也称为交互设计师或 UE 设计师（而国外的 UX 设计师指的是用户体验设计师，交互设计师指的是动效设计师）。UX 设计师主要关注用户对产品的体验感受，确保产品逻辑的流程可以跑得通，甚至跑得顺、跑得精彩。
http://pic1.16xx8.com/allimg/160830/04414S110-6.jpg
正如一千个人眼里有一千个哈姆雷特，一个设计问题往往也没有唯一解。UX 设计师会深入场景，探索多种不同的解决方案，这种深入思考通常能产生创新方案。UX 设计师们通过头脑风暴、角色扮演、故事版等设计方法探索设计机会点，向着创造出“最好的”用户体验目标而前进，典型案例就是为新用户设计一套令人愉悦的登录流程。总的来讲，UX设计师是设计人与信息产品的流程和关系，归根结底都要研究人、事、物的联系，它是一个囊括计算机工程、心理学、设计的交叉学科。进行利益相关者访谈、用户访谈，挖掘用户需求，提炼用户任务流；完整体验不同产品，挖掘交互设计模式，设计交互模式，撰写交互设计稿，并最终形成交互设计规范/UIspec；跟进视觉设计和开发，确保产品正常上线” 这可能就是UX设计师日常事项。设计产出物：流程图，网站地图，故事版，交互设计原型图（线框图），UIspec ，交互设计规范。用的比较多的工具：axure，Visio，Sketch，Illustrator，Fireworks，InVision，PPT，Keynote，Photoshop。
http://pic1.16xx8.com/allimg/160830/04414U123-7.jpg
2.UI和UX工作责职的区别从专业分工来看，UX和UI的工作内容有不同之处，但也有重合的部分。
http://pic1.16xx8.com/allimg/160830/04414T311-8.jpg
UI 关注产品功能，UX关注用户情感。
http://pic1.16xx8.com/allimg/160830/04414R3G-9.jpg
UI 则是布局设计，视觉设计，品牌形象。UX 职责包括用户画像，用户故事，用户调研，可用性测试。连接两者的是线框图。
http://pic1.16xx8.com/allimg/160830/04414U208-10.jpg
UI 涉及人机交互、工业设计、视觉和声音设计等。而 UX 则包含信息架构、内容策略在内的更多部分，他需要从整体动态流程上考虑产品是否能解决用户的问题。UI 属于 UX 的一部分。
http://pic1.16xx8.com/allimg/160830/04414S307-11.jpg
UI 设计重心则是色彩、排版等视觉方面。UX 设计以用户为中心，关注任务流和使用场景。相似之处是两人都留着大胡子。
http://pic1.16xx8.com/allimg/160830/04414U3U-12.jpg
UI 是你使用的部分，而 UX 是在你使用时的感受。
http://pic1.16xx8.com/allimg/160830/04414RZ5-13.jpg
UI 设计师关注按钮的颜色，考虑的是视觉的部分，是产品看起来如何。而 UX 设计师则关注按钮放置的位置是否合适，最终出发点是用户的感受 ，想要弄清楚人类想要使用的是什么，解决用户痛点。
http://pic1.16xx8.com/allimg/160830/04414UU8-14.jpg
近年来，在「设计思考流程」的趋势下，整体性设计流程越来越受到关注，UI和UX设计师的界限变得越来越模糊，设计师不再关细节部分，而是着眼整体和全局，只为打造以用户为中心的最佳产品体验。
http://pic1.16xx8.com/allimg/160830/04414WV9-15.jpg
这样解释是不是清晰多了？作者：UI设计师阿斌 出处：站酷
页:
[1]