易讯考务系统

查看更多新闻

UI设计和UX设计到底有什么区别?

2018-07-02 16:50:44 易讯考务系统 阅读

1. UI 设计师

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

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

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

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

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

1530521475950227.jpg

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

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

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

1530521475824747.jpg

举个栗子,在设计一个数据分析界面时, UI 设计师可以决定使用滑块还是控制旋钮,通过这样的控件来阐述图表带来的直观感受。

1530521476127795.jpg

此外 UI 设计师还负责制定视觉设计规范,确保产品设计的一致性;在规范中,明确一些UI 控件/组件的使用行为,比如确认误或取消提示。

1530521475694016.jpg

熟悉不同分辨率的多端产品,诸如桌面端,Web 端和手机设备;能够完成高质量的视觉设计稿--从概念设计确定设计风格到详细设计。

设计内容包括图标、图形界面等;执行统一的设计语言,撰写并完善网站的设计规范,为产品注入美和生活气息。” 这可能就是UI设计师日常事项啦。


设计产出物 :视觉设计稿,视觉设计标注规范 ,视觉设计规范文档,视觉切图

用的比较多的工具:Photoshop,Sketch,Illustrator,Fireworks,markman(视觉标注软件),cutterman。

1530521477312539.jpg


2. UE 设计师

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

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

1530521478131573.jpg

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

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

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

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


设计产出物:流程图,网站地图,故事版,交互设计原型图(线框图),UIspec ,交互设计规范。

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

1530521478106972.jpg


3. UI和UX工作责职的区别

从专业分工来看,UX和UI的工作内容有不同之处,但也有重合的部分。

1530521478117571.jpg

UI 关注产品功能,UX关注用户情感。

1530521478110303.jpg

UI 则是布局设计,视觉设计,品牌形象。UX 职责包括用户画像,用户故事,用户调研,可用性测试。连接两者的是线框图。

1530521478484107.jpg

UI 涉及人机交互、工业设计、视觉和声音设计等。而 UX 则包含信息架构、内容策略在内的更多部分,他需要从整体动态流程上考虑产品是否能解决用户的问题。UI 属于 UX 的一部分。

1530521480130072.jpg

UI 设计重心则是色彩、排版等视觉方面。UX 设计以用户为中心,关注任务流和使用场景。相似之处是两人都留着大胡子。

1530521482376700.jpg

UI 是你使用的部分,而 UX 是在你使用时的感受。

1530521480118337.jpg

UI 设计师关注按钮的颜色,考虑的是视觉的部分,是产品看起来如何。而 UX 设计师则关注按钮放置的位置是否合适,最终出发点是用户的感受 ,想要弄清楚人类想要使用的是什么,解决用户痛点。

1530521482206251.jpg

近年来,在「设计思考流程」的趋势下,整体性设计流程越来越受到关注,UI和UX设计师的界限变得越来越模糊,设计师不再关细节部分,而是着眼整体和全局,只为打造以用户为中心的最佳产品体验。

1530521482923505.jpg

以上由丝路教育http://www.silucg.com?bp整理发布,分享请保留。


标签:   ACAA UI UX
北京市东城区天坛路57号2层,100005 京ICP备2021023710号
易讯教育 版权所有 2008-2024 Powered by MetInfo 5.3.18 ©2008-2024 www.metinfo.cn