视觉设计】交互设计和视觉设计分别是什么?有什么区别?

2021-11-19 15:05发布

10条回答
722
2楼 · 2021-11-22 16:17

换种思路试着来阐述UI设计和交互设计之间的区别

前面提到了关于这个问题本人之前是遇到过的,当时对于提问者的回答方式和内容与题主差不多,也是基于具体的工作内容、各自应用的设计工具(软件)等角度来进行阐述说明。不过从反馈的情况看,似乎并不理想。

个人总结了一下,可能是来自如百度百科类的关于UI设计的解释:“UI”的本义是用户界面,是英文User和interface的缩写。UI设计师简称UID(User Interface Designer),指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。【解释摘自百度百科】

看到了吧,百度百科中将UI设计师所要从事的工作内容包含了人机交互、操作逻辑、界面美观这三大方面,这也许就是很多设计人员纠结的UI设计与交互设计是一体的还是有区别的疑问。


于是本人从另一个角度来对这种疑问进行阐述,可能并不准确,但可能更加直观。


交互设计相当于编剧

本人在工作放松时比较喜欢看综艺节目缓解一下自己,其中比较偏爱的就是『极限挑战』,男人帮的表现自然相当出色,但更吸引我的是节目的结构,这就是『极挑』导演严敏提出的所谓结构性喜剧

其实现在的综艺节目都有是剧本的(像『奔跑吧』),可是从收视率和口碑上,后者明显略逊于『极挑』。个人分析就后者是将若干个游戏简单的穿插起来,没有紧密的关联性,说白点就像是一个个短笑话,看过一个笑一下(而且很多是尬笑),少看一段也不影响整体效果。而『极挑』(前4期严敏执导)则是每一期(或连续几期)就是一个故事,以喜剧片的模式来编写剧本,让成员之间、成员与现场观众在节目中互动。整体上更加连贯,就像一个侦探故事,每一处都隐藏着线索,让观众参与其中。

好,回到主题!

交互设计的工作,就如同编剧一样,将产品(如APP、网页)中需要与使用者交互的内容、模式、效果等方面进行规划设计,形成一个完整的解决方案(剧本),然后交与UI设计及程序开发人员进行视觉呈现。


UI设计相当于服道化、摄像及后期制作

这个可能更好理解些,演员拿到剧本,按照剧本来对台词、走机位......但为了更好的呈现视觉效果,服装、道具和化妆是必不可少的。这也就是UI设计人员设计出的平面效果,如图标、背景、色调等。

同时为了增加交互的效果,还需要加入转场之类的特效,就像是摄像师在不断的变换镜头角度

......

为了增加播出的喜剧效果,后期制作也少不了,就像弹幕、表情包.......



职业前景如何?

这一点就不用刻意举例了,因为现实生活中手机应用已成为必不可少的部分了。衣食住行方方面面都能通过一个个APP来完成。

5G时代的来临,基于网络的变革又将是一次质的飞越.......

这还不够说明UI设计的前景吗?!


工种的界线日益模糊,不要自我限制

其实比较赞同题主自答中最后的观点:作为专业的UI设计师,UI设计与交互设计应该两者兼备。

不论是作为设计人员,自我能力的提升,还是为了获取更多的薪资,或是招聘部位已不再将工程细分,而是需要更全面的设计人员......

学习掌握更多的技能是相当必要的!


一个Ai
3楼 · 2021-11-22 09:16

产品视觉:看Dribbble、Behance、Pinterest、花瓣(???);照着交互稿用Photoshop做像素界面,偶尔做动效,切切图,和前端开发工程调像素、调颜色;定义视觉规范,偶尔遇到大项目出概念稿。

产品交互:看Nielsen Norman博客、Medium、互联网早读课(??),和PM聊业务、掰客户的行为和动机(研究员入场),画交互流程,定义边界情况,调文案,验收前后端工程师吵可行性,验收App质量。偶尔动用方论办workshop。


樱田妮妮NiNi
4楼 · 2021-11-22 10:37

产品视觉:看Dribbble、Behance、Pinterest、花瓣(???);照着交互稿用Photoshop做像素界面,偶尔做动效,切切图,和前端开发工程调像素、调颜色;定义视觉规范,偶尔遇到大项目出概念稿。

产品交互:看Nielsen Norman博客、Medium、互联网早读课(??),和PM聊业务、掰客户的行为和动机(研究员入场),画交互流程,定义边界情况,调文案,验收前后端工程师吵可行性,验收App质量。偶尔动用方论办workshop


夏虫语冰
5楼 · 2021-11-22 13:54

一、二者的定义不同。平面设计(graphic design),也称为视觉传达设计,是以“视觉”作为沟通和表现的方式,透过多种方式来创造和结合符号、图片和文字,借此作出用来传达想法或讯息的视觉表现。UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。二、二者的设计对象不同。平面设计师利用字体排印、视觉艺术、版面(page layout)、电脑软件等方面的专业技巧,来达成创作计划的目的。UI设计重点是设计“人机交互”的界面,设计的对象通常为软件产品的“外形”。三、二者的设计用途不同。平面设计是沟通传播、风格化和通过文字和图像解决问题的艺术。UI设计是为了软件的操作变得舒适简单、自由,便于充分体现软件的定位和特点。

茄子酱
6楼 · 2021-11-22 17:26

视觉设计是利用视觉图形、颜色、文字等内容高效的传递信息且表达信息。日常工作根据公司所处的不同领域不同,完成视觉需求。

交互设计概念更加广泛,具体看不同的产品,但重点是研究用户行为,用户的体验和设计的关系。日常需要良好的逻辑能力和交互原型的设计能力。


不吃鱼的猫
7楼 · 2021-11-23 14:31

视觉设计是让用户第一看的感觉,交互设计主要是围绕用户和产品之间的

py大白
8楼 · 2021-11-24 14:26
平面设计(graphic design),也称为视觉传达设计,是以“视觉”作为沟通和表现的方式,透过多种方式来创造和结合符号、图片和文字,借此作出用来传达想法或讯息的视觉表现。UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。二、二者的设计对象不同。平面设计师利用字体排印、视觉艺术、版面(page layout)、电脑软件等方面的专业技巧,来达成创作计划的目的。UI设计重点是设计“人机交互”的界面,设计的对象通常为软件产品的“外形”。三、二者的设计用途不同。平面设计是沟通传播、风格化和通过文字和图像解决问题的艺术。UI设计是为了软件的操作变得舒适简单、自由,便于充分体现软件的定位和特点。

回答: 2021-11-24 14:32

平面设计(graphic design),也称为视觉传达设计,是以“视觉”作为沟通和表现的方式,透过多种方式来创造和结合符号、图片和文字,借此作出用来传达想法或讯息的视觉表现。UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。二、二者的设计对象不同。平面设计师利用字体排印、视觉艺术、版面(page layout)、电脑软件等方面的专业技巧,来达成创作计划的目的。UI设计重点是设计“人机交互”的界面,设计的对象通常为软件产品的“外形”。三、二者的设计用途不同。平面设计是沟通传播、风格化和通过文字和图像解决问题的艺术。UI设计是为了软件的操作变得舒适简单、自由,便于充分体现软件的定位和特点。

IT学习助手 - qq:2676427015
9楼 · 2021-11-27 11:23

简单说,就是两个不同的岗位。

只是因为这两个岗位是紧密的上下游关系,在实际工作中难免有一些交叉和融合,不同的公司会有不同的划分情况。具体在招聘网站上搜一下就有了。

一般来说,交互和视觉的工作就是把需求文档转化成软件界面,也就是”文字→图片“。这个过程会分为好几个阶段,就像画一张素描,你会先打个草图,确定比例没问题,再往细了画。

如果有两个人,一个很擅长定比例,一个很擅长画细节,他们分工合作,那前一个人就是交互,后一个人就是视觉。

基于这样的背景,交互和视觉的日常工作有很大一部分是”沟通“”对接“”交付“,这也直接影响到你需要掌握什么工具和”语言“。



相关问题推荐

没有解决我的问题,去提问