云計(jì)算產(chǎn)品設(shè)計(jì)之圖形篇

3 評(píng)論 6812 瀏覽 31 收藏 9 分鐘

筆者近期在做一些云計(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é)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 前輩是蘇研的嗎?

    來(lái)自江蘇 回復(fù)
  2. 很少在人人見(jiàn)到講表現(xiàn)層的文章,支持一下。

    回復(fù)
  3. 樓主是在移動(dòng)云么

    來(lái)自北京 回復(fù)