设计的行动思维

2020-9-21    资深UI设计者

你不会想要在紧急的状态中去完成一件事情或一个设计作品,又或是做出一项决策。但如果你有系统的方法,则会让你走出困境。

反复训练,你的大脑就会习惯这样的思维方式,当你处在紧急状态或者处于危机时,你的大脑便会像受过训练一样,帮助你快速决策或走出困境。

本文讲述《设计的行动思维》,它是一种优秀的思维方式,我用这样的思维方式来指导我的设计行动;我以微信、淘宝、星巴克设计案例为你演示,帮助你更好地了解这一理论;它可以运用在你的设计执行和设计管理中,亦可以运用于你所在的任何领域。





观察
Observation


你需要反复观察事物和自己认知之间的差异,这些差异往往存在在细小的事物中,不被察觉,需要不断磨练我们的心智,让大脑保持时刻锻炼。

你会发现,你会观察到常人无法观察到的一切,它是事物本身,或者一种现象,或是一处极为细小的变化,让你的大脑时刻接受这样的训练,不止是你熟悉的事物或是领域,你将会触类旁通。

我们每天都在频繁地操作淘宝、微信,你会发现品牌颜色的变化吗?当事物的变化和认知之间形成差异,大脑就会自动做出判断,并观察到这一细微的差异,这是我们不断观察和训练大脑所带来的结果,我把这种行为称为 ‘大脑的高度警觉’。这样的警觉,并不是刻意获取,而是大脑主动传递的。


CASE 1 /  TAOBAO


undefined


这是Taobao APP 商详购买页面底部Button。一般情况下,品牌刷新或VI色调整,都会体现在界面的核心功能区域,例如Button或者Icon上。从‘立即购买’Button的色彩变化,便可以判断Taobao经历了3次重要的VI色调整。


下面颜色是我记忆里的淘宝VI色(大致色值),淘宝VI色的调整也是相应了互联网设计的主流色彩表现趋势:


undefined





CASE 2 /  WeChat


undefined



这是微信公众号后台写作界面底部区域的三个Button。和Taobao的case一致,核心区域的VI设计都会同步更新。我在撰写文章的时候高频操作的是‘保存’Button,自然就察觉到了色彩的变化。


undefined



大脑受训练的程度决定观察结果的细微程度。对颜色的判断能力,我称这种能力为 ‘色彩认知’

又例如公众号默认文章字体颜色并不是纯黑色,而是深灰色(#333)。因为深灰色的文字在白色背景上阅读起来眼部更为舒适。当我第一次书写文章的时候,就发现默认字体的颜色正是我所需要的。



undefined



CASE 3 /  Starbucks

‘色彩认知’由我们不断观察的结果累积而来。就像您无需动手设计,‘色彩认知’便会告诉你墨绿色界面搭配金色作为辅色,能给界面带来尊贵的气质,这样的设计会让星巴克显得更为高贵。



undefined

[ 星巴克官网首屏截图 ]


常人看到这样的界面并不会有任何意见。用‘色彩认知’来讲讲我的观察。星巴克的主色是墨绿色,在官网大面积使用,则带来‘视觉压抑’的感觉,我想通过简单地改变,来提升星巴克的品牌气质。


我用Photoshop吸管工具从官网首页上的一张照片中提取颜色:香槟色(Champagne),这样的颜色在墨绿色底色上有较好的辨识度和品质感,适用于标题性文字颜色。


undefined

[ 从照片中提取颜色 ]


在前期的训练中,也可将图片马赛克,这会辅助我们挑选颜色,当你足够熟练后,即可直接用吸管在照片上选择更丰富的色彩。


undefined

[ 从马赛克照片中提取颜色 ]


香槟灰(Champagne gray),可用作常规阅读段落文字颜色,在墨绿色上面会显得柔和、舒适。


我重新设计了首页的文字与版式:


undefined

undefined

[ 优化后的效果 ]


下面是之前的效果。对比看看:


undefinedundefined

[ 官网截图 ]


这是最简单的用户感官上的提升。而更重要的是‘用户心理’上的提升,这将在用户阅读文字内容时发生。我们先看看文字内容(翻译如下):


标题 | 事情在变,但我们仍然在这里为您服务。


正文 | 我们已暂时关闭店内咖啡厅,但部分杂货店和直通车位仍然开放。某些市场还提供星巴克提供的Uber Eats服务。请访问我们的商店查找器以获取的商店营业时间和营业地点。


按钮 | 寻找门店


这段文字是星巴克官方在疫情期间所写,并不是一段激动人心的品牌宣传文案,所以我们在设计的时候应使用常规的文字颜色,为避免白色在墨绿色下带来的刺眼,我选择白灰色(#e3e3e3)的字体颜色。标题想表达的潜意识文字是:‘虽然我们碰到了困难,但是我们依然坚持为您服务’。我改为香槟色,来体现星巴克积极的态度与服务的品质,会显得更有力度。


在页面中使用这样的颜色,同样可以提升设计的活跃度,为品牌带来更好的品质。例如,将颜色应用到星巴克官网中小图标设计和文字上面,来提升品质感与活跃度:


undefined

[ 优化后的设计 ]


undefined

[ 官网截图 ]



超乎常人的细微观察意味着敏锐的市场嗅觉,意味着更前瞻性的设计思维,为身处品品牌的设计师带来巨大的商业价值和用户共鸣。



定向
Orientation


当我们观察事物的时候,旁人和你一样,也在观察你所观察的事物,同是一件设计作品,在于你是否能更快速地发现观察对象的弱点,这些弱点就隐藏在事物之中,往往和某一处细节有所关联。

找到弱点,利于我们定向事物的问题,从而帮助我们快速找到解决方案;快速地观察并发现事物的弱点,取决于大脑前期观察训练的累积。

当身处紧张、有限的时间,我们无法获得更多的思考与验证,则需要我们在这之前做出更多的观察训练。训练越多,你的大脑则能更快速地发现事物的弱点,便于你更好地定向问题。



决策
Decision


正确的决策依赖于你对问题的定向。有效地判断事物的弱点,则能更准确地做出决策。我相信认知与观察都是可以训练的,在我们的日常生活中,颜色的排列与组合,在我们眼前频繁地出现,我们可以从任意的事物中来观察,将观察与获取结合在一起,并付诸于你的行动。


undefined



就像我们生活中所观察到的水果的颜色,你可以从中获取到这些色彩搭配,并将它们存储在你的记忆中。当设计中需要表现活力、清爽的设计元素时,你自然会想到这些绿色和黄色的搭配。



行动
Action


行动之前,无需刻意地去完成流程化(观察、定向、决策)的过程,大脑的速度与行动指令在一瞬间完成,这依赖于大脑在这之前的观察训练。当你看到事物,大脑便会条件性地做出反应并支配你的行动,你可以理解为‘条件反射’,这极大程度依赖于我们前期的大脑训练与积累。


undefined



‘ OODA’ 是职业军人:博伊德创立的战略理念,这一理念对美国以及西方企业界和管理学界有着巨大的影响。 《设计的行动思维》是我在‘OODA’的基础上加以我的理解,并将它转化为设计的新思维,我称它为‘设计的行动思维’,并将它运用在我的设计执行与管理中。

观察、定向、决策、行动,最重要的是‘观察’。观察是一个日积月累的过程,并非一日之功。在我的设计工作中,我能快速地发现产品问题并提供解决方案,这来自于我对观察的日积月累与学习,使我能快速定向问题,作出决策,并付诸于我的行动。在行动中,我会再次循环,直至不会出现任何的设计问题。

福布斯、哈佛商业评论都介绍过博伊德的战略理念,数十本专业管理著作都提到过他。美国管理学界对海军陆战队产生了深厚的兴趣,向商业企业界大力推荐‘海军陆战队方式’,而这个方式的灵魂就是‘OODA’,这是博伊德作战思想的结晶。

对我来说,OODA是一种行动思维,它可以改变您在设计工作中的思维方式。可以运用在您的设计执行和管理中,乃至您所在的任何领域、包括您所担任的任何角色。

文章来源:优设    作者:Riixiong 


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档