【知乎精选】举例说明界面、视觉、交互设计区别

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

小编推荐:界面设计、视觉设计、交互设计这三个名词你分清了没?小编其实能分清,大概知道,但是看知乎大神们的解释感觉更好玩,更接地气通俗易懂~来看看不~

问题:「界面设计」、「视觉设计」、「交互设计」之间的关系是什么?如何理解?

我是UI菜鸟,但在努力学习,在最近吸收的知识里,对于 界面设计、视觉设计、交互设计 这三者有了自己的看法,但同时也看到很多不同的见解,我需要验证自己的理解是否正确,所以请各位大神帮忙赐教,(尤其是三者之间的关系)小女子在这里万分感谢!

@马力的回答 52票

我们要盖一座房子,面朝大海,春暖花开。

房前的小径如何方便进出,增加人们交往与偶遇的机会,房间的格局如何,让大人小孩都能各得其乐,窗户朝向如何布局来增加光照…这是交互设计要考虑的问题,信息架构、交互流程等等。朋友中有个笑话,说一个交互设计师朋友去人家里做客,几句话之后,开始评价人家的灯和开关设计是否合理的问题。

房子的外观看起来什么样,营造出什么样的视觉体验,地板和门应该是什么颜色才能显得「高端大气国际化」…这是视觉设计要考虑的问题,布局、色彩、图标等等。视觉设计师常说,这里差3个像素。

这座房子和人发生关联的部分,就是界面。User Interface,用户界面,用户接口,显然,这样的接口需要交互和视觉共同的支持。

交互设计和视觉设计是完全独立的么?不是。盖房子是个系统工程,交互和视觉都是其中一部分。

交互设计师心中要有视觉映像,视觉设计师头脑中要有流程和架构,越是资深的设计师,这两方面越是融合在一起,因为,原本的目的是要盖房子啊。

@张书泓的回答 104票

先区分一下“界面”、“视觉”、“交互”这三个词。

“界面”是机器中的一部分——通过这个部分,用户可以了解机器的状态、对机器进行控制、并获取反馈。“界面”不仅包括图形界面,也包括实体界面。
(7.24日新补充:界面原是interface,大陆译为“界面”,远不及台湾译法“介面”好,“介”才是本质,“界”只是表象,请自揣摩)

“视觉”是一种人的感官类型——通过这一个感官,用户可以了解信息,感知物体,被激发情绪。“视觉”不仅包括美观,更包括引导。

“交互”是一种行为类别——在这种行为类别中,用户会发出自己的行为请求,接受者随之给予用户反馈和后续行为的引导。

本质上来讲这三者没有比较的意义,因为它们是不同视角下的概念。

如果非要画个范围,大致会是这样:

它们有大量不重叠部分。界面设计还包括很多技术层面的东西,视觉设计包括大量感官传达的东西,交互设计也有一些其他的纯行为流程类的东西。

————————-以上只是广义上的看法————————————————————

现实工作中一般不会牵涉这么广的看法,互联网业界对着三者的理解是窄化了的概念。

如果你到互联网公司求职,职能上可能会这样划分:

千万注意,这只是职能上这么划分。部分职能所做的事也并不是和广义上一致的。

例如一般不存在界面设计这个层面的职位。

例如界面布局也可能划到交互设计范畴。

例如界面的跳转引导也可能归到视觉设计。

总之,这只是职能上这么划分。

如果你希望成为一个合格的设计师,对设计的理解和能力的千万别受这个边界限制。

一个合格的设计师“最起码”应该这样理解:

要做出好东西,理念和能力都应尽量融通,走得远一点,了解得广一点更好。

本文由人人都是产品经理 @鱼精,整理自知乎问答,转载请注明出处并保留本文链接

您的赞赏,是对我创作的最大鼓励。

评论( 0

登录后参与评论
加载中