大家好,這里是怪物獵人小摹。
獵的什么怪?乃是被無數(shù)產(chǎn)品經(jīng)理、設(shè)計(jì)師視為洪水猛獸的數(shù)據(jù)圖表!
凡是制作過數(shù)據(jù)可視化后臺(tái)項(xiàng)目的小伙伴,都知道這其中的水有多深,小摹總結(jié)了圖表四宗罪:
構(gòu)成復(fù)雜,圖表元素?cái)?shù)量多且密集。
種類多樣,越少見的圖表類型越奇怪。
數(shù)據(jù)成堆,把數(shù)據(jù)和坐標(biāo)對齊都能干一下午。
維護(hù)黑洞,往已有的大圖表上再加一個(gè)項(xiàng)目都能直接爆炸。
不過小摹已經(jīng)根據(jù)不同使用需求,為大家整理好了狩獵圖表怪的攻略,今天一并分享給大家。
一個(gè)完整的圖表是由非常復(fù)雜的點(diǎn)、線、面、文本、數(shù)字構(gòu)成的,并且對元素的布局要求非常高。因此自行繪制圖表,相當(dāng)考驗(yàn)?zāi)托摹⒓?xì)心甚至體力。對于絕大部分小伙伴來說,都不推薦此方式。
但是如果設(shè)計(jì)項(xiàng)目本身有較特殊的風(fēng)格、標(biāo)準(zhǔn)或規(guī)范,無法通過其它工具來實(shí)現(xiàn),那么自行繪制圖表,在某種意義上,是不得不選擇的唯一辦法。
但,如果我們的項(xiàng)目更側(cè)重傳達(dá)數(shù)據(jù)信息,對于圖表樣式風(fēng)格的要求沒有那么苛刻,那大家一定要往下看看其它更推薦的方式。
在三方工具中制作好圖表,再截圖粘貼到設(shè)計(jì)項(xiàng)目中,這是很多剛接觸可視化后臺(tái)項(xiàng)目的小伙伴傾向于采用的方式。
其中最具代表性的工具必然是Excel,這款幾乎每個(gè)人都會(huì)使用的表格工具,提供了根據(jù)表格數(shù)據(jù)快速生成各類圖表的功能。
雖然此方式能夠?yàn)橹谱鲌D表提供不少便利,但Excel的組件風(fēng)格相對簡單,截圖對圖表的清晰度會(huì)有很大的影響,并且后續(xù)的維護(hù)調(diào)整非常麻煩。對于很多人來說,也只能算一個(gè)勉強(qiáng)的選擇。
在搜索引擎中就能輕松檢索到很多專業(yè)圖表設(shè)計(jì)工具。使用這類工具能夠制作類型多樣、精細(xì)度高的圖表,并且提供了多種導(dǎo)出及應(yīng)用方式,還可以直接用于各類網(wǎng)頁、產(chǎn)品的開發(fā)使用。
但此類圖表工具往往價(jià)格高昂,并且有一定的學(xué)習(xí)成本,因此通常只有對圖表有較大使用需求的企業(yè)和團(tuán)隊(duì)才會(huì)選擇。
如果想在設(shè)計(jì)工具中快速創(chuàng)建各種類型的圖表,并自定義圖表風(fēng)格樣式,還可以隨時(shí)進(jìn)行修改維護(hù),那么此方法必然是你的最佳選擇。
只需三步,即可快速搭建精美的可視化數(shù)據(jù)界面。
第一步,添加圖表。在組件庫中找到圖表分類,并拖拽到指定位置,即可創(chuàng)建默認(rèn)狀態(tài)的圖表。
不僅支持常用的柱狀圖、餅圖、折線圖,還能添加面積圖、雷達(dá)圖、散點(diǎn)圖等圖表類型。
第二步,修改數(shù)據(jù)。雙擊圖表,即可在編輯器中增加、刪除和修改各類項(xiàng)目及對應(yīng)的數(shù)據(jù),柱狀圖、折線圖等圖表均支持添加多行多列,即使是海量數(shù)據(jù)也能得到支持和呈現(xiàn)。
點(diǎn)擊項(xiàng)目前的色塊,還可以打開拾色器,輕松調(diào)整圖表的配色方案。
第三步,調(diào)整元素。選中圖表,在右側(cè)的屬性面板中,可以調(diào)整圖表的構(gòu)成元素。坐標(biāo)軸、圖例、數(shù)據(jù)標(biāo)簽都可以設(shè)置為顯示或隱藏,還可以為部分圖表設(shè)置數(shù)據(jù)堆疊效果。
通過調(diào)整圖表的整體尺寸,圖表中的元素尺寸及位置也會(huì)自適應(yīng)調(diào)整。
并且,通過此方法制作的圖表還非常易于維護(hù)。除了數(shù)據(jù)、樣式可以隨手改,還可以進(jìn)行圖表類型的切換。如果收到把柱狀圖改為折線圖的需求,只需要一秒就能完成類型切換。是不是超級(jí)方便!
在演示時(shí),制作好的圖表還自帶非常豐富的交互動(dòng)效,無需任何設(shè)置,效果完全可以媲美代碼實(shí)現(xiàn)的圖表內(nèi)容。
看到這里,小摹的老朋友們想必已經(jīng)知道我說的是哪一款設(shè)計(jì)工具了吧?沒錯(cuò),正是咱們摹客的在線原型設(shè)計(jì)工具——摹客RP!
在摹客RP中,不僅可以輕松繪制圖表,還能使用其它組件快速搭建各類的手機(jī)、PC界面。不管是制作可視化后臺(tái)或是其它各類項(xiàng)目,摹客RP都能幫你輕松完成。