1. 程式人生 > >揭祕!2018杭州雲棲大會主視覺誕生背後的故事

揭祕!2018杭州雲棲大會主視覺誕生背後的故事

夏天來了,萬物復甦,天空顯得格外的藍,每年到了這個時節,在中國的江南水鄉,總會有一群揹著雙肩包穿著格子襯衫的高智商生物,為了同一個目的千里迢迢從世界各地匯聚到一起。

3c7c09282f64fd9d921fdc4c983888312a86f7d2

如果說8年前的第一次開發者大會只是3000多名站長的大型聚會的話,那麼今天的雲棲大會,全球6個大洲81個國家及地區共十餘萬人次的狂歡,3萬平米的展區匯聚200多家全球企業,更有超過170場峰會和分論壇、雲棲音樂節、極客派、運動會……這個規模的體量,足以稱得上是中國的“西南偏南”。

18年雲棲大會走過了海內外9個城市,而作為其中的重頭戲,杭州雲棲大會更是包括了主論壇、分論壇、音樂節、極客派、運動會等等一系列活動,作為雲棲大會的KV,一方面要保持全年視覺的統一性,以便能讓受眾加深對大會形象的理解與記憶,同時又需要在每一個城市峰會、每一個不同活動版塊都有各自的共性而不至於千篇一律,如何在共性與個性中做到權衡,這是擺在面前的第二道難題。

137303b0214909d64ec25adfc1dca3407dfb9482

/抽絲剝繭現真身/

阿里雲從創立之初,就希望讓雲端計算能像水電煤一樣進入人們的生活。用數字驅動中國,用技術改變生活,希望新的大會形象不但能代表過去現在,更能代表未來。

什麼樣的圖形能夠去講清楚時間和空間的概念,在各種藝術、文化、科技、歷史等等中試圖尋找答案,當在霍金的《時間簡史》中看到“光錐”的概念時,所有人都眼前一亮——

光錐,時空中的面,在上面標出光通過一給定事件的可能方向。此空間內一系列沿時間軸方向(F)半徑漸增之圓堆積之錐即稱之為光錐(將來光錐)。 另一方面在時間軸相反方向(P)與之對稱之錐顯示了能夠對此事件發生產生作用的空間範圍,稱為此事件的過去光錐。

3954eec2623c7de9f8a5936b2c781046d0468d05

確定完光錐的基本框架圖形後,設計組也在進一步地探索光錐的各種延展表達。正如啟蒙運動的“啟蒙(Enlightenment)”一詞原意就是“照亮”,同時也希望雲棲大會本身,雲棲大會的設計也能承擔“啟蒙者”的角色,不止是在KV上,在平面上,而是在更多的媒介和場景能去傳達想講的故事。

c97225b8895085a2dcae450e2b765f76954d2b07

例如在大會的KV演繹視訊中,通過開端、衍生、意蘊、賦能、回溯五大部分,來闡釋“光與空間”、“原子世界”、“人文色彩”、“數字領域”、“光錐”五大故事,通過將光錐置入過去與未來,將光錐放進山川、湖泊、樓閣、數字世界等等一系列的場景,來表達光錐在不同時空的啟蒙意義。

95afe37950eb3fc960846fdca86ab79cd75bd349

不同城市峰會的設計如程式中的Input和Output,因此設定了一個KV延展規則,中間是光錐概念三維模型,通過輸入不同的色彩、點、線、面、體、材質等圖形元素,最終輸出成為不同峰會的KV延展。

57ed08b1b63fc2aa364bb5fbd1d5710df9ba8299

同時在各峰會的三維圖形中,著重強調圖形的色彩、點線面變化,弱化體積和材質感,用平面的表達方式闡釋一個三維圖形,而在最終的杭州雲棲大會中,設計中心強化了光錐的體積感,從而去呈現從各城市KV圖形到杭州大會KV圖形的一個節奏感變化。在杭州雲棲大會的各部分KV延展,也從各種程式的程式碼中提取並抽象化,形成立體光錐的不同延展圖形,將程式碼藏進設計中,希望設計的巧思能讓參會者發現時會心一笑。

04bb61ac4338ba0392a0ec3f5f412427fb819e22

每場大會從開始策劃到最終執行整個過程是個大型的跨團隊合作,為更好地管理所有的設計資料、設計規範、設計產出,建立了一個文件管理系統,分門別類地進行各個城市峰會規範、素材、設計內容的上傳和管理,通過這些細節減少了大量不必要的溝通成本,保證了執行效率。

e6f5c3ce5d1cc774973448e2d15e2ec8cbf24a66

大量設計研究、規範思考、流程設計等等如果不描述,其實是難以感知的,這些只是能看到的海面上冰山之下的不為人知的設計工作,而設計組之所以一直堅持在這些事情中投入大量工作是因為,好的設計應該在受眾沒有感知的情況下就欣然接受,讓受眾以自然直接的方式獲取資訊,進而理解設計本質,最終產生情感共鳴。

43962e37f34ae57a60479defcade7dc669d4ff5c

今年的雲棲大會設計只是一個小小的開始,阿里雲設計中心將秉承“不為設計為未來”,在未來繼續產出更多有價值的好設計。