分类目录归档:产品设计

关于web产品策划和设计。

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

以下内容摘自「知乎」网站。

———————————-

回答1:JimSoup,用户体验/品牌设计师

不用把交互和视觉的职责目的分得太开,他们只是使用的工具不同而已

交互设计师需要用非常清晰和流畅的操作和逻辑框架来提高用户体验,这些交互流程更多是隐藏在操作过程中,有各种逻辑关系的层次。而视觉设计师使用让我们眼睛直接感受到的视觉效果来传达一个产品的意图,更加浮在表层上。

可能这些说法并不是非常具象。我一直以来比较赞同的是建筑设计行业的一套说法——建筑设计(界面设计)、交互设计师(结构师)、视觉设计师(建筑/外观设计师)。

首先接到建筑需求后,经理(产品)会评估整个建造过程并统筹安排,他应该是最了解整个工程项目的进度和细节的,最具有大局观的人。

在建筑设计的过程中,结构师(交互设计师)会设计整座建筑的结构——楼层得有多少层,占地面积多少,每层多少户,什么结构更加稳妥,楼梯和各种管道如何铺设。居客很难看到结构师做了什么,但他们的确很重要。

而建筑/外观设计师(视觉设计师)则会设计整座建筑的外观,甚至细节到每户中房间和大厅的布局和装修。这些都是为了让居住这里的人住得更舒服。你并没办法说哪个更重要,只能说缺谁都不行。

如果说一个产品就好像一个人一样,那么交互为其骨骼,视觉则是其肌肤。开发为其肌肉和器官,产品为其大脑,而运营为其血液。

所以,设计师的同行,不要只是认为交互只是把操作流程做得流畅,视觉也肯定不是为了把界面做得更漂亮。这些都不是目的。

相比开发来说,设计能为产品解决的问题的确不多。但是,设计可以做到——让用户享受问题

———————————-

回答2:张书泓,腾讯交互设计师

“界面”是机器中的一部分——通过这个部分,用户可以了解机器的状态、对机器进行控制、并获取反馈。“界面”不仅包括图形界面,也包括实体界面。

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

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

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

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

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

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

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

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

千万注意,这只是职能上这么划分。部分职能所做的事也并不是和广义上一致的。
例如一般不存在界面设计这个层面的职位。例如界面布局也可能划到交互设计范畴。
例如界面的跳转引导也可能归到视觉设计。
总之,这只是职能上这么划分。

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

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

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

———————————-

回答3:林朝辉,产品设计师在创业路上,伪哲学家、伪管理…

用岗位职责来回答你比较容易理解:

1、界面设计和视觉设计都是美术类的岗位,但工作分工不同:
界面设计:UI(User-Interface Design),用户界面设计,例如软件、网站、APP等;
视觉设计:Visual Design,更多偏向品牌、形象设计,例如广告、海报、周边等;

2、交互设计(Interaction Design)则是对人机交互界面、反馈、流程的设计,与界面设计配合;

3、如果以一个手机APP项目为例,
交互设计让产品更好用,界面设计让产品更好看,视觉设计让产品更好卖(用户更想用或买)。