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

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

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

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

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

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

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

視覺方向的探索

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

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

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

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

1、幾何圖形

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

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

2、視角

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

3、光

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

4、符號

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

5、冰山

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

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

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

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

設(shè)計過程

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

設(shè)計方案一（符號）

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

設(shè)計方案二（符號）

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

設(shè)計方案三（符號）

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

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

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

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

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

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

最終方向確定

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

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

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

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

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

輔助設(shè)計和延展

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

色彩設(shè)定與占比

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

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

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

輔助圖形

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

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

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

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

其它曾嘗試的方案

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

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

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

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

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

每次需求的背后，都隱藏一系列的問題等待著我們?nèi)ネ诰蚝褪崂恚詈笥梢徊讲酵蒲莩鲆粋€最終的結(jié)果。所以說，過程產(chǎn)物對于最終的設(shè)計交付物也是非常重要的依據(jù)。

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

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

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

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

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

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

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