
文章版本信息:
- 2020年3月30日 首版《让我们学会更优秀的行动思维》;
- 2020年8月17日 第二版更名为《设计的行动思维》;
- 2021年11月15日 修正;
- 2022年4月20日 修正;
- 2023年8月5日 发布第三版;
- 2025年4月19日 修正模型图。
你不会想要在紧急的状态中,去完成一件事或者设计一件设计作品,又或是做出一项决策。但是,如果你有系统的方法,则会让你走出困境。反复训练,你的大脑就会习惯本文所讲述的思维方式,当你处在紧急状态或者处于危机时,你的大脑便会像受过训练一样,帮助你快速决策或是走出困境。
《设计的行动思维》讲述了一种优秀的思维方式,我用这样的思维方式来指导我的设计执行和管理工作。我以淘宝、微信、星巴克等案例为你演示,帮助你更好地了解这一理论在设计中的应用。
你需要反复观察事物和自己认知之间的差异,这些差异往往存在于细小的事物之中,不易被察觉,需要不断磨练我们的心智,并让大脑保持时刻锻炼。你会发现你会观察到常人无法观察到的一切,它是事物本身或是一种现象,或是一处极为细小的变化。如果能让大脑时刻接受这样的训练,不局限于熟悉的事物或是领域,你便会触类旁通。
我们每天都在频繁地操作各种APP,例如淘宝、微信,你留意过它们品牌颜色的变化吗?
当事物的变化与自我认知之间形成差异,大脑便会自动做出判断,并主动让你观察到这一细微的差异,这是我们不断观察和训练大脑所带来的结果,我把这种行为称为:大脑的高度警觉。这样的警觉不是刻意行为,而是大脑主动传递的。
案例1:淘宝品牌色的变化
这是淘宝APP商详,页面底部的Button。一般情况下,官方品牌刷新或VI色调整,都会体现在界面的核心功能设计上,例如重要的Button或者icon上。
从“立即购买”Button的色彩变化,便可以判断淘宝官方品牌经历了三次重要的VI色调整。
下面的颜色是根据我的记忆还原的颜色。淘宝品牌VI色的调整也反应了互联网设计的主流色彩变化趋势,这样的变化趋势是随着用户对色彩偏好来调整的。例如刚开始用户喜欢较清新的色彩,后来喜欢高对比的重色,再到后来的渐变色。
主流品牌色彩变化,往往会带动其它品牌的变化。如果你是设计师,也观察到这些变化,则可以帮助我们在设计中顺应这样的设计趋势。
案例2:微信品牌色的变化
这是微信公众号后台写作界面,底部区域的三个Button,和淘宝的案例相似。
为什么我有这样的观察?
我在撰写公众号文章的时候,操作最高频的是这个“保存”的Button,观察的潜意识自然就察觉到色彩的变化。(大脑受训练的程度决定观察结果的细微程度,需要我们长时间保持这样的观察训练。)
这是我记录的微信品牌色经历的两次变化,从重色渐变到更轻薄的渐变色。
对颜色观察的判断能力,我称之为:色彩认知。
例如,公众号默认文章字体颜色并不是纯黑色,而是深灰色(#333)。因为深灰色的文字在白色背景上阅读起来眼部更为舒适。当我第一次书写文章的时候,就发现默认字体的颜色设置正是我所需要的。
你也可以理解为这是设计师对设计的一种警觉。
案例3:星巴克官网设计(观察与色彩认知)
通常大家看到这样的界面设计并不会有任何意见。我用“色彩认知”来讲讲我的观察。
色彩认知,靠不断的观察累积而成。设计师无需动手设计,便知墨绿色与金色的搭配能表现尊贵的气质,这样的设计会让星巴克显得更为高贵。
《智者的设计哲学》卷1·054~055 色彩的认知与观察
星巴克的主色是墨绿色,在官网大面积使用则会带来视觉压抑,我想通过简单的改变来提升星巴克的品牌气质。
我用Ps吸管工具从官网首页上的一张照片中提取香槟色,这样的颜色在墨绿色底色上有较好的辨识度和品质感,适用于标题文字。颜色提取的前期训练中,可将图片马赛克效果,这会辅助我们选择某个颜色,当足够熟练后,即可直接用吸管在照片上进行提取。
香槟灰,可用作常规阅读的段落文字颜色,在墨绿色上面会显得柔和、舒适。于是我重新设计了首页的文字与版式。
上图是重新设计的,下图为原图。点击图片放大
这是简单的用户感官上的提升,而更重要的是用户心理上的提升,这将在用户阅读文字内容时发生。我们先看看图片上面的文字内容翻译如下:
主标题:事情在变,但我们仍然在这里为您服务。
正文:我们已暂时关闭店内咖啡厅,但部分杂货店和直通车位仍然开放。某些市场还提供星巴克提供的Uber Eats服务。请访问我们的商店查找器以获取最新的商店营业时间和营业地点。
按钮:寻找门店
这段文字是星巴克官方在疫情期间所写,并不是一段激动人心的品牌宣传文案,所以我们在设计的时候应使用常规的文字颜色。为避免白色在墨绿色下带来的刺眼,我选择白灰色(#e3e3e3)作为字体颜色。
主标题想表达的潜意识是:虽然我们碰到了困难,但我们依然坚持为您服务。将主标题颜色由“白色”改为“香槟色”,来体现星巴克积极的态度与服务的品质,会显得更有力度。
在页面中使用这样的颜色,同样可以提升活跃度,为品牌带来更好的品质感。例如将香槟色应用到星巴克官网中的小图标设计和文字上面:
上图是重新设计的,下图为原图。点击图片放大
当我们观察事物的时候,别人和你一样,也在观察你所观察的事物。同一件设计作品,在于你是否能更快速地发现观察对象的弱点(本质上的问题),这些弱点就隐藏在你所观察的事物之中,往往和某一处细节有所关联。
快速观察并发现事物的弱点,利于定性和定向事物的问题,从而快速找到解决方案并做出决策,并付诸于我们的行动,在行动中我们再次观察,直至不再出现任何问题。
《智者的设计哲学》卷1·056 设计的行动思维·理论
当身处紧张和有限的时间,我们无法获得更多的思考与验证,则需要我们在这之前做出更多的观察训练。训练越多,大脑则能更快地发现事物的弱点,便于更好地定向问题。
就像我们在生活中所观察到水果的颜色,你可以从中获取到这些色彩搭配,并将它们存储在你的记忆中。当设计中需要表现活力、清新的设计元素时,你就会想到这样的水果以及这样的色彩搭配。
认知与观察是可以训练的,日常生活中的不同色彩组合在我们眼前频繁地出现,我们可以从任意的事物中来观察色彩的组合与搭配,并将观察的结果付诸于我们的设计工作中。
《智者的设计哲学》卷1·054~055 色彩的认知与观察
“OODA LOOP”是职业军人博伊德所创立的战略理念,这一理念对美国以及西方企业界和管理学界有着巨大的影响。福布斯、哈佛商业评论都介绍过博伊德的战略理念,数十本专业管理著作都提到过他。
美国管理学界对海军陆战队产生了深厚的兴趣,向商业、企业界大力推荐海军陆战队方式,而这个方式的灵魂就是“OODA”,这是博伊德思想的结晶。
《设计的行动思维》是我在“OODA LOOP”的基础上加以我的理解,并将它转化为设计的思维应用,我称它为设计的行动思维,并将它运用在我的设计执行与管理中。
将“OODA”逆向思考,就会得到一个新的思维模型:
以及这样一句话:
设计执行的结果价值,取决于正确的设计决策;依赖于对产品需求准确的定义;意味着更为有效地理解产品需求的本质。
《智者的设计哲学》卷1·057 设计的行动思维·应用价值
“OODA LOOP”对我来说它是一种行动思维,可以改变我们在工作中的思维方式,让我们的行动变得更为可靠,减少我们在工作执行上的错误。这种思维同样也可以运用在设计管理中,甚至你所在的任何领域。
请参考:《智者的设计哲学》卷2·056~057《设计的行动思维》( OODA Loop理论在设计中的应用价值 )。与本文的讲述略有不同,欢迎阅读。