本期大咖：

劉冰，華為?UCD?中心體驗(yàn)設(shè)計(jì)總監(jiān)

畢業(yè)于清華大學(xué)美術(shù)學(xué)院的視覺傳達(dá)專業(yè)，曾就職人民搜索首席設(shè)計(jì)師、當(dāng)當(dāng)網(wǎng)大 UED 總監(jiān)，目前帶領(lǐng)華為云設(shè)計(jì)語言創(chuàng)新團(tuán)隊(duì)，致力于為華為全球用戶提供更好的統(tǒng)一云服務(wù)產(chǎn)品體驗(yàn)和品牌視覺感知。

設(shè)計(jì)的表現(xiàn)變化萬千，而設(shè)計(jì)的方法萬變不離其宗。

本期【藍(lán)湖大咖訪談】有幸邀請到畢業(yè)于清華大學(xué)美術(shù)學(xué)院，現(xiàn)服務(wù)于華為 UCD 中心的劉冰老師，帶領(lǐng)我們一起，溯源體驗(yàn)設(shè)計(jì)中的感官表達(dá)，從傳統(tǒng) Graphic design（視覺傳達(dá)設(shè)計(jì)）?看體驗(yàn)設(shè)計(jì)，如何繼承和引發(fā)創(chuàng)新。

設(shè)計(jì)載體的變化

進(jìn)入移動互聯(lián)網(wǎng)時(shí)代，新媒介的爆發(fā)引起了傳播方式的革新。

???改變的部分，最重要的是信息的傳播速度和密度呈指數(shù)級變化。

?2003 年前后大家還需要報(bào)紙、電視、雜志這種傳統(tǒng)媒體來獲取信息。而今，這些信息獲取方式已距離我們很遠(yuǎn)，取而代之的是各種尺寸的屏幕。

??一方面，傳播介質(zhì)的物理屬性發(fā)生變化。

2003 年在地鐵上看任何一種報(bào)紙，不需要考慮 Dark 和 Light 的適配場景，過隧道突然黑一下，想看清報(bào)紙需要去找亮著的"燈"。但屏幕就不然，對比度、亮度均可調(diào)節(jié)。由此，設(shè)計(jì)時(shí)需要考慮不同照度的場景下，閱讀的舒適度和信息的密度。報(bào)紙是按照固定的版式規(guī)則來編輯排版，而設(shè)備可以通過技術(shù)在一定限度中隨意調(diào)節(jié)。這是大家都可以真實(shí)感知的變化。?

??另一方面，信息密度也發(fā)生變化。

早期，電子書的廣告聲稱要消滅紙質(zhì)書，一個(gè)設(shè)備可以裝下幾萬本書。這種對傳統(tǒng)媒體范弗里特式的碾壓著實(shí)讓人心潮澎湃。時(shí)過境遷，二者和平共存到今天，新技術(shù)和傳統(tǒng)紙書分別再次找到存在的價(jià)值。這也引發(fā)我個(gè)人長期以來思考的問題：傳統(tǒng)的平面設(shè)計(jì)知識部分如何在新的媒介和風(fēng)潮下煥發(fā)新的生命活力。

???不變的部分，也是大家慢慢忽略的，對于新環(huán)境下“版式”的理解。

傳統(tǒng)平面設(shè)計(jì)中的版式規(guī)則（這里特指柵格系統(tǒng)的出現(xiàn)），源于法國君王對當(dāng)時(shí)信息傳播條件下閱讀品質(zhì)的追求，相對固定嚴(yán)格和可操作，因?yàn)榭捎玫募垙埑叽缬邢蕖?/p>

當(dāng)下，雖然有各種屏幕，但用戶體驗(yàn)的核心?——?人，是沒有變化的。人眼本身的生理結(jié)構(gòu)沒有變化，大腦處理信息的方式也沒有變化。這就要求設(shè)計(jì)師把傳統(tǒng)的版式，比如：平面設(shè)計(jì)中，雜志的排版一個(gè)欄位要求一行 38－45 個(gè)字符，還有空間的控制，中文西文字號、行距、頁面里天地留白，所有裝訂騎縫等細(xì)節(jié)的思考，彈性靈活地運(yùn)用在不同尺寸屏幕的設(shè)計(jì)中。

這些不變的部分需要設(shè)計(jì)師來仔細(xì)的研究和應(yīng)用。比如，我們在面對一個(gè)電商產(chǎn)品頁面的設(shè)計(jì)，在詳情介紹部分就需要考慮到，這些信息的層級是什么。就空間和留白的問題，很多設(shè)計(jì)師過于看重物理對齊，而忽略了空間和看不見的留白對齊。建議網(wǎng)頁設(shè)計(jì)師們多了解平面設(shè)計(jì)的柵格系統(tǒng)。?

設(shè)計(jì)方法的傳承

現(xiàn)在的清華大學(xué)美術(shù)學(xué)院，前身是中央工藝美術(shù)學(xué)院，隸屬于前輕工業(yè)部，1999?年并入清華大學(xué)。老工藝美院有很多當(dāng)時(shí)設(shè)計(jì)藝術(shù)界的大師：張仃先生、陳漢民先生，國內(nèi)很多公共建筑壁畫、雕塑、企業(yè)銀行標(biāo)志大都出自工藝美院的老先生之手。

我們恰好是第一代合并的學(xué)生，當(dāng)時(shí)上課還按照舊的工藝美院的設(shè)計(jì)課程在學(xué)習(xí)。要求學(xué)生有扎實(shí)的基本功，作品大多要求動手繪制或制作，比如黑白畫、超寫實(shí)、動畫、書籍裝幀。工藝美院傳統(tǒng)的平面設(shè)計(jì)大多用“手”配合工具和材料來實(shí)現(xiàn)，不論是插圖、字體、海報(bào)、動畫，這深刻影響到我從業(yè)后的設(shè)計(jì)習(xí)慣。

比如，2019 年初我們啟動了一個(gè)設(shè)計(jì)探索項(xiàng)目，我要求小組團(tuán)隊(duì)拋開電子設(shè)備來進(jìn)行快速的創(chuàng)意聚合、分解，不管是構(gòu)圖還是字體，都用手繪草圖來快速完成。在草圖基本成型之后才切換到生產(chǎn)力工具。越到后期，我們的手稿和 WEBdesign 頁面、APP 成稿的相似度越來越高，這就是一個(gè)設(shè)計(jì)師團(tuán)隊(duì)趨于成熟的過程。

我們團(tuán)隊(duì)的工作重心，是在探索 ToB 的線上服務(wù)和視覺表達(dá)的關(guān)系，也就是如何把具象的影像映射到業(yè)務(wù)中。

近年來，從矢量圖形到 C4D 的發(fā)展，其本質(zhì)是要讓用戶能看到圖形就聯(lián)想到業(yè)務(wù)的優(yōu)點(diǎn)、特點(diǎn)，加深用戶對虛擬服務(wù)業(yè)務(wù)的理解，從而產(chǎn)生共鳴。線上服務(wù)的虛擬特性就決定了設(shè)計(jì)要讓用戶得到暗示和引發(fā)聯(lián)想。我們的設(shè)計(jì)流程是大家所熟悉的：扎實(shí)做好前期市場分析，競品分析，用戶研究調(diào)查，DesignRush，驗(yàn)證，開發(fā)上線，數(shù)據(jù)反饋，持續(xù)改進(jìn)。

其中，需強(qiáng)調(diào)一點(diǎn)，要深入到商業(yè)流程中。

比如，我們做線上云服務(wù)，就要了解如何買賣、如何搭建開通服務(wù)、如何處理告警。業(yè)務(wù)方產(chǎn)品經(jīng)理曾提出一個(gè)問題：服務(wù)密鑰的存儲位置。由于設(shè)計(jì)師平時(shí)自己在用這項(xiàng)服務(wù)，所以很自然的討論到了存儲的位置和方法，對方扭轉(zhuǎn)了設(shè)計(jì)師只懂處理圖像的印象。如果設(shè)計(jì)師只是做 ICON、做交互，但不懂業(yè)務(wù)，那么最小的 ICON 也要反復(fù)幾次才能做好。所以，設(shè)計(jì)師要懂商業(yè)、懂業(yè)務(wù)。

體驗(yàn)與商業(yè)的平衡

好的體驗(yàn)應(yīng)該建立在現(xiàn)代化進(jìn)程中。在我個(gè)人看來，沒有好體驗(yàn)和壞體驗(yàn)，只有符合和不符合商業(yè)目標(biāo)的體驗(yàn)。能達(dá)到商業(yè)目標(biāo)的體驗(yàn)，就是優(yōu)秀的體驗(yàn)。

???從表象上看，用戶體驗(yàn)和商業(yè)目標(biāo)是矛盾的。比如，有些電商故意隱藏客服電話來降低成本，從客戶角度并不不符合用戶目標(biāo)，但是符合電商企業(yè)的商業(yè)目標(biāo).

???但從本質(zhì)上來看，做好用戶體驗(yàn)設(shè)計(jì)和實(shí)現(xiàn)商業(yè)目標(biāo)之間并不矛盾。好的商業(yè)目標(biāo)才能誕生好的用戶體驗(yàn)。比如，在不分級的手機(jī)游戲市場里，設(shè)計(jì)師有讓用戶沉迷，甚至不分年齡的充值而不去做任何限制的設(shè)計(jì)，這是不是好設(shè)計(jì)、好的體驗(yàn)?zāi)?？所以，用戶體驗(yàn)和商業(yè)目標(biāo)本質(zhì)上并不矛盾，而是設(shè)計(jì)師的能力需要有道德的約束。設(shè)計(jì)師應(yīng)該有不作惡的理念。

“把每一次的委托當(dāng)成代表作來設(shè)計(jì)?！边@句話對我影響很大。字面意義是拼了命也要做好當(dāng)前的設(shè)計(jì)工作，但我的理解是：盡力去綜合考慮當(dāng)時(shí)條件，甚至包括自己的健康條件，在限制極多（時(shí)間、資金、商業(yè)目標(biāo)、關(guān)鍵人喜好等）的條件下，盡力達(dá)成自己當(dāng)時(shí)所能認(rèn)知到的最好水平。

做好的關(guān)鍵就是：如何綜合考慮條件的限制來達(dá)成商業(yè)目標(biāo)。好的體驗(yàn)，先決條件并不在設(shè)計(jì)師，而在于商業(yè)模式本身是不是好的、能給人帶來愉悅的、有意義的。“產(chǎn)品體驗(yàn)設(shè)計(jì)”和“品牌視覺感知”。前者是產(chǎn)品細(xì)節(jié)用起來的感受，強(qiáng)調(diào)的是使用；后者是品牌看起來如何和口碑，強(qiáng)調(diào)的是感覺。比如看上去非常特別的 STARCK 設(shè)計(jì)的外星飛船榨汁機(jī)，Starck 自己都說不太好用。但是酷，抓眼球。所以，做得好這兩種感受無限接近，做得不好兩者無限互斥。

要做好品牌視覺感知，就要從下往上做。現(xiàn)在是產(chǎn)品推動品牌的時(shí)代。谷歌的品牌 logo 在 MD 設(shè)計(jì)語言推出以后才改變，這表明產(chǎn)品體驗(yàn)驅(qū)動品牌感知的時(shí)代已經(jīng)來臨。過去的品牌設(shè)計(jì)是自上而下的，策略優(yōu)先的設(shè)計(jì)活動，想得很美，實(shí)施起來往往非常艱難。因?yàn)樽陨隙碌脑O(shè)計(jì)活動，只有在早期商業(yè)活動中才能起到提升認(rèn)知的作用。當(dāng)下的設(shè)計(jì)同質(zhì)化嚴(yán)重，單一的品牌策略早已無法適應(yīng)當(dāng)下的競爭環(huán)境。以手機(jī)陣營為例，一眼看過去馬上分清恐怕很難，品牌辨識度很低。這就要求品牌要從下往上的，從體驗(yàn)中汲取大部分的表達(dá)策略。

構(gòu)建設(shè)計(jì)語言

設(shè)計(jì)語言是基于品牌的特質(zhì)和商業(yè)目標(biāo)來確定的表達(dá)范式。我認(rèn)為，設(shè)計(jì)語言有兩層含義。

???第一層含義，不存在設(shè)計(jì)團(tuán)隊(duì)構(gòu)建屬于自己的產(chǎn)品設(shè)計(jì)語言，而是設(shè)計(jì)團(tuán)隊(duì)根據(jù)目標(biāo)來打造設(shè)計(jì)語言，以此贏得未來的競爭優(yōu)勢。牢牢把握設(shè)計(jì)力這一新的競爭力。

???第二層含義，是可以提升效率的設(shè)計(jì)語言，我更愿意稱之為設(shè)計(jì)語言衍生出來的“規(guī)范”。我們的設(shè)計(jì)語言更偏向于第一種?；谄放频慕y(tǒng)一傳遞來做分析，進(jìn)而實(shí)現(xiàn)“虛擬互聯(lián)網(wǎng)服務(wù)的具象化表達(dá)”這一目標(biāo)，更多是在探索如何把虛擬的服務(wù)具象化。

以安全產(chǎn)品為例：

??我們通過語義分析和調(diào)研，將人們普世認(rèn)為安全的圖形圈定出來；

??再從中選取最有可能具象化的圖形來進(jìn)行二次加工和創(chuàng)作；

??再到最后上線，同時(shí)衍生相應(yīng)的規(guī)則。不管是在展示層還是表達(dá)層，都會有詳細(xì)的“規(guī)范”支撐后續(xù)的落地實(shí)現(xiàn)。上面講到兩個(gè)層面的設(shè)計(jì)語言：一個(gè)是品牌層面，一個(gè)是規(guī)范層面。前者的世界觀是延續(xù)品牌，拓展品牌在體驗(yàn)這個(gè)層面的世界觀；后者則是不必過分糾結(jié)規(guī)范的完整和所謂的規(guī)范性。在設(shè)計(jì)過程中，要適當(dāng)保留一部分生長的屬性，保留一部分彈性。避免矯枉過正。

提升核心競爭力

隨著人工智能、數(shù)字化、新基建等劃時(shí)代項(xiàng)目的推進(jìn)，為設(shè)計(jì)師展現(xiàn)了豐富的可能性，設(shè)計(jì)師要提升核心競爭力，從職業(yè)角度來看，有以下幾個(gè)建議。

? 第一，不要眼盯著項(xiàng)目的本身表達(dá)不放，要深入到商業(yè)里，看服務(wù)對象的商業(yè)訴求是什么，慢慢的就會發(fā)現(xiàn)，設(shè)計(jì)越走越寬。

??第二，設(shè)計(jì)師不要當(dāng)螺絲釘，釘在一個(gè)位置等別人來敲，要做個(gè) T 型人才。當(dāng)下的環(huán)境是更容易出跨界設(shè)計(jì)師的年代，傳統(tǒng)的交互視覺和編程可以合體，至少交互視覺可以，交互編程偏跨界。

??第三，多為別人考慮，要有同理心，不要想當(dāng)然。熱愛生活。當(dāng)你把這三條處理好，再來看技術(shù)潮流和 AI 的技術(shù)推進(jìn)，就會發(fā)現(xiàn)，挑戰(zhàn)變成了機(jī)遇。效率也是很多設(shè)計(jì)師關(guān)注的問題，我有一些方法分享給大家：

??第一，把干擾你的設(shè)備拿走，如隨時(shí)會響的電話，放到需要站起來才能拿到的位置。

??第二，用幾個(gè)番茄鐘來劃分大塊時(shí)間。

??第三，結(jié)合番茄鐘來設(shè)定靜默時(shí)間。

??第四，合適的時(shí)候喝咖啡。這個(gè)按個(gè)人需求，我的習(xí)慣是中午前喝咖啡。

??第五，控制開會時(shí)間，做好準(zhǔn)備，直奔主題。

??第六，有一群跟你一樣敏捷和高效的伙伴。藍(lán)湖對于提效有很大幫助，我們團(tuán)隊(duì)也在用，讓設(shè)計(jì)師的工作如絲般順暢運(yùn)行，可以放心存放設(shè)計(jì)資產(chǎn)。

本期【藍(lán)湖大咖訪談】就到這里。有傳承才會有創(chuàng)新，用戶體驗(yàn)設(shè)計(jì)的發(fā)展，離不開傳統(tǒng)視覺傳達(dá)知識累積的堅(jiān)實(shí)基礎(chǔ)，感謝劉冰老師深入淺出的分享。如果有問題想和大咖交流，歡迎在評論區(qū)留言，湖湖等你哦~

用藍(lán)湖，不加班！

藍(lán)湖網(wǎng)址：LanhuApp.com

藍(lán)湖，高效的產(chǎn)品設(shè)計(jì)協(xié)作平臺