免費試用
banner
大數據平台>數據可視化>數據可視化設計

四步教你製作炫酷可視化界麵

作者: cyRotel來源: 優設時間:2017-05-24 18:53:480

“儀表板”|高中班主任寄语、“大數據”||鼓浪屿手绘地图、“數據可視化”-|鲁阁初恋、“數據分析”——越來越多人和企業||_英国欧汇腰椎挺,開始運用他們的數據來做一些有趣的事情|-|优博彩票怎么样。在我的職業生涯中-|ovi套件下载,有幸參與一大批數據為重的界麵設計-|安心奶妈网,我要在此分享一些觀點-|该隐打卡修斯,講講如何造就這種特殊且有意義的產品-|77k7k小游戏。

很多人已經討論過這個議題-__耐美金,我會圍繞創作過程中最具影響力的部分|-应昊茗。

一|||运盛彩票真的假的、用戶不同|-柯达超级电影世界,數據不同

任何時候設計一套複雜的係統|__长沙王府井电影院,都不可避免要為很多用戶和角色進行設計|_|3分pk10是正规彩票吗。總裁-|skinselect、經理和分析師是幾個常見角色-_潮水时间表,每個都有自己的工作流程和對數據的需求_安哒塔图。

定義好角色__106官网彩票106版,產生不同視角_-_2004cad下载,這本身就是一種藝術-亿彩彩票怎么样。我就不在此詳細解釋了_|_隐形人3。如果你對此有興趣--自由们7 42官方下载,請看Cooper的這篇有用的文章||_云顶娱乐真的假的。

關於角色_|林科大教务处,重要的一點是預先確定好_最后情人 歌词,圍繞它們來組織信息結構與線框圖--军用棉衣棉裤。

下麵是我們去年做的一款健康報告應用的最終成品|-|战地3沙漠巡逻车。這套係統有著不同的用戶群|_258彩票官网,他們各自都需要不同的數據管理|-天府新区总体规划。創建了關鍵角色後_|青海卫视电视剧,我們每次評審會將它們放在旁邊--中央电视台少儿节目。

注意畫板上的那些角色|_星光大道20130202。我們的客戶都接受這種方式|--众赢彩票网址多少。

在滿屋子客戶麵前展示作品是件難事|__水烟是毒品吗。無論是在解釋線框圖-|诛仙推广号、流程圖__向炮火中前进,還是就視覺設計進行討論-|_365彩票邀请码,都很難讓每個人跟上你的觀點_-亿彩票安全吗。

通過角色來組織作品|尊彩app下载,會防止你(和客戶)在這些討論中跑題__鹰彩平台。

二-__168手机彩票开奖、製作頁麵模型

我多年所用的一個技巧-_|河南省实验中学校长,是製作頁麵模型_长沙友谊商店招聘。核心點很簡單-|花厂峪:

首先為用戶呈現他們需要的___助赢软件,再將頁麵餘下的信息根據用戶故事或信息層級-_震荡波补丁,進行結構化處理_||111彩票漏洞。

製作頁麵模型的概念|__花颜 匪我思存,正是寫散文(和其他很多種溝通形式)的核心原則-__掌上永辉职工APP,我在寫過一本書之後就對它了如指掌了-|_联邦止咳水价格。多年來-mucuntang,我花費大量時間在這本書 《樣式-_搜同白袜子:清晰與優雅的基本要素》 上_-虚空龙声望开启。它除了作為絕佳的寫作參考之外--_三棱锥性质,還清晰闡明這項觀點-|_注册送现金的电玩城:

如果一開始就使人分心_|-苏州工业园区三中,那麼用戶不僅難以分辨每個元素是什麼_-|云购彩票网站是骗局吗,也難以集中精力於整個流程--云顶娱乐捕鱼漏洞打法。

這是進行用戶體驗設計時需要牢記的一項準則-||娱乐天地检点实v力22956。下麵是製作頁麵模型的兩個常用方式_|-qq空间留言代码爱情。

給畫板創建某種結構-|-105彩票苹果2018版。問問自己——通過這些信息要講述怎樣的故事_|易中彩票是真的吗?

我在Behance和Dribbble上看到很多儀表板和數據畫報項目-|徽章镶嵌栏,(視覺上)設計得很漂亮|_038彩票ios下载,但通常都使人眼花繚亂_|喂养恐龙赚钱、過目即忘--长三角经济区。它們要麼是各種圖表組件以缺乏層級的瀑布流形式排列||-106官方彩票官网,要麼視覺上過度設計|--汶川地震腐烂女尸图片,並不適合這項數據-金华职业教务网。

左圖展示的就是眼花繚亂的數據畫報-__贴膜先撕1还是2。右圖例子則是裝飾物分散注意力_|斗战神怎么入定修炼,注意不到數據|_135彩票。

在上麵的圖中(左圖)_-_13334彩票网,這個數據麵板用了控製台的方式來呈現信息……相當有壓迫感长春校服门。為避免如此_|云鼎彩票靠谱吗,我們試著以組織信息的方式處理這類界麵-||银山智人,讓人們感覺像是在閱讀雜誌文章-乒羽中心。

並不是說控製台式的界麵就沒有用武之地……我個人願意設計成那樣_|新浪亲子。但多數情況下-|_优彩国际彩票平台,沒有必要時刻看見所有信息-|诛仙推广号。

最關鍵的一點——避免創造出令人一知半解的圖形--_英杰传系列。為頁麵信息建立模型_-|复婚进行时,首先給用戶呈現關鍵信息_-酷派w706软件下载,然後才是支撐內容仙剑五破解版。

三--|雨凡、選擇正確的圖形

在美學方麵_-解放军466医院耳鼻喉,有很多(太多了)設計都在誤用圖表__-35彩票苹果版。

最糟的是——這些“壞習慣”似乎在成倍增加___何瑶照片。隨處可見本應是餅形圖的麵積圖_-|钓鱼岛ppt,還有本應該是柱狀圖的曲線圖_||优行网交通违章查询。讓我們一起來製止這些設計……下麵這些建議有助於你正確對待數據---霍林郭勒政府网:

始於數據

未經處理的原始數據表格一點也沒有吸引力|-_永盛国际手机版手机彩票。但它是最佳的起點|106官方福利彩票。它幫你開始思考數據中有哪些變量可用-_-亿润富彩票,這些變量數據如何關聯__赢彩彩票靠谱吗。

原始數據的單調特性_-_北京市统计局信息直报网,會幫你思考係統中各種變量間的關聯|惠蒙网qig6。

除了從空白數據行列入手|_999桑拿会所,等待靈感忽然進入你意識||真崎航ed2k。你還可以更積極一些|_248彩票网提现可靠么?,通過下麵這些很棒的資源---maigoo中国十大品牌网,幫你揭示出有趣的關聯-||易投彩票:

Charted ——Medium開發的一款自動數據可視化工具_|金巧巧胸。

通過Google Sheets_|_广州火车北站、Illustrator和Sketch設計更好的圖表|_|仲博彩票是不是骗局。

Tableau——這個工具是最好的__永城彩票注册,不過相當昂貴--新奥杯。

在整個過程中-|_金百济,這部分並沒有靈丹妙藥|__上海居住证管理办法。別對深入研究數據心存恐懼_|369彩票官网,試著混合搭配不同變量-||腾龙山,創建基本圖表-_|金够败。這需要時間|-工作证尺寸,但它是值得的|樊国宾。我想到的一些絕妙點子||优彩彩票什么时候开始,都來自這些原始數據文件的拚拚湊湊|-央视春节晚会。

處理離散數據和連續數據

我花了很長時間才意識到這點|重庆ume官网,有些圖表比其他更能表達你的數據||徐娇电影。在創作中很容易陷入這樣的境地||阳光工资标准,選擇一種好看的圖表-|盈彩直播app,然後指望它能發揮作用_永盛国际手机版手机彩票。我經常這麼做(我挺喜歡散點圖)-阿里波波,並為此感到內疚|_欧莱雅祛疤产品价格。

有些圖形比其他更好|||京城第一金箍didi,這取決於你所處理的數據類型_-车位尺寸。選擇合適圖表的方法之一--铁将军防盗器电路图,是評估你手中的數據|-旺旺插件官方下载。有兩種主要數據_-阳信新闻:

離散數據——數值可清晰計數|_-旋转罗盘。比如進球數或Facebook點讚|_霍林河政府网。

柱狀圖最適合表現離散數據

連續數據——任何範圍值_ok数据网。比如一季的降雨量-_诺基亚5320刷机,或一個人的身高體重_众彩娱乐注册。

曲線圖最適合表現連續數據

簡單說_-_艾依欧,曲線圖最適合表現連續數據--_珠宝软文,柱狀圖最適合表現離散數據|_-大话腐女2。

Dona Wong的一項資源《華爾街日報_-父爱难消by公子书包:信息圖指南》幫我凝練了其中精髓_|360彩票全国开奖公告。真希望幾年前我就有這本書_-1953年1月8日人民日报。這是本無價的參考書||北水手机网,幫你選用合適的圖表|_|广东特产批发,闡明信息展現的行為準則_|亿博国际娱乐。

http://www.amazon.com/Street-Journal-Guide-Information-Graphics/dp/0393347281

四||_海马台风最新消息、基本的或定製化的圖形

最後_金田一耕助稻垣吾郎,作為這些海量數據係統的設計師-仲博彩票怎么注册账号,你得反複問自己“我應該選擇非常規方式來定製化設計_|15分分彩计划?還是使用久經考驗的圖表來展現信息_|_二十二选五?”

最近無意中讀到這篇來自37 Signals的文章—— 隻要3種圖表就夠了_-|2019还能买足彩的app。作者強烈表達一個觀點_wedding dress 歌词,圖形的“有效性”勝過它的視覺特征__|大象网直播。我非常讚同文中這一觀點|-|苏州园区三中。不過-|217彩票平台注册就送,我覺得他的觀點代表著一種極端實用主義的視角||-船讯网船位查询。我相信定製化的圖形通常也能提升數據的易用性||索爱a8,同時獨具一格引人入勝_|旺拉虫草。

基本柱狀圖的例子

對我來說|美丽的家乡图画,有“一種尺寸通行”的圖表_|_am3cpu,還有“適用於最佳尺寸”的圖表|-阜阳卫生局。表格||_长葛市人民法院、曲線圖和柱狀圖就很好_花萝卜论坛,可以容納各種類型的數據__诛仙推广员,但它們也非常普通(一種尺寸通行)-_玛巴斯属性。作為專業的設計師__-卓易彩票老版本,我希望我的作品看起來和感覺上是獨特且有用的__|手工毛衣外套。

比如__|阜阳市卫生局网,紐約時報做得很好_|贵州福泉爆炸,通過定製化的交互式圖形_-大象网,來為他們的文章添彩-||至诚证券。可以在這裏看到更多他們的作品-铠装光缆型号。我們來看一些完美的定製化圖表案例_|邓超暧昧短信:

這個案例對曲線圖做了調整_jindon京东,讓人“一睹”那些支撐圖表的基本數據_|-台中市邮编。

http://www.nytimes.com/interactive/2013/03/29/sports/baseball/Strikeouts-Are-Still-Soaring.html?_r=0

在這個3D圖表中_||艾邦照明,透視角度的改變在視覺上非常有衝擊力||2019老虎机白菜,也讓用戶更好理解數據間的關聯_|_搜搜返利网。

http://www.nytimes.com/interactive 的這個例子做得很好-|-诺基亚5200qq,用了真實內容來創建圖表-|诺曼琦官方网站专卖店。

http://selfiecity.net/

最後_||众彩软件下载,來自我們為CNN做的一個項目_-_锦屏记19楼。我們用了顏色編碼來展表現政黨偏好|-_游侠红牡丹主题曲,同時立體突起在視覺上表現人口統計信息_-|310足球大赢家体育。

http://truthlabs.com/work/cnn

作為首要準則——數據與技術所需|-|1953年1月8日人民日报,我們需要嚐試各種定製化圖形|-沈阳小伙。但我們還是要有備選計劃_|盈宝彩票正规吗,以防設計並不奏效_|-助赢官网,或者客戶喜歡相對保守的方式|-|覃奀垚。

五--爱相约、那又如何||-优乐彩可靠吗?

我們為什麼要把所有這些數據放在頁麵上永城?答案是-__易中彩票代玩账号兼职:這樣人們才能使用——做決策_-阿里旺旺2012买家版、調研_|野兽汽车、預測未來___温州红盾信息网,什麼都行__-2019年128期四不像头像。關鍵是_-诺基亚5530xm软件,用戶不會沉浸於你所選的漂亮色彩|_网上订票取票时间限制,他們是來工作的--|苏泊尔电压力锅使用方法。

我的建議是——在你排布好頁麵一切就緒後_||132彩票网可靠吗,問問自己“那又如何||快乐大本营落跑甜心剧组?”|-_黄龙云简历。看看每個圖表||青岛台东八路洗头房、組件-__skinselect、表格_|_新四军片尾曲,仔細考慮人們從中能獲取到什麼--_金蓓蓓。通常你會得出這樣的結論--亿彩彩票计划,“這些都不重要”_-|至尊争霸彩票安全吗,這就意味著要減少或是重新思考|-太原洗头房。

這在我身上發生過好幾次——我創作了複雜漂亮的儀表板--手机玻璃厂,包含了一係列時尚的圖表|-059彩票、餅形圖_-苏州地税局网站,還有成千上萬數據點構成的地圖__|深圳电视剧频道直播。但總是被客戶質疑“我隻想知道這樣有效嗎……我要的東西在哪|__上苍的馈赠?”還有“我隻要3樣東西……X|易赢彩票、Y和Z-_-易彩堂赢了钱敢要吗?。哪裏可以看到它們|_|永利怎么不能提款了?”

哎||-美丽霸道的授课老师,這時候你才會意識到自己迷失在雜草叢中-__飞来横祸的读音,遺失了重點__说说电视记者这行吧。

我會有個辦法|||自助硬币存取款机,嚐試使用文字來精確表達人們所要的東西-_|陪葬品钥匙。

在重要信息上___致青春里面的乐队,文字總結可能比圖表更有效|锐志功能。

上麵的圖來自我們最近的兩個項目|306官方彩票安卓。兩者都通過文字展現用戶所需的信息_--断纸机,並沒有依賴需要解釋說明的圖表-宋老六。

這個方法使我們的客戶產生共鳴-长青学校,尤其在重要信息上_艾欧纳克斯。但我之前提過_亿彩彩票怎么样,總要考慮各種角色||-诺基亚5238刷机,所以要用在適當的地方_--2019可以网上买彩票吗。

就像其他所有形式的設計一樣|-中国彩票9 6亿大奖,它也需要一種平衡_-心理罪为什么看不了。

力求使你的數據與眾不同-云顶国际登录官网首页,但是要避免過度設計和無謂的分心-__艳艳乡村全文阅读。

為數據選擇正確的圖形_300203,但別忘了有層次地構建頁麵178彩票平台。

無論多麼單調||-qq游戏2011官方下载正式版免费下载、令人沮喪|-_周星驰电影大全国语版全集,還要打磨每個小細節……還有別忘了問自己-|河北区haobc,“那又如何-|众彩彩票彩票兼营?”

 

banner
看過還想看
可能還想看
熱點推薦
Yonghong的價值觀-|256手机彩票网:以卓越的數據技術為客戶創造價值-_-众盈时时彩是违法的吗,實現客戶成功_湖南卫视直播在线观看古剑奇谭。