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

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

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

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

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

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

思考设计中的隐形

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

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

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

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

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

相关推荐

  • 交互设计的门类 & 英国综合类院校及艺术院校在如何定义交互设计?

    艺麸大大带你了解英国交互类TOP院校要知道你离名校并不遥远别走神,好好看完哦~随着科技日新月异的发展,让交互设计一时成了“网红专业”,很多学平面设计或视觉传达的童鞋们纷纷转专业到交互设计大本营。然而各大顶尖院校对于交互设计的专业命名也是“五花八门”,如,服务设计、交互设计、用户体验设计等。交互本来就是一个艺术与科技的完美结合,国内很多院校都不能将其做的很突出和优秀,这就导致了出国学习交互设计成为许多人的想法。那么你有多了解交互设计呢?我...

    2018-04-19
  • BAT名师访谈,阿里交互设计专家的成长之路

    编者按:优设访谈第四期!今天这位设计师也是老朋友了,作为网易电子商务部UED团队的创建者,阿里现任交互设计专家,以及业内人士鼎力推荐的《破茧成蝶:用户体验设计师的成长之路》联合出版人,@刘津legene 老师的…

    2015-11-19
  • 【笔记干货】UCAN2017用户体验设计论坛

    作者: 阮小阮     忙忙碌碌一天这么晚还没睡是因为我在给大家编辑UCAN的干货哇~ 虽然我平常很懒,可我们真的只推干货哇~ 希望大家都能获取一些知识一些思考 互联网这么快,拥有平衡的能力真的很重要~!   董本…

    交互专题 2017-08-07
  • MacBook Pro 真机上手:Touch Bar 究竟是不是好设计?

    9 年前,iPhone 的诞生,多点触控开始成为一种全新的人机交互方式。 4 年前,当一票“超极本”不加思索地把触控移植到电脑屏幕上,时任苹果工业设计师的 Jonathan Ive 说: 多点触控放在笔记本的显示屏上……不太适合。…

    交互设计 2023-03-03
  • 国家地理:创新设计世界地图APP-炫酷、叼、高度还原设计方案。

    本文首发在iamue.com(我是UE网) 头条号同步发布 来看一看别人家的UEUi 国家地理做了一个世界地图app,动效狂拽酷炫叼炸天。关键是app线上高度还原了设计的动画效果,而且非常流畅。一起来欣赏一下吧 然后默默的收…

    2015-06-25
  • 如何提高用户体验

    不同复杂的需求需不同的设计例如:一个非常简单的优化,不会涉及太多修改和分析,就不需要过多冗余的内容;一个复杂庞大的需求,需要复杂的分析和展现。设计前,需要对需求的复杂度有认知,明确该采用什么方式来展现设计内容。绿色区域很容易触及、黄色代表需要展开,而红色代表用户需要改变设备手持方式将视觉简化,隐藏一切不必要的操作,注定用户认知成本的增加,不利用各个模块的跳转:突出某些功能的同时,也不必避免其他的内容被感知。不同的方式,可视化的表达,体验...

    2018-03-21
  • 交互实战|覆盖层设计:弹出式半屏页面和弹出式气泡(下)

    上篇《交互实战|覆盖层设计:对话框&浮层(上)》讨论了“对话框”和“浮层”两种覆盖层中最为常见的样式:对话框主要分为提示型和输入型两大类;浮层主要分为Toast和Snackbar两类。在下篇中,想要讨论一些不那么常用的覆盖层交互形式:弹出式半屏页面和弹出式气泡。

    2017-05-05
  • 设计师的像素眼是怎样炼成的?

    传说的像素眼,也就是可以快速分辨出 1px 以上差异的双眼,往往由资深设计师所 get√,想要练就一双迷人的像素眼,除了常年累月的经验之外,还是有些技巧可以快速掌握的。今天分享7个像素眼的常用场合,按图索骥,用心观察,你也可以修炼成功!

    2017-06-02
  • 未来设计师应该是数据艺术家

    未来设计师应该是数据艺术家 人类正进入数字化时代,虚拟世界里充斥着海量的数据,各种各样的数据。在此背景下,Mark Rolston认为,软件产业将需要新型的设计师:数据设计师,一种精通数据的意义、形式、移动与转换…

    2014-12-01
  • 设计师们,停止不必要的UI动效设计吧!

    这篇短文将会探讨UI设计中动画的过度使用,并将其与早期的视觉设计进行对比,提出一些对于有效的GUI动效设计的建议。我们将在下文中,简单探讨如何改善下面的这个交互。

    2017-05-14