界面设计、交互设计、视觉设计。

作者: 觅食先生 | 来源:发表于2015-07-29 16:56 被阅读577次

腾讯15年春招一面:「界面设计」、「视觉设计」、「交互设计」之间的关系是什么?


如果说「人」是一个产品。
「界面设计」就是骨肉素颜;
「视觉设计」就是妆容服饰;
「交互设计」就是神情行为。

探讨这三者的关系,我们需要先简单了解它们的定义。

“界面设计”的英文是“Interface Design”。在计算机领域中,interface翻译为“接口”。所谓“接口”,就是承担链接不同组件、元素、平台、系统的媒介
在人机交互领域中,大多数情况下,连接「人」与「软件」的媒介就是「界面」。

而什么是交互设计呢?
交互,即交流、互动。
人机交互,即人与计算机硬件和软件的「交流」和「互动」。
肉体和机械互动,思维和数据交流。计算机是“死的”,人是活的。在过去,人需要根据说明书去适应软件,这使人自身在使用的过程中非常痛苦,这个时候计算机是「工具」;而现在,软件作为给人提供方便的「生活用品」,我们必须让计算机去“读懂”人。这就是交互设计师的责任。

视觉设计很容易理解,漂亮、酷炫、温暖、宁静,吸引眼球。
(其实其余的「感官」也都存在设计,只是视觉是最大众的一种。)

了解了什么是「界面设计」、「交互设计」、「视觉设计」,我们只要简单的举一个例子,按照流程就能知道它们之间的关系。

就像这个看脸的社会一样,美、帅、酷才能使你产生想要继续聊下去的欲望。同样,当用户第一次使用产品的时候,绝大多数情况下你的第一反应是“这个网站、App美不美”。合理的配色,优美的字体能够更好的吸引用户。追求美是人的本能,抓住了视觉,就能让用户更愿意继续使用你的产品。而只有用于愿意使用你的产品,TA才能感受到其中「交互」和「界面」的魅力。
没有「视觉设计」,就相当于是直接使用「线框图」的产品。

当我们剥离掉「视觉」,剩下你能看到的就是纯粹的「界面」。
「媒介」也分为很多种,声音在固体中的传输速度远大于空气,而如果在真空中就无法传播。同样,「界面」也有好有差,如果想实现“翻到下一页”的功能,你把按钮放置到屏幕左侧就会使用户茫然错乱,因为这不符合TA的认知习惯。
「界面设计」,就是让用户更好的认知「功能」。成功的「界面设计」,就是让用户一眼就能看到「最重要的东西」

好的交互就是让用户感觉不到疑惑。无论老,少,还是障碍者,优秀的交互能让TA们愉悦的使用产品。
当我想要放大缩小图片,最好的方式是「念动即生」,因为这个行为没有其余中间过程。
次一等的则是「直接使用手操控」,手作为人最为常用,也是最熟悉的工具,「手指拖拽」放大缩小,无论从感官还是操作体验,这是目前最符合人直觉的操作,简单、优雅。
最差的是再多一层中间过程,即通过按下某个按钮。「想」→「手」→「按」→「放大」,从感受来说,「想」到「图片放大」的过程和操作过于冗长和复杂。从体验上来说,按键的不直观使图片放大的比率也无法达到心意的效果。你甚至会重复多次这个行动,
「交互设计」让元素的响应更符合人的直觉。步骤、操作、反馈……——“就和想的一样。”


肤白貌美又会做人,谁会不喜欢呢?

相关文章

  • 读书笔记—《交互设计精髓》第14章 视觉界面设计

    1、视觉界面设计的组成要素 形状、尺寸、值、颜色、方位、纹理、位置 2、交互界面设计的原则 ①运用视觉属性将元素分...

  • 平静技术原则指导只能可穿戴设备

    SPL: 现有许多研究通过视觉设计、隐式交互设计、微交互设计、多维用户界面设计等原则出发,提出了微交互和多维界面设...

  • 界面设计、交互设计、视觉设计。

    腾讯15年春招一面:「界面设计」、「视觉设计」、「交互设计」之间的关系是什么? 如果说「人」是一个产品。「界面设计...

  • UI介绍

    UI:用户界面;指对软件的人机交互/操作逻辑/界面美观的整体设计。 包括:交互设计/用户研究/界面设计。 视觉包括...

  • 每日思考0314

    谈到用户体验设计,传统的说法就是:人机交互设计、界面设计、视觉设计。 当然这些很重要,可是如果对用户体验设计的理解...

  • B端产品经理如何做用户体验设计

    谈到用户体验设计,传统的说法就是人机交互设计、界面设计、视觉设计,当然这些很重要,可是如果对用户体验设计的理解就到...

  • UI设计日常流程

    UI设计流程 界面设计三要素 一个优秀的界面,应该是有清晰的操作流程、良好的交互细节、悦目的视觉设计。

  • 读书笔记——100种用户界面

    用户界面 理解:用户界面设计更多基于交互思维,遵循8/2原则(即只设计最好的20%的功能),精简功能,选择具有视觉...

  • 产品经理从0到1全过程界面和视觉设计

    首先,让我们来学习一下界面设计、视觉设计和交互设计的辨析: 1、界面(Interface)是机器中的一部分——通过...

  • <转>交互干货必收 | App界面交互设计规范

    在上篇《APP界面设计风格》确定下来后,产品经理(兼交互设计)还不用着急将所有的交互稿扔给设计师进行细致的界面设计...

网友评论

本文标题:界面设计、交互设计、视觉设计。

本文链接:https://www.haomeiwen.com/subject/wegmqttx.html