童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

轻触,数据美丽的外衣

11月3日 虎狼旗投稿
  “我生活在一个拥有7,080,360,000人的星球上,这是关于他们的故事,
  现今平均每人会对7。4个人说2250个词,人们会发3000亿封邮件
  190亿条短信,加起来可组成1个巨大的马赛克图案”《触摸未来》(最近很迷的一部美剧)
  没错,在这个信息爆炸的时代,借助图形化的手段,高效和清晰的交流信息是数据可视化的目的所在,作为一种信息载体,她拥有对数据的多种表现形式,可以是美丽的且带有趣味性的,以前对于数据在图形上表现只是停留在饼图、柱状图和直方图等简单的视觉表现形式上,为了更加有效的传达数据信息,帮助用户理解引起共鸣,依附与目前多媒体的科技手段,可视化的表现形式从平面到三维,媒介形式从纸张到网络以及视频,在互动性及时效性上都不断发生着变化。
  当然,之所以将数据的外衣称之为美,也并不意味这对于她的表现仅仅只是拥有华丽的视觉外观而已,而更重要的是能把握好外观与信息本身功能之间的平衡关系。有学者认为这是理性与感性、“美”与“用”结合的一种设计方式,我很赞同这样的说法,如果对于可视化的设计只是为了漂亮而绘制出图形复杂内容空洞的数据图形是没有任何意义的。
  
  上图为DavidMccandless在Informationisbeatiful上发布的《怎么样做出好的可视化设计》。
  曾看过不少的相关类型设计文章,都对于可视化的设计方式拥有一个比较同一的说法关注视觉上的信噪比,这也许是所有视觉传达设计共有的一个核心概念,将其衍生到数据可视化的设计领域应该就是将文字,图表、图形等核心的关键元素予以强调并清晰表达在媒介之上,弱化或者去除没有必要的符号,线条,列表等,而后再对信息根据不同的纬度(平面或者立体)划分并重组,逐步对数据进行视觉化的呈现。
  对于数据的可视化并不是很新的一种设计表现思路,在史前时期的洞穴壁画中的体现到土耳其地区公元前7500年出现的地图再到1786年威廉普莱费尔《TheCommercialandPoliticalAtlas》数据型图表、1861年卡尔斯拿破仑东征(征俄)的信息图表等都表现出了可视化设计的雏形,历史的沿革一直带动着此类设计的发展,到了现代随着科技日新月异,对于各类设计的划分及定位也逐渐细致,可视化以其美丽雅致的外型、对于特定人群所关注的信息清晰定位才再一次成为了众设计师们关注的焦点,我们也才可以通过更加多的设计手段对于这类设计进行更好的呈现。
  上图为商代甲骨文象形文字
  上图为经典的卡尔斯拿破仑东征(征俄)信息图
  说了那么多可视化的好处,难道到她就没什么弊端吗??答案是否定的,可视化的优势在我看来是图形语言的传播速度比较快,而且范围广,一般的语言文字无法相比,但对于相对复杂的可视化数据图表,必须要针对特定人群绘制才能降低理解的成本,而在这一点上语言文字相对而言更具有普遍的适配性,(这跟咱们平时的icon绘制很相似,如果绘制的图形不能很好的映射当前功能的操作,那不如用文字来清楚明白),并且数据可视化是一门综合的学科,并不是单纯靠视觉上的表现能解决所有问题的,她涉及数据采集、统计学、动画、三维建模、制图学,影象学等等,一旦要立项所涉及的成本还是挺高的,在项目的任何一个环节都需要比较高的专业度去完成,才可以拿出一个比较好的作品。
  数据的可视化是一种让人痛并快乐着的设计形式,作为一个视觉动物,我一直为其漂亮的外部表现形式所折服,网上也找一些案例,根据不同的表现形式及自己的个人的理解进行了归纳和分类与大家分享。
  动态视频的数据可视化案例:图形阐释音乐
  互动型的数据可视化案例:与电脑玩剪刀石头布
  http:www。nytimes。cominteractivesciencerockpaperscissors。html(有兴趣的同学可以去玩一下)此类设计形式重在突出用户参与性、娱乐性及信息的实时性。
  静态的数据可视化案例:根据视觉呈现的样式进行划分
  (极区图):视觉上的特点是以中心为基点,向外发散,构成图形好像花朵也称为玫瑰图。
  
  (桑基图):视觉上的特点是图的始末端两端的宽度相等
  
  (矩形式图):顾名思义都是方块状的格子,在大小色彩上对信息进行区分
  
  (热力图):这类图是一种使用冷暖色来映射二维变量,以便于做出聚类分析的图像,擅长用于体现频率、密度等
  
  (树状图):感官上比较象树根的分支,可以描述事件的进程或者数据的流程等
  
  (HyperbolicTree图):美国施乐公司的专利,可用Java和JavaScript的实现,上图为阿里巴巴中国站首页HTML的结构图表现。(蓝色:链接A标记,红色:表、TR和TD标签,绿色:DIV标记,紫:图像IMG标记,黄:表格、输入、文本区域、选择和选项标记,橙色:换行符和引用文字BR、P和BLOCKQUOTE标签,黑色:源码所有其他标记的HTML标记,灰色:根节点)
  
  (气泡图):使用点形的设计元素,以大小色彩密度的变化描述数据状态
  
投诉 评论 转载

设计师也需要了解的一些前端知识国画中有句话,“画虎先画骨”。对应到网页上,视觉效果只是一张皮,前端代码是支撑这张皮的骨,了解骨架是怎么长的,有助于设计出更合理高效的页面。一、常见视觉效果是如何实现的……利用选择题进行信息关注度研究案例解析如果我们想知道浏览某个页面的用户到底在看些什么?一般往有如下几种方法:1。查看点击流数据,如CTR(Clickthroughrate,点击转化率点选率)、点击热图(HeatMa……移动应用表单设计秘籍一直想写一篇文章,关于移动应用表单设计的,可惜最近项目很忙,忙到没有时间打理博客。最近体验产品的时候,经常看到错误的的表单设计,要么信息混乱,要么步骤繁复、要么语言程序化,要么……产品的肢体语言交互动画随着体验经济时代的到来,人们对产品界面的期待值也越来越高,交互动画在手机领域的应用已经非常普遍,例如Iphone充分发挥了动画在交互易用性方面的优势。而交互动画会给用户带来一种……敏捷企鹅的创新功夫011年6月2425日,敏捷实践者的盛会ScrumGathering大会在上海召开,此次盛会云集了传统行业和互联网行业的众多知名企业,如百度、支付宝、SAP、爱立信来自于腾讯的……解析应用程序UI设计的15项黄金法则编者按:本文原载于游戏邦,作者JakeSimpson好友曾向我展示了最新的iPhone和iPad版《极品飞车》。游戏的渲染效果令人印象深刻,是款蓄势待发的优秀游戏。但是,……轻触,数据美丽的外衣“我生活在一个拥有7,080,360,000人的星球上,这是关于他们的故事,现今平均每人会对7。4个人说2250个词,人们会发3000亿封邮件190亿条短信,加起来……从优秀的iPhone游戏中学习设计策略几乎所有iPhone用户都曾使用过游戏应用,这是一个“全民游戏”的时代。iPhone应用程序中,游戏不但在下载量方面首屈一指,在设计质量上也不乏可圈可点之处。本人从大量的游戏应……信息架构的模式〔1〕最著名模式方面的建筑著作是ChristopherAlexander的《TheTimelessWayofBuilding》(1979)。〔2〕目录模式更多信息可以参见……手机地图更新功能设计分析手机地图更新是LBS中最常用的功能之一。既然我们需要重新获取地图数据,那么首先要了解数据的获取方式。根据有网和无网两种情况,我们一般可将地图分为:在线地图离线地图……影响用户体验的4个因素随着互联网产品的不断发展,越来越多的人意识到了用户体验的重要性,越来越多的公司成立了UED相关的部门,并且职位划分已相当细致。但是UED中职能的划分,却大部分仅对接界面的层面。……详解互联网产品开发中的“快”字诀当今互联网的发展,已不是大鱼吃小鱼的时代,而是快鱼吃慢鱼的时代。互联网产品的制胜原则就是一个字“快”。在各种形态的产品研发中,我们始终贯彻如一的价值观之一就是“快”,我们应该如……
职场的语录68条职场正能量的语录职场心灵鸡汤语录28条职场的语录职场的语录50条职场正能量的语录职场正能量的语录职场的励志故事沟通技巧学习心得体会职场感谢信职场正能量的语录职场正能量的语录
芹菜心腐病的防治技巧为什么张国荣这么火?热文聚热点网 活出自己的光芒作文700字陈道明的消失,是娱乐圈的悲哀诗雨江南拿破仑的靴子能卖多少钱?拿破仑升高多少?热血同行小说是什么热血同行结局揭秘感悟小草羊防疫应注意哪些事项?京东618让你“打个电视”,华为智慧屏SE系列儿童节开售小学数学教学工作总结存款造句用存款造句大全

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界