如今的產(chǎn)品設(shè)計(jì)已然不是圖形表達(dá)，而是如何做好數(shù)據(jù)表達(dá)。

本文內(nèi)容所討論的是關(guān)于在產(chǎn)品設(shè)計(jì)中設(shè)計(jì)師應(yīng)該如何表示數(shù)據(jù)的展現(xiàn)形式。盡管數(shù)據(jù)展現(xiàn)并非是所有行業(yè)領(lǐng)域的設(shè)計(jì)重點(diǎn)，但在特定范圍里，如：行業(yè)經(jīng)濟(jì)數(shù)據(jù)，體育博彩數(shù)據(jù)，棋牌競技數(shù)據(jù)，交通里程數(shù)據(jù)，個(gè)人成就數(shù)據(jù)等等，其內(nèi)容是整個(gè)產(chǎn)品中不成或缺的一部分。

該如何將各個(gè)維度的數(shù)據(jù)恰如其分的表達(dá)出來，會(huì)成為設(shè)計(jì)師的工作重點(diǎn)，這比單獨(dú)的圖形版式更加復(fù)雜。特別是在用戶的體驗(yàn)感上，數(shù)字與圖形比擬，自己就具有必然的違和感。因此，設(shè)計(jì)師需要有更強(qiáng)大的設(shè)計(jì)構(gòu)造能力，在數(shù)據(jù)中尋求美與優(yōu)雅的表現(xiàn)。

無論人文主義怎樣反感將人的特性統(tǒng)一在數(shù)據(jù)傍邊，都不能阻止社會(huì)向數(shù)據(jù)化的標(biāo)的目的發(fā)展。在過去，人們所關(guān)注的重點(diǎn)，往往是具體的事物和外在的表示力。

而現(xiàn)在人們所關(guān)注的重點(diǎn)則成為各個(gè)維度的精確數(shù)據(jù)，通過數(shù)據(jù)展現(xiàn)本身的社會(huì)優(yōu)勢(shì)將從金錢這一個(gè)標(biāo)的目的衍生到生活中衣食住行的所有層面，所以人們會(huì)樂此不疲的查看誰獲得了步行量第一的冠軍，誰擁有了更多的購物積分，誰的保險(xiǎn)累計(jì)金最高……盡管這其中很多內(nèi)容是不具備購買力的虛擬產(chǎn)品，但數(shù)據(jù)帶給人的榮譽(yù)感會(huì)因此變得真實(shí)可信，也變得似乎很容易就能相互競爭和超越。

如果我們仔細(xì)不雅觀察這幾年的產(chǎn)品功能發(fā)布，就會(huì)發(fā)現(xiàn)，產(chǎn)品的數(shù)據(jù)的表示已經(jīng)往極度細(xì)化的標(biāo)的目的發(fā)展，凡是能夠滿足一個(gè)用戶自身具備優(yōu)勢(shì)的表示點(diǎn)，都會(huì)產(chǎn)生相應(yīng)的與其他用戶比擬較的數(shù)據(jù)。所以如今的產(chǎn)品設(shè)計(jì)已然不是圖形表達(dá)，而是如何做好數(shù)據(jù)表達(dá)。

設(shè)計(jì)的素質(zhì)是數(shù)值，這一點(diǎn)我在其他文章里陳述過，但我需要強(qiáng)調(diào)的是，設(shè)計(jì)是數(shù)值的外在呈現(xiàn)，但它決不是數(shù)值的直接表示。

舉一個(gè)簡單的例子：一個(gè)優(yōu)雅的圓形，在程序的數(shù)值中是半徑80PX，所以用戶能夠看到圓形的形態(tài)，但這并不代表需要把80PX這個(gè)數(shù)值直白的寫在界面中。因?yàn)闊o論設(shè)計(jì)師如何擺列這個(gè)“80PX”都沒有圓形自己所具備的優(yōu)雅，因?yàn)閿?shù)字是冷冰冰的，而且只有10個(gè)差別的形態(tài)（0，1，2，3，4，5，6，7，8，9）。

這就能夠解釋為什么當(dāng)大量的數(shù)值擺放在界面中時(shí)，界面只能夠采取最簡單的表格形式，這并非是設(shè)計(jì)師不想用更好的設(shè)計(jì)排版，而是數(shù)值自己的組合形態(tài)決定了它們的表示力不成能像圖像那樣充滿多元化的個(gè)性。所以越是需要展現(xiàn)具體數(shù)值的界面往往就越丑，這就是數(shù)值表達(dá)與設(shè)計(jì)的矛盾。

我的客戶時(shí)常把這種難題甩給我，問為什么界面看起來不標(biāo)致，我的回答只有一個(gè):“數(shù)值組合不是圖形排版，信息傳遞的準(zhǔn)確性才是數(shù)值組合的第一目標(biāo)，而不是美不雅觀。”

“那我不管，我就要它好看！”

如何才能讓數(shù)據(jù)展現(xiàn)在產(chǎn)品中呈現(xiàn)美的感覺，我?guī)缀鮿?dòng)用了我所有的美學(xué)能力和設(shè)計(jì)技巧。最終探索出了以下幾個(gè)解決方法。

我先說下數(shù)據(jù)表示在界面中通常會(huì)出現(xiàn)的幾個(gè)問題：

數(shù)據(jù)表格顯得擁擠有多種原因，但總體原因往往是產(chǎn)品經(jīng)理在策劃中不懂取舍造成的，特別是在數(shù)據(jù)展現(xiàn)上求大求全，似乎要將用戶的全部數(shù)據(jù)信息都陳列擺上才能顯得產(chǎn)品的專業(yè)，這完全是一個(gè)誤區(qū)。事實(shí)上從產(chǎn)品功能而言，用戶的接受度往往是單項(xiàng)選擇，同時(shí)在界面中具備好幾個(gè)功能的數(shù)據(jù)表示，會(huì)讓用戶看不到數(shù)據(jù)的重點(diǎn)在哪里。

在某些產(chǎn)品中，為了表示其專業(yè)度和優(yōu)勢(shì)，有的會(huì)將數(shù)值精確顯示在小數(shù)點(diǎn)后兩位，有的會(huì)將數(shù)據(jù)的位數(shù)增加在6-8位，這種做法并非完全不成行，特別是在棋牌競技類數(shù)據(jù)中，用戶的得分往往由多位數(shù)組成。然而面對(duì)移動(dòng)平臺(tái)硬件，這種多位數(shù)的展現(xiàn)形式很容易因?yàn)槠聊淮笮〉母淖兌霈F(xiàn)毛病，好比：數(shù)字?jǐn)[放不下，出現(xiàn)表格破損。

關(guān)于數(shù)據(jù)中的動(dòng)態(tài)表格呈現(xiàn)往往與程序員的水平有密切關(guān)系，這需要設(shè)計(jì)師按照動(dòng)態(tài)表格的呈現(xiàn)提交確切的設(shè)計(jì)數(shù)值，包孕顏色、各個(gè)數(shù)據(jù)的間隔規(guī)范等等。動(dòng)態(tài)表格由于程序的控制，可以有很多元化的表示手法，好比：圓形、線形、塊狀形等等……這些都是數(shù)據(jù)與圖形的結(jié)合方式，也是最能發(fā)揮設(shè)計(jì)師用途的表示形式。然而這部分表格的呈現(xiàn)通常比較單一化，一方面是設(shè)計(jì)師對(duì)表格的設(shè)計(jì)無法提交確切的數(shù)值規(guī)范，另一方面也在于程序?qū)Ρ砀竦拈_發(fā)能力有限，短平快的研發(fā)周期讓多數(shù)產(chǎn)品只愿調(diào)用現(xiàn)有的效果模板，這樣在表示上一定會(huì)受到局限。

好比：赤兔和微信運(yùn)用所用的就是動(dòng)態(tài)圖形表格，在程序上屬于比較簡單的。

那么究竟要如何解決這些問題呢？總體的原則是靈活取舍，版式多變，分納層級(jí)，動(dòng)畫表示。