設(shè)計(jì)的行動(dòng)思維

2020-9-21    資深UI設(shè)計(jì)者

你不會(huì)想要在緊急的狀態(tài)中去完成一件事情或一個(gè)設(shè)計(jì)作品，又或是做出一項(xiàng)決策。但如果你有系統(tǒng)的方法，則會(huì)讓你走出困境。

反復(fù)訓(xùn)練，你的大腦就會(huì)習(xí)慣這樣的思維方式，當(dāng)你處在緊急狀態(tài)或者處于危機(jī)時(shí)，你的大腦便會(huì)像受過(guò)訓(xùn)練一樣，幫助你快速?zèng)Q策或走出困境。

本文講述《設(shè)計(jì)的行動(dòng)思維》，它是一種優(yōu)秀的思維方式，我用這樣的思維方式來(lái)指導(dǎo)我的設(shè)計(jì)行動(dòng)；我以微信、淘寶、星巴克設(shè)計(jì)案例為你演示，幫助你更好地了解這一理論；它可以運(yùn)用在你的設(shè)計(jì)執(zhí)行和設(shè)計(jì)管理中，亦可以運(yùn)用于你所在的任何領(lǐng)域。





觀察
Observation


你需要反復(fù)觀察事物和自己認(rèn)知之間的差異，這些差異往往存在在細(xì)小的事物中，不被察覺(jué)，需要不斷磨練我們的心智，讓大腦保持時(shí)刻鍛煉。

你會(huì)發(fā)現(xiàn)，你會(huì)觀察到常人無(wú)法觀察到的一切，它是事物本身，或者一種現(xiàn)象，或是一處極為細(xì)小的變化，讓你的大腦時(shí)刻接受這樣的訓(xùn)練，不止是你熟悉的事物或是領(lǐng)域，你將會(huì)觸類旁通。

我們每天都在頻繁地操作淘寶、微信，你會(huì)發(fā)現(xiàn)品牌顏色的變化嗎？當(dāng)事物的變化和認(rèn)知之間形成差異，大腦就會(huì)自動(dòng)做出判斷，并觀察到這一細(xì)微的差異，這是我們不斷觀察和訓(xùn)練大腦所帶來(lái)的結(jié)果，我把這種行為稱為 ‘大腦的高度警覺(jué)’。這樣的警覺(jué)，并不是刻意獲取，而是大腦主動(dòng)傳遞的。


CASE 1 /  TAOBAO


undefined


這是Taobao APP 商詳購(gòu)買頁(yè)面底部Button。一般情況下，品牌刷新或VI色調(diào)整，都會(huì)體現(xiàn)在界面的核心功能區(qū)域，例如Button或者Icon上。從‘立即購(gòu)買’Button的色彩變化，便可以判斷Taobao經(jīng)歷了3次重要的VI色調(diào)整。


下面顏色是我記憶里的淘寶VI色（大致色值），淘寶VI色的調(diào)整也是相應(yīng)了互聯(lián)網(wǎng)設(shè)計(jì)的主流色彩表現(xiàn)趨勢(shì)：


undefined





CASE 2 /  WeChat


undefined



這是微信公眾號(hào)后臺(tái)寫(xiě)作界面底部區(qū)域的三個(gè)Button。和Taobao的case一致，核心區(qū)域的VI設(shè)計(jì)都會(huì)同步更新。我在撰寫(xiě)文章的時(shí)候高頻操作的是‘保存’Button，自然就察覺(jué)到了色彩的變化。


undefined



大腦受訓(xùn)練的程度決定觀察結(jié)果的細(xì)微程度。對(duì)顏色的判斷能力，我稱這種能力為 ‘色彩認(rèn)知’。

又例如公眾號(hào)默認(rèn)文章字體顏色并不是純黑色，而是深灰色（#333）。因?yàn)樯罨疑奈淖衷诎咨尘吧祥喿x起來(lái)眼部更為舒適。當(dāng)我第一次書(shū)寫(xiě)文章的時(shí)候，就發(fā)現(xiàn)默認(rèn)字體的顏色正是我所需要的。



undefined



CASE 3 /  Starbucks

‘色彩認(rèn)知’由我們不斷觀察的結(jié)果累積而來(lái)。就像您無(wú)需動(dòng)手設(shè)計(jì)，‘色彩認(rèn)知’便會(huì)告訴你墨綠色界面搭配金色作為輔色，能給界面帶來(lái)尊貴的氣質(zhì)，這樣的設(shè)計(jì)會(huì)讓星巴克顯得更為高貴。



undefined

[ 星巴克官網(wǎng)首屏截圖 ]


常人看到這樣的界面并不會(huì)有任何意見(jiàn)。用‘色彩認(rèn)知’來(lái)講講我的觀察。星巴克的主色是墨綠色，在官網(wǎng)大面積使用，則帶來(lái)‘視覺(jué)壓抑’的感覺(jué)，我想通過(guò)簡(jiǎn)單地改變，來(lái)提升星巴克的品牌氣質(zhì)。


我用Photoshop吸管工具從官網(wǎng)首頁(yè)上的一張照片中提取顏色：香檳色（Champagne），這樣的顏色在墨綠色底色上有較好的辨識(shí)度和品質(zhì)感，適用于標(biāo)題性文字顏色。


undefined

[ 從照片中提取顏色 ]


在前期的訓(xùn)練中，也可將圖片馬賽克，這會(huì)輔助我們挑選顏色，當(dāng)你足夠熟練后，即可直接用吸管在照片上選擇更豐富的色彩。


undefined

[ 從馬賽克照片中提取顏色 ]


香檳灰（Champagne gray），可用作常規(guī)閱讀段落文字顏色，在墨綠色上面會(huì)顯得柔和、舒適。


我重新設(shè)計(jì)了首頁(yè)的文字與版式：


undefined

undefined

[ 優(yōu)化后的效果 ]


下面是之前的效果。對(duì)比看看：


undefinedundefined

[ 官網(wǎng)截圖 ]


這是最簡(jiǎn)單的用戶感官上的提升。而更重要的是‘用戶心理’上的提升，這將在用戶閱讀文字內(nèi)容時(shí)發(fā)生。我們先看看文字內(nèi)容（翻譯如下）：


標(biāo)題 | 事情在變，但我們?nèi)匀辉谶@里為您服務(wù)。


正文 | 我們已暫時(shí)關(guān)閉店內(nèi)咖啡廳，但部分雜貨店和直通車位仍然開(kāi)放。某些市場(chǎng)還提供星巴克提供的Uber Eats服務(wù)。請(qǐng)?jiān)L問(wèn)我們的商店查找器以獲取的商店?duì)I業(yè)時(shí)間和營(yíng)業(yè)地點(diǎn)。


按鈕 | 尋找門店


這段文字是星巴克官方在疫情期間所寫(xiě)，并不是一段激動(dòng)人心的品牌宣傳文案，所以我們?cè)谠O(shè)計(jì)的時(shí)候應(yīng)使用常規(guī)的文字顏色，為避免白色在墨綠色下帶來(lái)的刺眼，我選擇白灰色（#e3e3e3）的字體顏色。標(biāo)題想表達(dá)的潛意識(shí)文字是：‘雖然我們碰到了困難，但是我們依然堅(jiān)持為您服務(wù)’。我改為香檳色，來(lái)體現(xiàn)星巴克積極的態(tài)度與服務(wù)的品質(zhì)，會(huì)顯得更有力度。


在頁(yè)面中使用這樣的顏色，同樣可以提升設(shè)計(jì)的活躍度，為品牌帶來(lái)更好的品質(zhì)。例如，將顏色應(yīng)用到星巴克官網(wǎng)中小圖標(biāo)設(shè)計(jì)和文字上面，來(lái)提升品質(zhì)感與活躍度：


undefined

[ 優(yōu)化后的設(shè)計(jì) ]


undefined

[ 官網(wǎng)截圖 ]



超乎常人的細(xì)微觀察意味著敏銳的市場(chǎng)嗅覺(jué)，意味著更前瞻性的設(shè)計(jì)思維，為身處品品牌的設(shè)計(jì)師帶來(lái)巨大的商業(yè)價(jià)值和用戶共鳴。



定向
Orientation


當(dāng)我們觀察事物的時(shí)候，旁人和你一樣，也在觀察你所觀察的事物，同是一件設(shè)計(jì)作品，在于你是否能更快速地發(fā)現(xiàn)觀察對(duì)象的弱點(diǎn)，這些弱點(diǎn)就隱藏在事物之中，往往和某一處細(xì)節(jié)有所關(guān)聯(lián)。

找到弱點(diǎn)，利于我們定向事物的問(wèn)題，從而幫助我們快速找到解決方案；快速地觀察并發(fā)現(xiàn)事物的弱點(diǎn)，取決于大腦前期觀察訓(xùn)練的累積。

當(dāng)身處緊張、有限的時(shí)間，我們無(wú)法獲得更多的思考與驗(yàn)證，則需要我們?cè)谶@之前做出更多的觀察訓(xùn)練。訓(xùn)練越多，你的大腦則能更快速地發(fā)現(xiàn)事物的弱點(diǎn)，便于你更好地定向問(wèn)題。



決策
Decision


正確的決策依賴于你對(duì)問(wèn)題的定向。有效地判斷事物的弱點(diǎn)，則能更準(zhǔn)確地做出決策。我相信認(rèn)知與觀察都是可以訓(xùn)練的，在我們的日常生活中，顏色的排列與組合，在我們眼前頻繁地出現(xiàn)，我們可以從任意的事物中來(lái)觀察，將觀察與獲取結(jié)合在一起，并付諸于你的行動(dòng)。


undefined



就像我們生活中所觀察到的水果的顏色，你可以從中獲取到這些色彩搭配，并將它們存儲(chǔ)在你的記憶中。當(dāng)設(shè)計(jì)中需要表現(xiàn)活力、清爽的設(shè)計(jì)元素時(shí)，你自然會(huì)想到這些綠色和黃色的搭配。



行動(dòng)
Action


行動(dòng)之前，無(wú)需刻意地去完成流程化（觀察、定向、決策）的過(guò)程，大腦的速度與行動(dòng)指令在一瞬間完成，這依賴于大腦在這之前的觀察訓(xùn)練。當(dāng)你看到事物，大腦便會(huì)條件性地做出反應(yīng)并支配你的行動(dòng)，你可以理解為‘條件反射’，這極大程度依賴于我們前期的大腦訓(xùn)練與積累。


undefined



‘ OODA’ 是職業(yè)軍人：博伊德創(chuàng)立的戰(zhàn)略理念，這一理念對(duì)美國(guó)以及西方企業(yè)界和管理學(xué)界有著巨大的影響。 《設(shè)計(jì)的行動(dòng)思維》是我在‘OODA’的基礎(chǔ)上加以我的理解，并將它轉(zhuǎn)化為設(shè)計(jì)的新思維，我稱它為‘設(shè)計(jì)的行動(dòng)思維’，并將它運(yùn)用在我的設(shè)計(jì)執(zhí)行與管理中。

觀察、定向、決策、行動(dòng)，最重要的是‘觀察’。觀察是一個(gè)日積月累的過(guò)程，并非一日之功。在我的設(shè)計(jì)工作中，我能快速地發(fā)現(xiàn)產(chǎn)品問(wèn)題并提供解決方案，這來(lái)自于我對(duì)觀察的日積月累與學(xué)習(xí)，使我能快速定向問(wèn)題，作出決策，并付諸于我的行動(dòng)。在行動(dòng)中，我會(huì)再次循環(huán)，直至不會(huì)出現(xiàn)任何的設(shè)計(jì)問(wèn)題。

福布斯、哈佛商業(yè)評(píng)論都介紹過(guò)博伊德的戰(zhàn)略理念，數(shù)十本專業(yè)管理著作都提到過(guò)他。美國(guó)管理學(xué)界對(duì)海軍陸戰(zhàn)隊(duì)產(chǎn)生了深厚的興趣，向商業(yè)企業(yè)界大力推薦‘海軍陸戰(zhàn)隊(duì)方式’，而這個(gè)方式的靈魂就是‘OODA’，這是博伊德作戰(zhàn)思想的結(jié)晶。

對(duì)我來(lái)說(shuō)，OODA是一種行動(dòng)思維，它可以改變您在設(shè)計(jì)工作中的思維方式?？梢赃\(yùn)用在您的設(shè)計(jì)執(zhí)行和管理中，乃至您所在的任何領(lǐng)域、包括您所擔(dān)任的任何角色。

文章來(lái)源：優(yōu)設(shè)    作者：Riixiong 


藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至：

日歷

鏈接

個(gè)人資料

存檔