資訊專欄INFORMATION COLUMN
摘要：在此次大會中，全面闡釋了極簡產品背后蘊涵極深的技術，首次系統表達了自己的產品理念，而大會主視覺也始終緊貼著這一理念進行設計。視覺方向的探索本次大會最初的關鍵詞是簡和深，我們首先要做的是根據大會的主題關鍵詞，來提取出能表述大致畫面的視覺方向。
2018年11月25日，UCloud用戶大會暨Think in Cloud 2018在上海如期召開。在此次大會中，UCloud全面闡釋了極簡產品背后蘊涵極深的技術，首次系統表達了自己的產品理念，而大會主視覺也始終緊貼著這一理念進行設計。本文將具體介紹我們的設計思路和主要過程。
1910年，心理學家Max Wertheimer在鐵道口觀察時發現一系列燈光的閃動，這樣的現象看起來就好像是同一束光在燈泡之間移動，但是事實卻是只是一系列燈光按照順序開關而呈現出的效果。這樣的現象稱為「擬動現象」，在擬動現象中，格式塔心理學家察覺并發現了一種人類認知和識別外部信息的模式，這種模式也稱為「簡潔法則」（Law of Pr?gnanz）。
這個法則是所有格式塔設計原理的基石和綱領，也是Max Wertheimer知覺律中的基礎原則之一。
研究表明，我們的大腦更加善于優先識別物體或畫面的輪廓并具像化，善于將不熟悉的、抽象的內容進行處理并排列組合，變成自己所熟悉的、具象的畫面，這會大大的減輕我們大腦的負荷。
TIC主視覺冰山的畫面也正是運用這樣本能的處理信息的模式，就好像當我們放大畫面仔細的看，它是一條條線的連續堆疊，但是當我們把線條組成某種形狀，其畫面的意義也就能夠隨之體現。
本次大會最初的關鍵詞是「簡」和「深」，我們首先要做的是根據大會的主題關鍵詞，來提取出能表述大致畫面的視覺方向。
「簡」代表的是簡單，易用易懂，輕量化的產品，是用戶能在表層直接看到的東西；「深」代表的是需要挖掘，在簡單的背后其實蘊含著復雜的邏輯，以及無數的運維和開發人員所做出的努力。
在確定了合適的主題關鍵詞和其中的含義之后，我們進行了一次頭腦風暴。頭腦風暴是個能夠在短時間內產生大量想法的方式，圍繞「簡」和「深」的主題進行思維發散，并想出盡可能多的主視覺方案。
在獲得大量靈感之后，我們總結出了這樣5個視覺方向：
1、幾何圖形
幾何圖形主要在于拼接聯合，用一些很細小、基礎的元素來構成一個完整的畫面，寓意表面上看上去很簡單的東西是由無數復雜的「小元件」來支撐的。
例如下圖中，畫面用點線構成一幅完整的畫面：
2、視角
視角的寓意在于，在不同的角度所呈現的畫面不同，例如從一個角度來看，畫面簡單；而從另一個角度，畫面則比較復雜。最后主視覺所呈現的方式可能更會趨于裝置的一種形式，缺點是可能成本會比較高，并且不利于延展：
3、光
光與視角近似，由于光的折射，原本普通的白光會變得色彩豐富，而白光就表達「簡」，通過折射變成的彩虹則表達著「深」。
4、符號
使用最基本最簡單的圖形符號來進行設計，并通過多種的排列組合來演繹復雜的內容，在整體的畫面上剔除繁雜，靠強化每個元素的不同來深化記憶。
5、冰山
而冰山的畫面則比較具像化，水面上浮著能被看到的體積很小，實則水下的體積很大，能夠比較貼切的表達出本次大會的關鍵詞「簡」和「深」，并且畫面的可發散性較高，比較適合作為一個多帶帶的畫面或是組合出現。
設計作品的好壞很大程度上取決于它的實用性和延展性，通過對不同側重點在實用性和延展性上的理解和推敲，我們發現像視角以及光這樣的視覺方向其實很難真正的實現在平面作品上：一是時間及成本不允許我們這么做，二是在一些裝置的設計上缺乏一定的專業知識；
而在幾何圖形嘗試性的創作中，我們又發現使用幾何圖形所能夠表達的含義較為抽象，用戶很可能無法理解畫面所要表達的深層含義。
最終，在經過不斷的推敲和討論之后，我們決定側重于冰山和符號這兩個方向來進行設計。
視覺的方向確定之后，便要著手進行實際的設計工作。在設計主視覺時，既要融入UCloud品牌元素，也同時要反映大會的主旨：
設計方案一（符號）
作為首個嘗試的方案，最開始考慮的是從品牌設計的角度出發，將 TIC做成字標；考慮到其延展性，因此結合符號「：」并緊跟相關聯的文字內容；中間的「+」與文字形成正負形，體現了「不止是TIC，還有更多內容」的主旨。此外，我們還為此制作了一段演示動效。
設計方案二（符號）
以擁有更多可能的加號做為設計主體，輔以向外擴展延伸的線條，線面構成強烈的視覺沖擊力，由此來表現大會主旨。
設計方案三（符號）
在設計的過程中，我們發現了多種能夠表現冰山的形式，比如使用簡潔易懂的圖形符號與冰山相結合，簡潔的符號能夠擺列組合并產生新的不同的符號，并可以運用于大會中的導視設計。
設計方案四（冰山）
第四個方案是以冰山作為主體，簡化了冰山一角的造型并做成了圖形標的形式：
在后期方案的不斷推演和翻新中，注意到了點線是一個可以較容易運用的元素，它的優點是具有比較強的延展性，比如可以作為一種動態的logo演示和組成一些背景元素。于是利用點和線對冰山進行了簡化：
設計方案五（冰山）
在通過視覺形象表現之余，我們也嘗試利用其他方式表達冰山的含義。比如利用冰與水的密度差異，用數字來表現：
在進行了2輪提案之后，方案逐步偏向更為直白易懂的冰山。同時大會要求在「簡」與「深」之余，還需要表達「真」的理念。于是在后續方案中，我們逐漸將聲波融入設計，通過被記錄的聲音來表現「真」，也和大會的講演形式呼應。
在起初對于「聲波」這樣的視覺元素的構思中，較為常見的手法是運用對比的形式形成畫面，例如色彩上的對比。但實際試驗下來發現，運用色彩和塊面的對比并不能很好的表現像「聲波」這樣的視覺元素。
這時候想到，既然畫面中要更像聲波，那么不如直接使用更像波紋的線條來表現，于是做了以下的嘗試：
對于上述候選的三個主視覺方案，我們進行了進一步的攔訪驗證，結果感覺選項一雖然視覺沖擊力較強，但由于的整體色調偏重加上缺少亮點，導致了整體畫面比較缺少視覺著落點；而選項二由于畫面簡單，雖然有「山」的元素，并不能完美體現冰山一角的寓意。所以選項三勝出。
經過了一次次畫面的推翻重演和綜合考量之下，我們最終選擇了最后以深色底為主的主視覺畫面，主體為聲波構成的冰山，紅點表現「錄制」。點線構成的聲波可以組成許多元素，有利于后期延展，比較完整和簡潔地表現了“簡、深、真”的產品理念和大會主旨。最終的方案整理如下：
在確定了主視覺畫面及調性之后，我們梳理了相關的視覺運用，例如色彩的設定，輔助圖形的設計，以及常用的相關延展如聲波的延展運用、海報、物料用于展示。
色彩設定與占比
TIC主視覺運用了藍黑的主色調，并為了保持畫面的亮點，選用了紅色作為點綴顏色，直觀體現「錄制」這一表現點。此外，我們還進行了相關輔助色的設定，適用于不同的場景。
聲波的相關延展
線條的構成可以使得畫面具有一定的延展性，通過改變線條的形狀能夠組成相應不同的畫面，由此可用于表現不同的主體和內容。通過不同的長度的變化，及不同層次的疊加，可用于不同的物料（海報、邀請函、展板等）。
輔助圖形
為了契合更多的運用場景，輔助圖形的設計就顯得尤為重要。為了讓用戶能夠加深對聲波的記憶點，我們為此設定了以聲波線條為主的輔助圖形。
由于是應用于會議的主視覺，考慮到可能會使用表現形式以數字為主的海報，例如倒計時等，基于這一點設計并制作了相應的延展海報：
除此之外，考慮到主視覺還會有其他的物料延展，例如包裝禮品等，為此我們還制作了應用于禮品的物料延展：
在平時的設計過程中，我們經常會遇到因為主體想要表現的視覺元素越多，導致實際的應用畫面過于雜亂、畫面效果不夠好的問題。而TIC主視覺的畫面就很好的避免了這一點，它的主體內容十分簡單，也就更加容易讓畫面表現的更加簡潔，更容易凸顯主體，也為后期的延展打下了很好的基石。
其它曾嘗試的方案
除了主要方案之外，用戶體驗中心的小伙伴還進行了諸多其他方向的嘗試：
在對TIC主視覺探索的過程中，前進的越多，失敗的嘗試也會越多。然而這樣的提案一次次的被否并不是一件壞事，怕的是失敗過后并沒有積極的應對并吸取教訓，所以關鍵是要總結這些經驗，以后才能夠做的更好。
回顧整個過程，總結出了幾個有價值的地方：
會議的主 KV 設計要考慮畫面的可延展度，僅僅由圖片背景或包含效果過多的元素拼湊而成的畫面很難進行延展。
每次需求的背后，都隱藏一系列的問題等待著我們去挖掘和梳理，最后由一步步推演出一個最終的結果。所以說，過程產物對于最終的設計交付物也是非常重要的依據。
在方案產出的過程中，如果沒有明確的共識或者主題不明確往往會造成設計師們不斷的重復設計，所以如何效率的最大化是一個值得考慮的問題。
正如這次主KV制作，「簡」、「深」兩個關鍵詞最終交集是「冰山一角」和「聲波」，這是不斷的推敲和演變最終才能得出來的設計方向。這也說明了一些初步得出的結論，往往會在實際的設計過程中與目標產生一定的偏離。因此，既要嚴謹思考，又要大膽想象，才能夠獲得更好的設計結果。
即將來臨的TIC 2019基于去年TIC大會的主視覺的創作經驗，延續之前的理念，在即將到來的TIC 2019中，我們對主視覺進行了品牌的升級：
主視覺能夠表達產品的內涵，同時也能建立產品與用戶之間的關系。而設計師的職責便是翻譯、結合、轉化的過程。因此，對于設計目標的認知和理解就顯得尤為重要。
在今年的主視覺中，我們需要延續冰山的形態以及內含，同時也要將主畫面結合今年的大會主題，并賦予新的意義，體現更有實力的公司形象。
因此，我們將「三維化」作為本次TIC大會主視覺的基礎，通過畫面從二維到三維的轉變體現品牌的一種升級，表達了突破維度的邊際的含義。
TIC 2019報名已開啟，掃描下方二維碼或點擊閱讀原文，期待您的參與。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/6527.html
摘要：年月日，在上海舉行了以構建，創見為主題的用戶大會暨大會。這是在科創板上市后舉辦的首次用戶大會。在本次大會上，宣布旗下核心云產品全線升級，助力全行業加速上云。2020年10月23日，UCloud在上海舉行了以構建，創見為主題的UCloud用戶大會暨Think in Cloud大會。這是UCloud在科創板上市后舉辦的首次用戶大會。在本次大會上，UCloud 宣布旗下核心云產品全線升級，助力全行...
摘要：我發現網上的游戲開發教程大多是從某種語言或引擎的開發細節入手，而沒有一個提綱挈領式的整體介紹。碰撞檢測，以及碰撞后的事件響應。網絡請求數據更新同步等，判定游戲得分及勝負。這是游戲開發不可或缺的三個部分。 電子游戲是許多人喜愛甚至沉迷的事情。尤其對于程序員來說，開發游戲是不少人最初學習編程的動力。在之前，我發過一些游戲開發的教程和案例： 爆款游戲《貪吃蛇大作戰》的 Python 實現 ...
摘要：我們在前文中考慮的那張圖就來自這篇文章，之后我們會用剪枝算法來改進之前的解決方案。剪枝算法的實現接下來討論如何修改前面實現的算法，使其變為剪枝算法。現在我們已經有了現成的和剪枝算法，只要加上一點兒細節就能完成這個游戲了。 前段時間用 React 寫了個2048 游戲來練練手，準備用來回顧下 React 相關的各種技術，以及試驗一下新技術。在寫這個2048的過程中，我考慮是否可以在其中加...
摘要：我們在前文中考慮的那張圖就來自這篇文章，之后我們會用剪枝算法來改進之前的解決方案。剪枝算法的實現接下來討論如何修改前面實現的算法，使其變為剪枝算法。現在我們已經有了現成的和剪枝算法，只要加上一點兒細節就能完成這個游戲了。 前段時間用 React 寫了個2048 游戲來練練手，準備用來回顧下 React 相關的各種技術，以及試驗一下新技術。在寫這個2048的過程中，我考慮是否可以在其中加...
摘要：為了更好得收納當前的信息并且為其他工具騰出空間，我需要使用到下拉菜單。經過幾次的討論，我們下定決心重新排列頂欄，移除了一些鏈接，實現了不支持多層次的下拉菜單。繼續這個例子，我們收到了大量的圍繞下拉菜單，并且重新考慮支持多層次菜單。 構建Bootstrap showImg(https://segmentfault.com/img/bVm7vI);----最近在看新鮮出爐Bootstrap...
閱讀 2100·2023-04-25 17:23
閱讀 2918·2021-11-17 09:33
閱讀 2512·2021-08-21 14:09
閱讀 3578·2019-08-30 15:56
閱讀 2604·2019-08-30 15:54
閱讀 1622·2019-08-30 15:53
閱讀 2125·2019-08-29 13:53
閱讀 1140·2019-08-29 12:31
