最少的输入,最丰富的输出:好的设计往往是隐形的

“优秀的设计是隐形的。优秀的界面设计会细到亚原子级的微观字体(文字的精确定义)、看不见的宏观文字布局(文字的运用方式)、还有由交互设计和信息架构组成的隐形世界。最少的输入,最丰富的输出,界面设计师都致力于使用户花费最少的注意力。就像字体设计师与工程师那样,我们并不会试图找到完美的解决方案,但会寻找最佳的两全之策。”

设计并不总是耀眼夺目的艺术。它讲究微妙、实用,而且常常是不确定的。很简单,好的设计往往是隐形的。

明确一点——隐形的设计并非在项目中增加图层、透明度或是隐藏含义。它是为了打造用户为中心的项目,使之功能齐备,视觉愉悦。

当我还是个年轻的设计师时,就一遍遍听到这句话。如果你不得不“装饰”画布,那就是在过度设计。最好的设计——真正使项目有效运转的设计——是隐形的。

但是如何做到隐形?尤其网页设计是一种相当视觉化的手段。(额外补充,本文会重点列举几个网站,来印证隐形设计的观念。)

思考设计中的隐形

最少的输入,最丰富的输出:好的设计往往是隐形的

最少的输入,最丰富的输出:好的设计往往是隐形的

咱们别离题万里,设计当然是可见的。关于这点毫无疑问。但是你所用的工具与技巧,不应该在普通用户面前耀武扬威。

多数设计只追求“感觉对了”。用户想要沉浸其中,操作某样东西。他们不必理解其中缘由。这就是隐形的设计。

Oliver Reichenstein,Information Architects的创始人和总监,以强调隐形设计观念而闻名。虽然在听到他的观点之前,它已经深深烙印在我的脑海中。在The Verge的访谈中有一些只言片语。

“优秀的设计是隐形的。优秀的界面设计会细到亚原子级的微观字体(文字的精确定义)、看不见的宏观文字布局(文字的运用方式)、还有由交互设计和信息架构组成的隐形世界。最少的输入,最丰富的输出,界面设计师都致力于使用户花费最少的注意力。就像字体设计师与工程师那样,我们并不会试图找到完美的解决方案,但会寻找最佳的两全之策。”

隐形的交流

最少的输入,最丰富的输出:好的设计往往是隐形的

最少的输入,最丰富的输出:好的设计往往是隐形的

当你创造网页、移动应用甚至智能手表的交互时,就是在设计某种类型的交流。设计要承载信息,而非阻碍信息。

你在处理时会用尽所有设计手段来打造一种体验。最终产出并不是给你的,甚至也不是给其他设计师,而是给广大不懂(也不想懂)色彩理论、间距和字体的受众。他们只知道所有这些结合在一块,是否紧密、好用和有趣。

这就是将设计视为一种隐形的手段的重要之处。

不同类型的隐形

最少的输入,最丰富的输出:好的设计往往是隐形的

最少的输入,最丰富的输出:好的设计往往是隐形的

我们谈论隐形设计时,会想到一些不同的东西。每一种隐形设计都很重要,会通过不同方式影响你的工作。

  • 隐形的产品和排版,例如品牌或是你不会注意到的广告。(这对应用和游戏设计师很重要,他们常常要思考设计中的摆放问题)
  • 隐形的交互和通知都做到了无缝衔接,在你执行某些操作或任务时并不会想到它们。(例如手机上的闹钟和警告)
  • 隐形的美学设计可以建立情感连接,与用户融为一体,让人们渴望投入其中。(这正是我们所关注的)

设计技巧

最少的输入,最丰富的输出:好的设计往往是隐形的

隐形的美学植根于设计理论的基础中。这并不是一种趋势,也非某个酷炫的新用户体验特征的运用。它使用文字、色彩、字体、图片、图标和一些技巧来传递信息。我们来回顾一些基础,看看它们能如何为你所用。

最少的输入,最丰富的输出:好的设计往往是隐形的

最少的输入,最丰富的输出:好的设计往往是隐形的

最少的输入,最丰富的输出:好的设计往往是隐形的

  • 文字和语言:用来向用户传递一种语调和情绪的文字。在用户与设计进行交互时,使用一种语言来传递你想表达的感觉。它是正式的、轻松愉快的、还是滑稽的?它应当使你感受到热情,或是想要做出某种反应?还要想想措辞的韵律,大声朗读时听起来是怎样的?
  • 色彩:每种颜色和色彩组合都有不同感觉。要考虑情绪和文化因素,选择颜色会花费许多时间。仔细选择配色方案,选用那些能促使用户执行特定操作的颜色,同时也创造合适的感觉,保持平衡与协调。
  • 字体:字体本身也会带有含义。从干净的无衬线字体,由周遭环境获取含义(Helvetica);到复杂的粗黑体风格(巴洛克式文字),带有一种形式感。你选用的字体类型会传递特殊的感觉。举棋不定时,就坚持使用无衬线字体或是简单衬线的字体,使用统一的笔画粗细和常规字重。
  • 图片:你所用的图片里有什么?包括照片、动画和视频。其中的人是开心面带笑容的吗?(里面有人吗?)颜色是暖色还是冷色?动作快速还是缓慢?浏览步调与阅读流程要合适——就像步行速度一样——可以给用户创造一种特定的舒适度。太快或太慢的动作,就会开始引人注意,用户就会更加关注它,甚至超越图片本身。
  • 图标与UI元素:统一的图标集和用户界面元素,在隐形上大有帮助。一套系统会通过标准化展现,来告诉用户网站如何运转、如何操作,即使图标对应的操作与特定外观可能并不相同。当用户不需要思考它如何使用时,隐形就生效了。想想每一个零售商都在使用的购物车图标,它是查看商品的一种标识。用户不需要思考如何进行到最后一步,或者说如何支付;这个元素会将他们引向正确的操作。
  • 其他技巧:有一大堆设计技巧可以成就或破坏你的设计——投影、文字效果(例如倾斜)、描边与边框、留白、下划线、列表,等等。其中任何一种的关键还是在于运用。如果你打开编辑软件的工具窗口,在默认设置状态下点击“应用”,你就做错了,还会引发花哨的效果。用户忽略了某张图片,并且怪罪于它阴影太重的时候(尽管受过训练的设计师之眼能够辨认出来),才应该使用这些效果。设计效果只应该有助于整体信息和视觉目标。

结论

再回想一下Oliver Reichenstein说过的。它强调“微观”和“宏观”元素。这是关键。要达到完全隐形,设计的每个细节都要精心推敲。

带有目的进行简单的设计。不要仅仅因为你想要使用某种技巧,就过度装饰或加入流行元素。设计好每个细节,让它们无缝协作。同时设计好大局,让它勾绘出你的项目试图传达的整体概念。不要过度思考:有时候简单的解决方案就是最正确的。(也许正是隐形设计的概念促成了扁平化设计的兴起,并且持续盛行)

你有没有偶然发现哪些网站的设计是隐形的,并且完美运转?可以在评论中与我们分享。

 

原文链接:http://designmodo.com/invisible-design/

作者信息:
Carrie Cousins
Carrie Cousins has more than 10 years experience in the communications industry, including writing for print and online publications, and design and editing. You can connect with her on Twitter @carriecousinsand Google+.

#专栏作家#

可乐橙,微信公众号:可乐橙(colachangreen)。人人都是产品经理专栏作家,UI/UX设计师,关注互联网,关注科技。现居杭州,与小伙伴们正在创业途中。或许不是一名优秀的设计师,至少是个快乐的设计师。

本文原创发布于人人都是产品经理,未经许可,不得转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/32258/

(0)
CatherineCatherine
上一篇 2017-06-04 15:24
下一篇 2017-06-04 17:25

相关推荐

  • 清华美院交互设计考研经验分享:考试要懂得“扬长避短”

    2018年清华美院交互设计-黎娜大家好,我叫黎娜,我本科毕业于广州美术学院工业产品设计系。产品设计主要是偏向于生活家居类的小产品。我大概是在去年快毕业的那段时间第一次从考研的同学那里了解到“信息艺术设计交叉学科”,2017年6月底就决定报考这个专业。接下来我想与大家分享的是自己的一些备考经验,希望能对你们有一些帮助。第一部分是关于专业一“上机”考试。我认为上机考试最重要的两部分分别是app和ppt。  app的练习方法有很多,这里我想分...

    2018-04-23
  • 【交互大讲堂】当交互设计遇到装置艺术

    之前我们讲到的交互设计都是偏重于传统交互,与艺术的互动性没有这么强,通过现在媒体和交互设计,交互装置的互动性也会越来越强。上图这个工作室是日本的一个叫Teamlab工作室,他们致力于新媒体的装置艺术的设计的第一个作品。当用户进入这个身边周围都是球的环境的时候,触碰那个球,球会发出不同的声音。小孩子对绘画都是十分感兴趣的,当孩子进入这个工作室,画上一副自己喜爱的画,用打印投影仪把这些画全部扫描,扫描之后,会形成3D影响投放到媒体上面,这就...

    2018-05-03
  • 讯飞输入法 Smartisan 定制版功能交互一览

    #交互学堂# #讯飞输入法# #smartisanOS# 基于 Smartisan OS 的设计语言深度定制了讯飞输入法,界面简洁优雅,还能保留讯飞输入法用户的使用习惯, 识别准确率高达 97% 的讯飞语音,让输入更高效 点击下载   讯飞输入…

    2016-10-31
  • 卡片式设计,并不能支撑所有的设计需求

    卡片式设计一直是以强兼容性和“百搭”的形象出现在大众的面前,但是它同样有无法满足用户需求的时候,今天的文章我们就在实战中聊聊这件事。

    2017-05-13
  • 小欣浅谈 | 用户体验为什么如此重要

    前言说到我们日常所使用的那些产品和服务,我们对它们的情感可谓爱恨交织。它时而让我们为之欢呼雀跃,时而让我们感到挫败沮丧。时而让生活变得简单明了,时而使生活复杂无常。即使这样,我们每天还要和不计其数的产品打交道。而我们的产品开发人员,注意力的重点往往在95%以上都放在产品本身,而用户使用过程中的体验却常常被忽视。而这部分,常常成为一个产品投入市场后的隐形“杀手”。|糟糕的用户体验以我们办公室的饮水机为例:加水的按键分为“高\中\低”三档,...

    2018-04-16
  • 临时框这种交互方式,产品经理请慎用

    临时框是每个产品的标配,每个产品经理都会遇到临时框的交互设计,那么哪些算是临时框?警告窗口、操作列表、toast等分别在什么时候使用才符合一定的产品交互规范?本文就来讨论一下临时框以及它的使用场景和规范。

    2017-05-14
  • 交互设计的这十大套路,你懂多少?

    在产品设计领域,交互设计同产品经理一样,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心,努力挖掘用户需求,创造和建立人与产品及服务之间的关系。 为了达到这一目的,在交互设计工作中,设计师所要…

    2017-08-01
  • 交互设计GSM数据模型浅析

    交互设计GSM数据模型浅析GSM Data Model Analysis Of Interaction Design你是否记得:“那年那天那间会议室,激情四射,实际是射击狮与产品狗在设计方案上斗的你死我活”你是否还记得:“老板、甲方、PM对你的质疑:设…

    2017-08-04
  • 不同用户体验渠道的无缝衔接

    不管在什么渠道或设备上,无缝衔接是组成可用的多渠道体验的5大关键点之一。那些能让不同渠道之间的转换体验变得简便的公司,将拥有市场竞争优势。

    2017-05-04
  • 交互设计师也要懂心理学?我读书少,你不要骗我!

    交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学习一定的心理学将是很有帮助也是很有…

    2016-09-06