筆者近期在做一些云計(jì)算產(chǎn)品的圖形設(shè)計(jì)工作，期間學(xué)到了不少東西，對(duì)當(dāng)前的圖形設(shè)計(jì)工作也有些思考，因此總結(jié)成文，記錄一下。歡迎拍磚…

一、云計(jì)算的產(chǎn)品圖形設(shè)計(jì)

云計(jì)算產(chǎn)品主要以虛擬化技術(shù)提供動(dòng)態(tài)、可伸縮的計(jì)算、存儲(chǔ)等平臺(tái)服務(wù)。

當(dāng)前，技術(shù)的迅猛發(fā)展，各類創(chuàng)新型解決方案、虛擬化產(chǎn)品層出不窮。雖然滿足了個(gè)人、開(kāi)發(fā)者、企業(yè)用戶的多元化需求，但是也因術(shù)語(yǔ)過(guò)于專業(yè)、概念生澀、功能技術(shù)性強(qiáng)等因素，導(dǎo)致產(chǎn)品概念的傳達(dá)和圖形間的轉(zhuǎn)化變得越來(lái)越困難，這也是當(dāng)前在產(chǎn)品設(shè)計(jì)中遇到的問(wèn)題。

如何將抽象的技術(shù)概念以可視化的形式傳遞給普通用戶，是一個(gè)值得不斷探索的問(wèn)題。

二、以功能特性為基準(zhǔn)的圖形設(shè)計(jì)

云計(jì)算產(chǎn)品及服務(wù)類型較多，如云主機(jī)、安全組、虛擬私有云等，不同的服務(wù)具備不同的功能。功能特性是區(qū)別云計(jì)算產(chǎn)品的一種重要方式，也是圖形展示的重點(diǎn)。通常選取大眾所熟知的物體進(jìn)行功能特性的表現(xiàn)，并結(jié)合常見(jiàn)圖形組合進(jìn)行表達(dá)，所以比較具象，也更加具備辨識(shí)性。

1. 云主機(jī)

圖片是云主機(jī)的圖形設(shè)計(jì)。

云主機(jī)是云計(jì)算基礎(chǔ)設(shè)施應(yīng)用上的重要產(chǎn)品，圖形所要表達(dá)的含義重點(diǎn)是在云主機(jī)的虛擬化，通過(guò)主機(jī)的虛擬化技術(shù)，所以用云的外形代表虛擬之意，更容易讓用戶理解。

采用多個(gè)層級(jí)疊加的手法表達(dá)多個(gè)的含義，也容易聯(lián)想到從一臺(tái)變一組的計(jì)算擴(kuò)展能力等。

2. 安全組

如圖，是安全組的圖形設(shè)計(jì)。

安全組是工作于虛擬機(jī)層面，關(guān)聯(lián)虛擬網(wǎng)卡進(jìn)而對(duì)虛擬機(jī)流量做訪問(wèn)控制。

圖形所表達(dá)的含義是通過(guò)安全組內(nèi)的訪問(wèn)控制，加強(qiáng)云主機(jī)的保護(hù)。

圖形的重點(diǎn)在于安全，盾牌是古代御敵之用的工具，代表保護(hù)和防御的意思。用盾牌的去過(guò)濾通過(guò)的業(yè)務(wù)流量，加之多個(gè)盾牌，表達(dá)了各種自定義的訪問(wèn)規(guī)則。

3. 其他案例

三、以概念轉(zhuǎn)化為基準(zhǔn)的圖形設(shè)計(jì)

有些產(chǎn)品雖然在技術(shù)或功能上被大眾所了解，但是場(chǎng)景復(fù)雜難以通過(guò)單一圖形的形式表現(xiàn)出來(lái)。

在設(shè)計(jì)過(guò)程中常會(huì)遇到此類的問(wèn)題，對(duì)于概念轉(zhuǎn)化而來(lái)的產(chǎn)品，尋找產(chǎn)品概念與日常生活經(jīng)驗(yàn)之間的切入點(diǎn)，一般從概念的寓意特征和形式表現(xiàn)兩方面來(lái)尋求交集，將抽象或生澀的技術(shù)概念形式化，從形式中體現(xiàn)產(chǎn)品概念。

1. 負(fù)載均衡

如圖，是負(fù)載均衡的圖形設(shè)計(jì)。圖形通過(guò)云服務(wù)器共同支撐的形式，寓意負(fù)載均衡是一種可拓展的云服務(wù)，云服務(wù)器中間的柱形代表海量的業(yè)務(wù)流量，立于云服務(wù)器之上，代表負(fù)載均衡服務(wù)能夠?qū)I(yè)務(wù)流量動(dòng)態(tài)地分?jǐn)偟蕉鄠€(gè)操作單元上執(zhí)行，通過(guò)多個(gè)元素的組合擺放和布局將產(chǎn)品能力生動(dòng)的展現(xiàn)出來(lái)。

2. 對(duì)象存儲(chǔ)

如圖，是對(duì)象存儲(chǔ)的圖形設(shè)計(jì)。通過(guò)底部多個(gè)正方形寓意眾多元數(shù)據(jù)，對(duì)象存儲(chǔ)是為了解決和處理這些離散的單元數(shù)據(jù)。通過(guò)一定的延續(xù)性，展開(kāi)多層級(jí)可擴(kuò)展的動(dòng)態(tài)樣式，寓意對(duì)象存儲(chǔ)的水平可擴(kuò)展性，通過(guò)各個(gè)正方形的組合，代表對(duì)象存儲(chǔ)的多種場(chǎng)景應(yīng)用。

3. 其他案例

四、以應(yīng)用場(chǎng)景為基準(zhǔn)的圖形設(shè)計(jì)

應(yīng)用場(chǎng)景即產(chǎn)品在特定的環(huán)境中如何被應(yīng)用的，云計(jì)算產(chǎn)品的應(yīng)用場(chǎng)景即為產(chǎn)品在怎樣的環(huán)境中被使用，以及如何被使用。

對(duì)于部分用戶而言，用戶了解自身需求，但是并不十分了解云計(jì)算產(chǎn)品，如何從種類繁多，功能特性不一的云計(jì)算產(chǎn)品中快速的獲取能滿足自身需求的產(chǎn)品或服務(wù)是比較難得。

1. 視頻存儲(chǔ)轉(zhuǎn)碼

如圖，是視頻存儲(chǔ)轉(zhuǎn)碼的場(chǎng)景圖形設(shè)計(jì)。其功能是使用云存儲(chǔ)服務(wù)，將視頻數(shù)據(jù)同步到云端，一方面可以確保數(shù)據(jù)安全，另一方面借助于可拓展的計(jì)算資源對(duì)視頻進(jìn)行分析。圖形通過(guò)鏈路式的場(chǎng)景描述，清晰地傳達(dá)了使用云存儲(chǔ)產(chǎn)品這一特點(diǎn)。

2. 垃圾短信過(guò)濾

如圖，垃圾短信系統(tǒng)流程的圖形設(shè)計(jì)。

其功能是過(guò)濾接收的數(shù)據(jù)，進(jìn)行識(shí)別之后通過(guò)數(shù)據(jù)輸出給人工審核的過(guò)程，將自動(dòng)識(shí)別系統(tǒng)與中央管理平臺(tái)作為兩個(gè)不同主圖形模塊，分別展現(xiàn)預(yù)測(cè)、訓(xùn)練、指標(biāo)以及二次過(guò)濾、人工審核、號(hào)碼處理等流程。

突出立體箭頭指引，區(qū)別于模塊內(nèi)的箭頭，搭建模塊與模塊間的遞進(jìn)關(guān)系。內(nèi)容決定形式，用圖形連接代表內(nèi)部業(yè)務(wù)復(fù)雜過(guò)程，使邏輯更清晰易懂。

3. 其他案例

五、小結(jié)

以上是個(gè)人最近總結(jié)的一些設(shè)計(jì)思路和方法，主要包括功能特性、概念轉(zhuǎn)換、應(yīng)用場(chǎng)景這三類產(chǎn)品的圖形設(shè)計(jì)，以及一些相關(guān)案例。

希望通過(guò)不斷的總結(jié)思考和學(xué)習(xí)，激勵(lì)自己不斷進(jìn)步。

PS：部分專業(yè)術(shù)語(yǔ)表述或理解可能不是太準(zhǔn)確，歡迎批評(píng)指正。

謝謝閱讀^_^

本文由@一時(shí)無(wú)兩 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash， 基于CC0協(xié)議