Axure實戰(zhàn)應(yīng)用:Axure設(shè)計可視化大屏
在當(dāng)今社會,隨著數(shù)字化時代的到來,信息可視化已成為各種場合展示的重要工具,想要了解關(guān)于如何使用Axure軟件設(shè)計可視化大屏,以創(chuàng)建強大且引人注目的展示嗎?可以看看下面這一篇文章哦!或許可以給你想要的答案。
隨著數(shù)字化時代的到來,信息可視化已成為各種場合展示的重要工具。在這篇文章中,我們將深入探討如何使用Axure軟件設(shè)計可視化大屏,以創(chuàng)建強大且引人注目的展示。
一、Axure軟件介紹
Axure軟件是一款功能強大的原型設(shè)計工具,它允許用戶創(chuàng)建高質(zhì)量的交互式原型,包括桌面應(yīng)用、移動應(yīng)用、網(wǎng)頁和網(wǎng)頁互動等。Axure的交互式組件和交互效果能夠模擬實際應(yīng)用的使用場景,使用戶可以更直觀地了解產(chǎn)品的功能和特點。
二、設(shè)計可視化大屏的步驟
1.確定主題和目標(biāo)
在設(shè)計可視化大屏之前,首先需要明確展示的主題和目標(biāo)。主題是指展示的核心內(nèi)容,目標(biāo)是希望通過展示達(dá)到的效果。例如:一個電商銷售團隊的展示主題可能是“銷售業(yè)績分析”,目標(biāo)可能是向潛在客戶展示團隊的業(yè)績和優(yōu)勢。
本次通過一個例子來講述整通過Axure軟件大屏設(shè)計的過程:下圖為設(shè)計后的效果圖。
2.收集數(shù)據(jù)
在設(shè)計可視化大屏的過程中,需要收集相關(guān)的數(shù)據(jù)。這些數(shù)據(jù)可以包括文本、數(shù)字、圖像、視頻等。收集數(shù)據(jù)的過程可以通過手工整理、Excel統(tǒng)計、數(shù)據(jù)庫查詢等方式進行。
選擇合適的圖表類型
根據(jù)收集到的數(shù)據(jù)類型,選擇合適的圖表類型進行可視化。例如,對于數(shù)字型數(shù)據(jù),可以使用折線圖、柱狀圖、餅圖等;對于文本型數(shù)據(jù),可以使用詞云圖、氣泡圖等。
本案例使用到的圖標(biāo),包括:中國地圖、環(huán)形圖、雙柱狀圖、漏斗圖、?;鶊D、折線圖、表格。
中國地圖
中國地圖,通過不同的地區(qū)顏色,銷售運營人員可以通過顏色快速看出每個區(qū)域的銷售情況,這邊的顏色判斷數(shù)據(jù)取取悅的年累計銷售金額。
環(huán)形圖
環(huán)形圖是用來顯示部分與整體關(guān)系的圖。這邊通過環(huán)形圖,可看到整體銷售的完成情況,及同比情況。當(dāng)然也可以按需求進行調(diào)整,比如銷售占比,環(huán)比。
漏斗圖
漏斗圖用來表示逐層篩選的過程,主要用于轉(zhuǎn)化過程。
?;鶊D
?;芰糠至鲌D,也叫?;芰科胶鈭D。它是一種特定類型的流程圖,右圖中延伸的分支的寬度對應(yīng)數(shù)據(jù)流量的大小,通常應(yīng)用于能源、材料成分、金融等數(shù)據(jù)的可視化分析。本案例通過桑基圖,可以看到,用戶在商城的所有瀏覽軌跡。
雙柱狀圖
雙向柱狀圖多用于展示包含相反含義的數(shù)據(jù)的對比。其中圖表的一個軸顯示正在比較的類別,而另一軸代表對應(yīng)的刻度值。本案例通過雙柱狀圖,通過不同的顏色對交易額和出貨數(shù)量,進行比較顯示
表格圖
表格圖,本案例通過表格實時滾動顯示,銷售前 10的商品。同時顯示前10的加購商品,要配置5分鐘刷新數(shù)據(jù)。
3. 設(shè)計布局和色彩
在設(shè)計可視化大屏?xí)r,需要考慮布局和色彩的搭配。合理的布局可以使界面更加整潔,易于理解;適當(dāng)?shù)纳士梢允箶?shù)據(jù)更具有吸引力。
本案例,使用了純藍(lán)色的背景。#013BC7
在設(shè)計數(shù)據(jù)大屏?xí)r,使用藍(lán)色作為背景有一定的優(yōu)勢,主要包括以下幾點:
- 藍(lán)色會讓人有安全感,因此許多旅游相關(guān)的APP和網(wǎng)站會樂于采用藍(lán)色的UI設(shè)計。它隱隱傳達(dá)出可靠、信任的感覺,對于旅行類的應(yīng)用和網(wǎng)站,無疑是不錯的選擇。
- 藍(lán)色讓產(chǎn)品看起來更加值得信賴。更準(zhǔn)確地說,它會讓用戶更傾向于覺得“這是我要的產(chǎn)品”,當(dāng)這種感覺和品牌本身的運作和特質(zhì)結(jié)合起來的時候,就能夠形成讓人信任的品牌性格了。
- 藍(lán)色令人沉靜,能讓人感覺平衡和智慧。許多金融類服務(wù)企業(yè)也因此選擇藍(lán)色作為品牌色。
- 對于色弱患者來說,藍(lán)色是他們能夠看到的較為清晰的顏色之一。
數(shù)據(jù)模塊框體
顏色:#012E9E
透明度:90%
添加交互效果
使用Axure軟件可以方便地添加交互效果,如動態(tài)面板、鏈接、滾動條等。這些交互效果可以使展示更加生動、直觀,提高用戶的參與度。
折線圖鼠標(biāo)移入效果
鼠標(biāo)移入時顯示提示框,提示框的內(nèi)容可以編輯修改
地圖飛機飛行動效
拖一個動態(tài)面板,在動態(tài)面板中,操作飛機的移動
通過Axure中繼器,制作雙柱狀圖??赏ㄟ^中繼器來維護更新柱狀的數(shù)據(jù)及顯示
4. 測試和優(yōu)化
在設(shè)計完成后,需要進行測試和優(yōu)化。測試過程中,需要檢查大屏的穩(wěn)定性和性能,確保展示的流暢性和穩(wěn)定性。優(yōu)化過程中,可以根據(jù)用戶的反饋和需求,對大屏進行改進和升級。
在Axure軟件里,我們可以通過F5快捷鍵進行預(yù)覽調(diào)試。
三、總結(jié)
使用Axure軟件設(shè)計可視化大屏是一種有效的方式,可以為用戶提供強大的展示工具。
在設(shè)計過程中,需要明確主題和目標(biāo)、收集數(shù)據(jù)、選擇合適的圖表類型、設(shè)計布局和色彩、添加交互效果、測試和優(yōu)化等步驟。
通過這些步驟,可以創(chuàng)建出引人注目、易于理解、具有吸引力的可視化大屏。
本文由@Axurebi符號 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
你好 中國地圖、?;鶊D的素材都是哪里的呀