摘要：在此次大會(huì)中，全面闡釋了極簡(jiǎn)產(chǎn)品背后蘊(yùn)涵極深的技術(shù)，首次系統(tǒng)表達(dá)了自己的產(chǎn)品理念，而大會(huì)主視覺(jué)也始終緊貼著這一理念進(jìn)行設(shè)計(jì)。視覺(jué)方向的探索本次大會(huì)最初的關(guān)鍵詞是簡(jiǎn)和深，我們首先要做的是根據(jù)大會(huì)的主題關(guān)鍵詞，來(lái)提取出能表述大致畫(huà)面的視覺(jué)方向。

2018年11月25日，UCloud用戶(hù)大會(huì)暨Think in Cloud 2018在上海如期召開(kāi)。在此次大會(huì)中，UCloud全面闡釋了極簡(jiǎn)產(chǎn)品背后蘊(yùn)涵極深的技術(shù)，首次系統(tǒng)表達(dá)了自己的產(chǎn)品理念，而大會(huì)主視覺(jué)也始終緊貼著這一理念進(jìn)行設(shè)計(jì)。本文將具體介紹我們的設(shè)計(jì)思路和主要過(guò)程。

關(guān)于設(shè)計(jì)原則：知覺(jué)律與格式塔原理

1910年，心理學(xué)家Max Wertheimer在鐵道口觀察時(shí)發(fā)現(xiàn)一系列燈光的閃動(dòng)，這樣的現(xiàn)象看起來(lái)就好像是同一束光在燈泡之間移動(dòng)，但是事實(shí)卻是只是一系列燈光按照順序開(kāi)關(guān)而呈現(xiàn)出的效果。這樣的現(xiàn)象稱(chēng)為「擬動(dòng)現(xiàn)象」，在擬動(dòng)現(xiàn)象中，格式塔心理學(xué)家察覺(jué)并發(fā)現(xiàn)了一種人類(lèi)認(rèn)知和識(shí)別外部信息的模式，這種模式也稱(chēng)為「簡(jiǎn)潔法則」（Law of Pr?gnanz）。

這個(gè)法則是所有格式塔設(shè)計(jì)原理的基石和綱領(lǐng)，也是Max Wertheimer知覺(jué)律中的基礎(chǔ)原則之一。

研究表明，我們的大腦更加善于優(yōu)先識(shí)別物體或畫(huà)面的輪廓并具像化，善于將不熟悉的、抽象的內(nèi)容進(jìn)行處理并排列組合，變成自己所熟悉的、具象的畫(huà)面，這會(huì)大大的減輕我們大腦的負(fù)荷。

TIC主視覺(jué)冰山的畫(huà)面也正是運(yùn)用這樣本能的處理信息的模式，就好像當(dāng)我們放大畫(huà)面仔細(xì)的看，它是一條條線(xiàn)的連續(xù)堆疊，但是當(dāng)我們把線(xiàn)條組成某種形狀，其畫(huà)面的意義也就能夠隨之體現(xiàn)。

視覺(jué)方向的探索

本次大會(huì)最初的關(guān)鍵詞是「簡(jiǎn)」和「深」，我們首先要做的是根據(jù)大會(huì)的主題關(guān)鍵詞，來(lái)提取出能表述大致畫(huà)面的視覺(jué)方向。

「簡(jiǎn)」代表的是簡(jiǎn)單，易用易懂，輕量化的產(chǎn)品，是用戶(hù)能在表層直接看到的東西；「深」代表的是需要挖掘，在簡(jiǎn)單的背后其實(shí)蘊(yùn)含著復(fù)雜的邏輯，以及無(wú)數(shù)的運(yùn)維和開(kāi)發(fā)人員所做出的努力。

在確定了合適的主題關(guān)鍵詞和其中的含義之后，我們進(jìn)行了一次頭腦風(fēng)暴。頭腦風(fēng)暴是個(gè)能夠在短時(shí)間內(nèi)產(chǎn)生大量想法的方式，圍繞「簡(jiǎn)」和「深」的主題進(jìn)行思維發(fā)散，并想出盡可能多的主視覺(jué)方案。

在獲得大量靈感之后，我們總結(jié)出了這樣5個(gè)視覺(jué)方向：

1、幾何圖形

幾何圖形主要在于拼接聯(lián)合，用一些很細(xì)小、基礎(chǔ)的元素來(lái)構(gòu)成一個(gè)完整的畫(huà)面，寓意表面上看上去很簡(jiǎn)單的東西是由無(wú)數(shù)復(fù)雜的「小元件」來(lái)支撐的。

例如下圖中，畫(huà)面用點(diǎn)線(xiàn)構(gòu)成一幅完整的畫(huà)面：

2、視角

視角的寓意在于，在不同的角度所呈現(xiàn)的畫(huà)面不同，例如從一個(gè)角度來(lái)看，畫(huà)面簡(jiǎn)單；而從另一個(gè)角度，畫(huà)面則比較復(fù)雜。最后主視覺(jué)所呈現(xiàn)的方式可能更會(huì)趨于裝置的一種形式，缺點(diǎn)是可能成本會(huì)比較高，并且不利于延展：

3、光

光與視角近似，由于光的折射，原本普通的白光會(huì)變得色彩豐富，而白光就表達(dá)「簡(jiǎn)」，通過(guò)折射變成的彩虹則表達(dá)著「深」。

4、符號(hào)

使用最基本最簡(jiǎn)單的圖形符號(hào)來(lái)進(jìn)行設(shè)計(jì)，并通過(guò)多種的排列組合來(lái)演繹復(fù)雜的內(nèi)容，在整體的畫(huà)面上剔除繁雜，靠強(qiáng)化每個(gè)元素的不同來(lái)深化記憶。

5、冰山

而冰山的畫(huà)面則比較具像化，水面上浮著能被看到的體積很小，實(shí)則水下的體積很大，能夠比較貼切的表達(dá)出本次大會(huì)的關(guān)鍵詞「簡(jiǎn)」和「深」，并且畫(huà)面的可發(fā)散性較高，比較適合作為一個(gè)多帶帶的畫(huà)面或是組合出現(xiàn)。

設(shè)計(jì)作品的好壞很大程度上取決于它的實(shí)用性和延展性，通過(guò)對(duì)不同側(cè)重點(diǎn)在實(shí)用性和延展性上的理解和推敲，我們發(fā)現(xiàn)像視角以及光這樣的視覺(jué)方向其實(shí)很難真正的實(shí)現(xiàn)在平面作品上：一是時(shí)間及成本不允許我們這么做，二是在一些裝置的設(shè)計(jì)上缺乏一定的專(zhuān)業(yè)知識(shí)；

而在幾何圖形嘗試性的創(chuàng)作中，我們又發(fā)現(xiàn)使用幾何圖形所能夠表達(dá)的含義較為抽象，用戶(hù)很可能無(wú)法理解畫(huà)面所要表達(dá)的深層含義。

最終，在經(jīng)過(guò)不斷的推敲和討論之后，我們決定側(cè)重于冰山和符號(hào)這兩個(gè)方向來(lái)進(jìn)行設(shè)計(jì)。

設(shè)計(jì)過(guò)程

視覺(jué)的方向確定之后，便要著手進(jìn)行實(shí)際的設(shè)計(jì)工作。在設(shè)計(jì)主視覺(jué)時(shí)，既要融入U(xiǎn)Cloud品牌元素，也同時(shí)要反映大會(huì)的主旨：

設(shè)計(jì)方案一（符號(hào)）

作為首個(gè)嘗試的方案，最開(kāi)始考慮的是從品牌設(shè)計(jì)的角度出發(fā)，將 TIC做成字標(biāo)；考慮到其延展性，因此結(jié)合符號(hào)「：」并緊跟相關(guān)聯(lián)的文字內(nèi)容；中間的「+」與文字形成正負(fù)形，體現(xiàn)了「不止是TIC，還有更多內(nèi)容」的主旨。此外，我們還為此制作了一段演示動(dòng)效。

設(shè)計(jì)方案二（符號(hào)）

以擁有更多可能的加號(hào)做為設(shè)計(jì)主體，輔以向外擴(kuò)展延伸的線(xiàn)條，線(xiàn)面構(gòu)成強(qiáng)烈的視覺(jué)沖擊力，由此來(lái)表現(xiàn)大會(huì)主旨。

設(shè)計(jì)方案三（符號(hào)）

在設(shè)計(jì)的過(guò)程中，我們發(fā)現(xiàn)了多種能夠表現(xiàn)冰山的形式，比如使用簡(jiǎn)潔易懂的圖形符號(hào)與冰山相結(jié)合，簡(jiǎn)潔的符號(hào)能夠擺列組合并產(chǎn)生新的不同的符號(hào)，并可以運(yùn)用于大會(huì)中的導(dǎo)視設(shè)計(jì)。

設(shè)計(jì)方案四（冰山）

第四個(gè)方案是以冰山作為主體，簡(jiǎn)化了冰山一角的造型并做成了圖形標(biāo)的形式：

在后期方案的不斷推演和翻新中，注意到了點(diǎn)線(xiàn)是一個(gè)可以較容易運(yùn)用的元素，它的優(yōu)點(diǎn)是具有比較強(qiáng)的延展性，比如可以作為一種動(dòng)態(tài)的logo演示和組成一些背景元素。于是利用點(diǎn)和線(xiàn)對(duì)冰山進(jìn)行了簡(jiǎn)化：

設(shè)計(jì)方案五（冰山）

在通過(guò)視覺(jué)形象表現(xiàn)之余，我們也嘗試?yán)闷渌绞奖磉_(dá)冰山的含義。比如利用冰與水的密度差異，用數(shù)字來(lái)表現(xiàn)：

最終方向確定

在進(jìn)行了2輪提案之后，方案逐步偏向更為直白易懂的冰山。同時(shí)大會(huì)要求在「簡(jiǎn)」與「深」之余，還需要表達(dá)「真」的理念。于是在后續(xù)方案中，我們逐漸將聲波融入設(shè)計(jì)，通過(guò)被記錄的聲音來(lái)表現(xiàn)「真」，也和大會(huì)的講演形式呼應(yīng)。

在起初對(duì)于「聲波」這樣的視覺(jué)元素的構(gòu)思中，較為常見(jiàn)的手法是運(yùn)用對(duì)比的形式形成畫(huà)面，例如色彩上的對(duì)比。但實(shí)際試驗(yàn)下來(lái)發(fā)現(xiàn)，運(yùn)用色彩和塊面的對(duì)比并不能很好的表現(xiàn)像「聲波」這樣的視覺(jué)元素。

這時(shí)候想到，既然畫(huà)面中要更像聲波，那么不如直接使用更像波紋的線(xiàn)條來(lái)表現(xiàn)，于是做了以下的嘗試：

對(duì)于上述候選的三個(gè)主視覺(jué)方案，我們進(jìn)行了進(jìn)一步的攔訪(fǎng)驗(yàn)證，結(jié)果感覺(jué)選項(xiàng)一雖然視覺(jué)沖擊力較強(qiáng)，但由于的整體色調(diào)偏重加上缺少亮點(diǎn)，導(dǎo)致了整體畫(huà)面比較缺少視覺(jué)著落點(diǎn)；而選項(xiàng)二由于畫(huà)面簡(jiǎn)單，雖然有「山」的元素，并不能完美體現(xiàn)冰山一角的寓意。所以選項(xiàng)三勝出。

經(jīng)過(guò)了一次次畫(huà)面的推翻重演和綜合考量之下，我們最終選擇了最后以深色底為主的主視覺(jué)畫(huà)面，主體為聲波構(gòu)成的冰山，紅點(diǎn)表現(xiàn)「錄制」。點(diǎn)線(xiàn)構(gòu)成的聲波可以組成許多元素，有利于后期延展，比較完整和簡(jiǎn)潔地表現(xiàn)了“簡(jiǎn)、深、真”的產(chǎn)品理念和大會(huì)主旨。最終的方案整理如下：

輔助設(shè)計(jì)和延展

在確定了主視覺(jué)畫(huà)面及調(diào)性之后，我們梳理了相關(guān)的視覺(jué)運(yùn)用，例如色彩的設(shè)定，輔助圖形的設(shè)計(jì)，以及常用的相關(guān)延展如聲波的延展運(yùn)用、海報(bào)、物料用于展示。

色彩設(shè)定與占比

TIC主視覺(jué)運(yùn)用了藍(lán)黑的主色調(diào)，并為了保持畫(huà)面的亮點(diǎn)，選用了紅色作為點(diǎn)綴顏色，直觀體現(xiàn)「錄制」這一表現(xiàn)點(diǎn)。此外，我們還進(jìn)行了相關(guān)輔助色的設(shè)定，適用于不同的場(chǎng)景。

聲波的相關(guān)延展

線(xiàn)條的構(gòu)成可以使得畫(huà)面具有一定的延展性，通過(guò)改變線(xiàn)條的形狀能夠組成相應(yīng)不同的畫(huà)面，由此可用于表現(xiàn)不同的主體和內(nèi)容。通過(guò)不同的長(zhǎng)度的變化，及不同層次的疊加，可用于不同的物料（海報(bào)、邀請(qǐng)函、展板等）。

輔助圖形

為了契合更多的運(yùn)用場(chǎng)景，輔助圖形的設(shè)計(jì)就顯得尤為重要。為了讓用戶(hù)能夠加深對(duì)聲波的記憶點(diǎn)，我們?yōu)榇嗽O(shè)定了以聲波線(xiàn)條為主的輔助圖形。

由于是應(yīng)用于會(huì)議的主視覺(jué)，考慮到可能會(huì)使用表現(xiàn)形式以數(shù)字為主的海報(bào)，例如倒計(jì)時(shí)等，基于這一點(diǎn)設(shè)計(jì)并制作了相應(yīng)的延展海報(bào)：

除此之外，考慮到主視覺(jué)還會(huì)有其他的物料延展，例如包裝禮品等，為此我們還制作了應(yīng)用于禮品的物料延展：

在平時(shí)的設(shè)計(jì)過(guò)程中，我們經(jīng)常會(huì)遇到因?yàn)橹黧w想要表現(xiàn)的視覺(jué)元素越多，導(dǎo)致實(shí)際的應(yīng)用畫(huà)面過(guò)于雜亂、畫(huà)面效果不夠好的問(wèn)題。而TIC主視覺(jué)的畫(huà)面就很好的避免了這一點(diǎn)，它的主體內(nèi)容十分簡(jiǎn)單，也就更加容易讓畫(huà)面表現(xiàn)的更加簡(jiǎn)潔，更容易凸顯主體，也為后期的延展打下了很好的基石。

其它曾嘗試的方案

除了主要方案之外，用戶(hù)體驗(yàn)中心的小伙伴還進(jìn)行了諸多其他方向的嘗試：

在對(duì)TIC主視覺(jué)探索的過(guò)程中，前進(jìn)的越多，失敗的嘗試也會(huì)越多。然而這樣的提案一次次的被否并不是一件壞事，怕的是失敗過(guò)后并沒(méi)有積極的應(yīng)對(duì)并吸取教訓(xùn)，所以關(guān)鍵是要總結(jié)這些經(jīng)驗(yàn)，以后才能夠做的更好。

項(xiàng)目小結(jié)

回顧整個(gè)過(guò)程，總結(jié)出了幾個(gè)有價(jià)值的地方：

會(huì)議的主 KV 設(shè)計(jì)要考慮畫(huà)面的可延展度，僅僅由圖片背景或包含效果過(guò)多的元素拼湊而成的畫(huà)面很難進(jìn)行延展。

每次需求的背后，都隱藏一系列的問(wèn)題等待著我們?nèi)ネ诰蚝褪崂?，最后由一步步推演出一個(gè)最終的結(jié)果。所以說(shuō)，過(guò)程產(chǎn)物對(duì)于最終的設(shè)計(jì)交付物也是非常重要的依據(jù)。

在方案產(chǎn)出的過(guò)程中，如果沒(méi)有明確的共識(shí)或者主題不明確往往會(huì)造成設(shè)計(jì)師們不斷的重復(fù)設(shè)計(jì)，所以如何效率的最大化是一個(gè)值得考慮的問(wèn)題。

正如這次主KV制作，「簡(jiǎn)」、「深」兩個(gè)關(guān)鍵詞最終交集是「冰山一角」和「聲波」，這是不斷的推敲和演變最終才能得出來(lái)的設(shè)計(jì)方向。這也說(shuō)明了一些初步得出的結(jié)論，往往會(huì)在實(shí)際的設(shè)計(jì)過(guò)程中與目標(biāo)產(chǎn)生一定的偏離。因此，既要嚴(yán)謹(jǐn)思考，又要大膽想象，才能夠獲得更好的設(shè)計(jì)結(jié)果。

基于去年TIC大會(huì)的主視覺(jué)的創(chuàng)作經(jīng)驗(yàn)，延續(xù)之前的理念，在即將到來(lái)的TIC 2019中，我們對(duì)主視覺(jué)進(jìn)行了品牌的升級(jí)：

主視覺(jué)能夠表達(dá)產(chǎn)品的內(nèi)涵，同時(shí)也能建立產(chǎn)品與用戶(hù)之間的關(guān)系。而設(shè)計(jì)師的職責(zé)便是翻譯、結(jié)合、轉(zhuǎn)化的過(guò)程。因此，對(duì)于設(shè)計(jì)目標(biāo)的認(rèn)知和理解就顯得尤為重要。

在今年的主視覺(jué)中，我們需要延續(xù)冰山的形態(tài)以及內(nèi)含，同時(shí)也要將主畫(huà)面結(jié)合今年的大會(huì)主題，并賦予新的意義，體現(xiàn)更有實(shí)力的公司形象。

因此，我們將「三維化」作為本次TIC大會(huì)主視覺(jué)的基礎(chǔ)，通過(guò)畫(huà)面從二維到三維的轉(zhuǎn)變體現(xiàn)品牌的一種升級(jí)，表達(dá)了突破維度的邊際的含義。

TIC 2019報(bào)名已開(kāi)啟，掃描下方二維碼或點(diǎn)擊閱讀原文，期待您的參與。