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

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

---

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

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

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

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

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

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

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

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

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

---

肤白貌美又会做人，谁会不喜欢呢？