国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  應聘面試  >  UI面試題  > UI設計面試題:WEB端相關面試問題(一)

UI設計面試題:WEB端相關面試問題(一)

來源:千鋒教育
發(fā)布人:wjy
時間: 2022-08-12 16:57:41 1660294661

  1、什么是數(shù)據(jù)可視化?

  把相對復雜、抽象的數(shù)據(jù)通過可視的方式以人們更易理解的形式展示出來的一系列手段叫做數(shù)據(jù)可視化,數(shù)據(jù)可視化是為了更形象地表達數(shù)據(jù)內(nèi)在的信息和規(guī)律,促進數(shù)據(jù)信息的傳播和應用。

  在當前新技術支持下,數(shù)據(jù)可視化除了“可視”,還可有可交流、可互動的特點。數(shù)據(jù)可視化的本質(zhì)是數(shù)據(jù)空間到圖形空間的映射,是抽象數(shù)據(jù)的具象表達。

  2、什么是大屏數(shù)據(jù)可視化?

  大屏數(shù)據(jù)可視化是以大屏為主要展示載體的數(shù)據(jù)可視化設計。

  “大面積、炫酷動效、豐富色彩”,大屏易在觀感上給人留下震撼印象,便于營造某些獨特氛圍、打造儀式感。電商雙11類大屏利用此特點打造了熱烈、狂歡的節(jié)日氛圍,原本看不見的數(shù)據(jù)可視化后,便能調(diào)動人的情緒、引發(fā)人的共鳴,傳遞企業(yè)文化和價值。

  利用面積大、可展示信息多的特點,通過關鍵信息大屏共享的方式可方便團隊討論、決策,故大屏也常用來做數(shù)據(jù)分析監(jiān)測使用。大屏數(shù)據(jù)可視化目前主要有信息展示、數(shù)據(jù)分析及監(jiān)控預警三大類。

WEB端相關問題

  3、大屏數(shù)據(jù)可視化設計原則?

  設計服務需求,先總覽后細節(jié)

  (1)設計服務需求

  大屏設計要避免為了展示而展示,排版布局、圖表選用等應服務于業(yè)務,所以大屏設計是在充分了解業(yè)務需求的基礎上進行的。那什么是業(yè)務需求呢?業(yè)務需求就是要解決的問題或達成的目標。設計師通過設計的手段幫助相關人員達成這個目標,是大屏數(shù)據(jù)可視化的價值所在。

  (2)先總覽后細節(jié)

  大屏因為大,承載數(shù)據(jù)多,為了避免觀者迷失,大屏信息呈現(xiàn)要有焦點、有主次。可以通過對比,先把核心數(shù)據(jù)拋給用戶,待用戶理解大屏主要內(nèi)容與展示邏輯后,再逐級瀏覽二三級內(nèi)容。部分細節(jié)數(shù)據(jù)可暫時隱藏,用戶需要時可通過鼠標點擊等交互方式喚起。

  4、大屏可視化設計流程?

  (1)根據(jù)業(yè)務場景抽取關鍵指標

  關鍵指標是一些概括性詞語,是對一組或者一系列數(shù)據(jù)的統(tǒng)稱。一般情況下,一個指標在大屏上獨占一塊區(qū)域,所以通過關鍵指標定義,我們就知道大屏上大概會顯示哪些內(nèi)容以及大屏會被分為幾塊。以共享單車電子圍欄監(jiān)控系統(tǒng)為例,這里的關鍵指標有:企業(yè)停車時長、企業(yè)違停量、熱點違停區(qū)域、車輛入欄率等。

  確定關鍵指標后,根據(jù)業(yè)務需求擬定各個指標展示的優(yōu)先級(主、次、輔)。

  (2)確立指標分析維度

  “橫看成嶺側成峰”。同一個指標的數(shù)據(jù),從不同維度分析就有不同結果。很多小伙伴做完可視化設計,發(fā)現(xiàn)可視化圖形并沒有準確表達自己的意圖,也沒能向觀者傳達出應有的信息,可視化圖形讓人困惑或看不懂。出現(xiàn)這種情況很大程度就是因為分析的維度沒有找準或定義的比較混亂。

  上圖向大家展示了數(shù)據(jù)分析常用的4個維度,我們在選定指標后,就需要跟項目組其他小伙伴討論:我們的各個指標主要想給大家展示什么,更進一步的講,是我們想通過可視化表達什么樣的規(guī)律和信息。而上圖,可以引導我們從“聯(lián)系、分布、比較、構成”四個維度更有邏輯的思考這個問題。

  聯(lián)系:數(shù)據(jù)之間的相關性

  分布:指標里的數(shù)據(jù)主要集中在什么范圍、表現(xiàn)出怎樣的規(guī)律

  比較:數(shù)據(jù)之間存在何種差異、差異主要體現(xiàn)在哪些方面

  構成:指標里的數(shù)據(jù)都由哪幾部分組成、每部分占比如何

  當然,上圖例舉的示例圖表都比較傳統(tǒng),在大屏數(shù)據(jù)可視化中常還有另一類地理信息(常以2/3D地圖、地球呈現(xiàn))出現(xiàn)。上圖雖未包含這類圖形,但它提供給我們的確定數(shù)據(jù)分析維度的思路和方法是相通的,可借鑒。

  (3)選定可視化圖表類型

  當確定好分析維度后,事實上我們所能選用的圖表類型也就基本確定了。接下來我們只需要從少數(shù)幾個圖表里篩選出最能體現(xiàn)我們設計意圖的那個就好了。

  選定圖表注意事項:易理解、可實現(xiàn);

  易理解就是可視化設計要考慮大屏最終用戶,可視化結果應該是一看就懂,不需要思考和過度理解,因而選定圖表時要理性,避免為了視覺上的效果而選擇一些對用戶不太友好的圖形。

  更多關于“UI培訓”的問題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學,課程大綱緊跟企業(yè)需求,更科學更嚴謹,每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎還是想提升,都可以找到適合的班型,千鋒教育隨時歡迎你來試聽。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經(jīng)許可不得擅自轉載。
10年以上業(yè)內(nèi)強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT