亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

• 隨著互聯(lián)網(wǎng)數(shù)據(jù)時(shí)代的不斷發(fā)展，數(shù)據(jù)可視化也成為承載信息的重要工具。尤其應(yīng)用于B端設(shè)計(jì)師和企業(yè)服務(wù)設(shè)計(jì)當(dāng)中，由此掌握數(shù)據(jù)可視化的方法就變得更為重要。

一、為何要做星圖？ 動(dòng)力使然

•            
• 作為一個(gè)設(shè)計(jì)師，你是否還在花大量時(shí)間從0-1設(shè)計(jì)圖表？
• 是否糾結(jié)于顏色搭配而不知如何選擇？
  
• 是否也遇到過精心設(shè)計(jì)的圖表，上線時(shí)因無法達(dá)到滿意的還原度而就此放棄？
• 
  面對(duì)這些問題，不得不要求我們將更多沉淀的設(shè)計(jì)資產(chǎn)，用組件庫代碼化的方式呈現(xiàn)出來，去提升設(shè)計(jì)與開發(fā)協(xié)作效率，讓設(shè)計(jì)為業(yè)務(wù)賦能。
• 于是我們與TEG數(shù)據(jù)產(chǎn)品研發(fā)部一拍即合，跨業(yè)務(wù)共建，保證規(guī)范化輸出的同時(shí)，提升品質(zhì)感。于是繼星火B(yǎng)I之后，星圖應(yīng)運(yùn)而生。
•           

星圖來了                  

（ 星圖-圖表庫 ）

• 只是一個(gè)圖表庫？還能做什么？用一張圖高速你答案
• 如果你追求數(shù)據(jù)品質(zhì)，它是官方設(shè)計(jì)精美的圖表～
• 如果你要結(jié)合動(dòng)態(tài)數(shù)據(jù)，它完美連接星火B(yǎng)I制作數(shù)據(jù)大屏、各種報(bào)表
• 如果這些都無法滿足你對(duì)圖表的創(chuàng)意，它還可以自定義組件讓更多人應(yīng)用你的設(shè)計(jì)！   

（ 數(shù)據(jù)可視化資源 ）

2.這個(gè)數(shù)據(jù)可視化體系，解決什么問題？

• 星圖—是58數(shù)據(jù)可視化的資源庫，包括與圖表庫社區(qū)，wcharts圖表規(guī)范。  
•     

圖表庫是面向全網(wǎng)的圖表開放社區(qū)，所有圖表組件均由開發(fā)者自助開發(fā)、共享，社區(qū)中的組件支持在星火SaaS產(chǎn)品中一鍵使用，也可滿足有圖表訴求的用戶本地使用，打通圖表開發(fā)與應(yīng)用閉環(huán)。

Wcharts 則是我們中臺(tái)設(shè)計(jì)組匠心打磨，在數(shù)據(jù)可視化方面的探索成果。

（ Whcarts logo)        

( Wharts logo )  

（圖表庫）    

3.簡單來說，Wcharts 是58UXD設(shè)計(jì)的一套專業(yè)美觀的數(shù)據(jù)圖表規(guī)范。它有以下幾個(gè)特征：

3-1 簡潔、清新的設(shè)計(jì)語言

• 我們?yōu)閳D表構(gòu)建了新的樣式，這是最直觀的變化之一。我們希望它能更加優(yōu)化且簡單，在功能和樣式上做了很好的做融合。對(duì)圖表數(shù)據(jù)元素進(jìn)行拆解，重組，歸納后，使用了微投影、微動(dòng)效的設(shè)計(jì)手法，加大圖表之間留白，提升空間感。
• 與Matix的設(shè)計(jì)理論一樣，Wcharts同樣也是依據(jù)分子理論，圖表的底層是由基礎(chǔ)小構(gòu)建構(gòu)成。
• 劃分為標(biāo)題、軸線、圖表、試?yán)?、解釋說明。并通過刪格系統(tǒng)和組件化理念規(guī)范元素，形成統(tǒng)一的控件規(guī)范。

3-2 統(tǒng)一的圖表視覺與布局規(guī)范

運(yùn)用刪格系統(tǒng)進(jìn)行布局設(shè)計(jì)，圖表在各個(gè)分辨率下可完美適配。

（ 星圖圖表規(guī)范）

3-3 完善的科學(xué)配色

一個(gè)精心設(shè)計(jì)的可視化配色能充分發(fā)揮人腦對(duì)色彩與生俱來的高效處理能力，幫助讀者更快更好地從可視化中獲取有意義的信息。

3-3-1 在色彩選擇上 ，更重視以下幾點(diǎn)         

1.色相使用：使用色環(huán)取色發(fā)，盡量做到均勻分布，因?yàn)樯嗑哂斜孀R(shí)度最重要的因素之一。            

2.明度使用：在無法避免取唯一色域的情況下，盡量保障相鄰顏色之間的明度具有一定差異性。

3.順序使用：明暗交替式分布，確保類似堆疊柱狀圖等環(huán)境下，兩兩顏色之間的辨識(shí)度；

無障礙設(shè)計(jì)：檢驗(yàn)確保視障人群在看圖時(shí)的也能有更好的閱讀體驗(yàn)；推薦一個(gè)小工具幫助設(shè)計(jì)師快速檢驗(yàn)紅綠色盲人群在閱讀數(shù)據(jù)時(shí)的效果。 Color Oracle 是一款適用于 Windows、Mac 和 Linux 的免費(fèi)色盲模擬器。它通過實(shí)時(shí)向您展示常見色覺障礙人士會(huì)看到的內(nèi)容，從而消除了為色盲設(shè)計(jì)的猜測(cè)。

（ 星圖顏色規(guī)范 ）

3-4 友好的圖表使用建議

3-4-1 鎖定目標(biāo)用戶群體

用戶在圖表時(shí)，首先要明確5W1H設(shè)計(jì)原則。圖表給誰用，誰來查看數(shù)據(jù)、使用背景、如何使用、怎樣使用等。這些都離不開對(duì)核心目標(biāo)群體的研究。尤其B端管理者，要選定簡易的圖表，讓管理人員能夠快速看到所需的對(duì)比信息，及報(bào)錯(cuò)。

3-4-2 根據(jù)數(shù)據(jù)信息進(jìn)行選擇

如百分比占比類比較，建議使用餅圖類型。多數(shù)據(jù)信息比較常選用折線圖/曲線圖。同時(shí)需要注意數(shù)據(jù)信息過多時(shí)，建議去掉圖表視覺投影，從而達(dá)到視覺降噪的效果。

與此同時(shí)，需要注重?cái)?shù)據(jù)信息的墨水比。所謂墨水比，是用于墨水比=數(shù)據(jù)的墨水量（顯示數(shù)據(jù)）/總墨水量（非數(shù)據(jù)墨水，圖表中的輔助圖形如網(wǎng)格背景等），減少非墨水的設(shè)計(jì)強(qiáng)度，保證墨水占比多，讓數(shù)據(jù)呈現(xiàn)更有效的信息。

3-4-3 響應(yīng)式的布局

能保證重點(diǎn)信息不丟失的同時(shí)輕松勝任各種尺寸、多種設(shè)備。

3-4-4 復(fù)制代碼

最關(guān)鍵的是可以一鍵復(fù)制代碼，本地使用，從而免去了設(shè)計(jì)的和開發(fā)的走查之苦。

( Wharts )

3-3-5 數(shù)據(jù)大屏圖表制作效果

• 對(duì)于大屏也是數(shù)據(jù)可視化呈現(xiàn)的重要載體。目前星圖也可輸出數(shù)據(jù)大屏。并對(duì)接政府項(xiàng)目進(jìn)行使用。

（To G數(shù)據(jù)大屏）

三、關(guān)于未來 任重道遠(yuǎn)

• 目前星圖為V1.0版本，還有很多不足與需要改進(jìn)的地方。
• 在功能上下一個(gè)版本支持PC、移動(dòng)、數(shù)據(jù)大屏三端圖表切換；黑白主題界面一鍵切換等功能。

Powered by Froala Editor