創(chuàng)維天賜3.0至4.0 UI設計演化說明

一、 創(chuàng)維天賜4.0 UI產生的基礎 EasyfaceUI即俗稱的圓環(huán)UI界面，是基于創(chuàng)維自主研發(fā)的創(chuàng)維天賜系統(tǒng)1.0基礎上的第一套視覺界面，設計初期考慮的是配合展現(xiàn)創(chuàng)維天賜系統(tǒng)具備懸浮、多任務、跨界看、開機快及盲操作的特點而設計的一款具有界面小巧、操作模式自然、尊重用戶、不打斷用戶的視覺操作界面。

二、 Cooface5.0視覺設計歷程： Cooface5.0在設計構思階段進行了長達一個月的醞釀以及多輪設計思考。在Demo1-Demo5階段，輸出了接近二十種設計方案方向，在這個階段中，設計團隊逐漸理清了設計重點及設計方向，并找到了不是設計亮點作為后面設計的積累。接著在與公司高層的多次交流后，明確了新的設計方向，并順利地推出了Demo6，即現(xiàn)在Cooface5.0的設計雛形。接著，在此基礎上，又細化到第八版時，Cooface5.0的設計已經基本確定。

3.jpg (41.02 KB, 下載次數(shù): 7)

下載附件  保存到相冊

2014-7-8 10:57 上傳

4.jpg (36 KB, 下載次數(shù): 6)

下載附件  保存到相冊

2014-7-8 10:57 上傳

5.jpg (32.31 KB, 下載次數(shù): 8)

下載附件  保存到相冊

2014-7-8 10:57 上傳

在主頁設計確認后，設計組即分工展開全套UI的設計工作，并將其一一推進落實在產品上。 三、 UI設計思路： 在視覺體驗方面，Cooface5.0電視 UI采用方與圓的設計元素相結合。整體風格趨于扁平化、色塊化、線條化。以去繁從簡的扁平化風格為導向，結合線條化icon;在顏色選擇上以彩虹色為主題，布局以彩虹順色為思路順延，紅、橙、黃、綠、藍、靛、紫這些大家熟悉的色系。由于彩色的融入，整體視覺更具靈動與變化。方形的色塊設計使得整體界面布局簡潔大方，圓形的Icon設計提升了整個界面的靈動性，也是對COOFACE4.0圓環(huán)UI在細節(jié)上的一個延續(xù)。在色彩選擇上，選擇了純度較高，但是明度適中的顏色，使得色彩明亮、豐富的同時，又很好地保護了眼睛，不會產生色彩疲勞。根據(jù)市場調研結果顯示，目前這套色彩的用戶接受度也比較高。 整套UI的設計是基于創(chuàng)維天賜4.0的懸浮理念，即任何的操作都不會被打斷，用戶可以在使用的時候很方便的返回到之前的操作。減輕了用戶對于未知操作的心里負擔。使的整套UI的操作更加的簡潔、安全。 四、 項目輸出： 整個項目設計團隊輸出設計規(guī)范。包含色塊尺寸及形式，焦點及非焦點狀態(tài)，海報尺寸及推送形式，焦點及非焦點狀態(tài)。色塊與色塊、色塊與海報的形式及間隔。色塊的顏色規(guī)范；海報設計規(guī)范；字號、字體及顏色；圖標的大小、形式及比例，等等。