ui怎麼做數據化大屏

① 什麼是數據可視化小白怎樣快速上手

什麼是數據可視化

數據可視化是利用各類圖表及圖形化的設計手段將復雜不直觀的數據有邏輯的呈現出來，而數據可視化工具就是生成這種呈現的軟體。數據可視化為用戶提供了互動式探索和分析數據的直觀手段，使他們能夠有效地識別有趣的模式、推斷相關性和因果關系，從而指導經營決策，挖掘數據背後的商業價值。

大屏可視化設計方法

准確把握業務需求

設計終歸是助力業務的，准確的理解業務需求是至關重要的，它將貫穿整個設計的始終，也是可視化設計開始的必要前提。如何解決用戶的問題，完成既定目標，都需要設計師對需求有一個比較准確的理解。直接有效的方法就是「溝通協作」。

圖形化的方法選擇

需求及數據確定後，接下來是數據圖形化的選擇，不同的目標不同的數據對於圖表展示的選擇也是有講究的，如：部分佔總體的比例(佔比)更適合選用餅圖、用來反映時間變化趨勢的圖形化更適合曲線圖等等，總之不同的數據展示維度，選擇的圖表是有差異的。同樣一組數據，存在多個圖表同可展示，怎樣選擇最恰當的圖表是至關重要的，合適有效的圖表有助於信息有效的傳達。遇到具體的數據要根據數據的維度，和要表達的業務目標，選擇一種最佳的圖表呈現。

這是可視化圖表選擇比較確切的一個方法，可以作為數據可視化圖表的選擇依據，有助於准確快速的把數據圖形化。

首先根據業務目標結合數據維度確定大的關系(比較、分部、構成、聯系)，隨後選擇合適的圖表，填充數據設計排版即可。到這一步圖表基本成型，但是比較基礎，為了視覺效果和數據的傳達，也會在此基礎上進行優化設計。

設計尺寸的確定

可視化大屏一般都是多屏拼接或者LEDLCD等材質屏幕。不同的屏幕顯示像素、物理像素都不同，例如同樣是3*2的拼接屏，輸出像素可以是X1*Y1也可以是X2*Y2。這就造成了很多潛在問題，設計之初屏幕硬體及拼接方式需要提前確定。基本有兩個方法，簡單的說，方法一、拼接屏可以按照拼接後的橫縱像素總和設計(拼接屏像素超大可等比例縮放)。LED/LCD屏幕設計也是同樣的原理。方法二、按照硬體輸出像素設計，硬體設備的輸出像素一定是和整個拼接屏成比例或者是吻合的。所以按照輸出像素設計是可以的。

頁面設計及布局

屏幕的拼接方式及屏幕材質確定後，就可以進行頁面的設計及布局，頁面的布局主要是根據業務及數據的重要程度來設計，通常會把核心的數據要點放在中間，一方面中間是視覺中心，二來也是最容易傳達給觀眾的核心位置。其他的數據放兩側，排列數據一定要考慮數據的關聯性及聯動性，應該有意識的把相關數據放在一起，當一組數據變化時聯動效果更凸顯，容易傳達數據的價值。如果是拼接屏，切記在設計時讓數據避開拼接縫，頁面布局時就要考慮屏幕拼接方式，盡量把數據有序的展示在屏幕內，合理避開拼接縫減少對用戶觀感的影響。

設計風格的確定

風格的確定也是至關重要的，首先應該確定應用場景，要充分考慮室內、室外、光照、燈光、硬體等因素。設計是相通的，可用UI的方式來定義可視化設計風格，AB測試、情緒版等等。差異比較大的一點是應用場景的環境。

硬體設備的校對

當風格頁確定後先別急於後面的頁面設計，如果有可能的話，此時最好拿設計圖去現場實地測試。確定現場硬體是否存在偏色問題、文字大小在合適的觀看距離是否清晰可見、現場燈光光照等是否對設計有影響、拼接縫和數據是否有穿插、硬體設備輸出是否和設計匹配等等。確認無誤後在開展後面的頁面設計工作。

SovitChart是一個免費的在線數據可視化平台工具，基於Echarts開源API研發的數據圖表可視化界面開發工具，內置了各行業豐富的組件模板，無需編碼只需通過滑鼠拖拽控制項就能設計出精美的圖表可視化web頁面，同時可以方便的與後端數據進行綁定，實現數據驅動頁面的變化，實現炫酷的圖表展示。

② 數據可視化大屏UI設計素材 psd源文件

數據是企業的上帝之眼，數據可視化就發揮了很大的作用。很多從事B端產品衫悔設計的小夥伴在日常滾銷工作中遇到數據可視化的場景比較多，所以我們整理了一些數據可視化圖表資源，幫助你們更快更高效的完成設計。

數據可視大塌游化設計素材範例，為UI設計師提供設計思路，增加設計靈感，創作更多大氣炫酷的設計方案。

③ 如何用UI設計軟體做app頁面

第一點：戚鋒源了解你的目標客戶群的心態

1、做微任務的目標客戶群(如隨時隨地看看新聞，聽聽歌，看高態看電影，聊聊八卦之類)：

這類的解決方案是設計的app最好是小而准，不要大而全。越全的功能應用，只能代表著這個應用在各方面的都很平庸

2、喜歡當工具來使用的目標客戶群：比如找地圖，看天氣，查數據等。

這類的解決方案是我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。

3、無聊的客戶群，用來打發消磨時間的：無需求，漫無目的的

這類的解決方案是盡可能展示用戶感興趣的東西，幫助客戶來打發消磨時光。

第二點：APP原型圖的製作和設計討論

這個環節是必不可少的。需要根據設計需求認認真真的來畫畫原型圖。

常用的APP原型圖工具：移動APP原型設計神器POP、axure、Foreui等

第三點：APP視覺設計與設計要點

（1）大概設計板塊有APP啟動頁面設計，APP界面設計的尺寸規范，app圖標設計等

一般來說，手機屏幕是從上往下布局的，重要的信息會放在上方。但是在操作上，大部分人都是單手拿手機，常用的操作，要放在界面的下方。

另外還有一個原則，最小的觸摸單位，一般是44個像素。如果再小，你的拇指難以觸碰，或者容易引發誤操作。同時，也不要讓界面太擁擠。

所以，設計師必須用減法設計，這個過程需要花時間思考、簡化元素。

你必須記住：（1）隱藏設計或者減法設計（2）分區或分類（3）幫用戶做決策（4）提高交互創新設計（5）讓人有爽快感和新奇感（6）在設計中浸入情感，把握用戶的心理。（談談如何進行產品設計以及產品情感化設計）

一位大師這樣說過「真正的簡約設計是：作品必須不斷的被簡化，一改再改，直到設計最終成形。」

2014年APP設計風格趨向扁平化和卡片化。卡片，扁平化都會是移動app設計的趨勢！認為卡片設計確實同時兼具了「擬物」和「極簡」2種優勢！

第四點：APP界面設計流程

（1）.設計APP界面時，學會從優秀APP界面設計作品中尋求靈感，以前的藝術大師，用少量的資源做了大量的設計。

（2）.放下工作，休息一下很有幫助。扁平和簡約設計的一切均關乎到細節的差異。因此小憩片刻後再回到工作，帶著全新的眼光工作，比長時間冥思苦想更有

（3）.並排比較各個版式同樣有幫助。哪怕花20分鍾前將一個線條下移各5個像素分別保存，對比兩個版式就能很快分清孰好孰壞。

（4）.由於實物展示的相對比例至關重要，所以要及早在不同的目標設備上測試。

（5）.整個設計過程中不斷問自己「真的需要嗎？」。支撐項目時候，找一些討巧的辦法，例如，添加一些有趣的元素、樣式會這樣會很容易也會很吸引人，

但必須始終注意剔除不必要的元素，不斷精簡。甩掉你費盡心血的部分總是難以割捨，但修改過程必須挑剔。

第五點：APP界面設計測試與預覽修正

設計完成之後，我們可以把設計圖導入手機測試或者是校正。之前發布的在線測試工具：快速在移動終端上預覽APP界面設計效果圖的方法基雀最後：好的APP界面設計作品必然是要經過不斷升級、重復迭代的。一般用axure把appui/ue原型完成了，就交給設計和前端完成了高保真了，具體什麼軟體，著實不知道。