团餐vi设计的核心价值在于为企业打造独特的品牌,团餐vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“团餐vi设计”配图为本公司设计作品
信息图表并不新鲜。当然,互动网站也不是——但随着最近Vox、Fivethirtyeight等数据驱动的新闻网站的推出,它们变得越来越受欢迎。
由于观众在平板电脑、手机和台式机上看到这些信息图表,所以用HTML5构建这些图表是一条出路——这很可能是你的客户和同事要求你构建的方式!
结果是棒球迷的地图
这里有三种方法可以确保你的基于HTML5的交互式信息图突破混乱。
1)想一想为什么你要用解雇方法制作信息图
在你考虑技术之前,重要的是从观察者的角度考虑图形。虽然HTML5为你提供了一个全新的媒介来展示你的数据故事,但它不会自动赋予文章目的或叙述性。
很明显,一个项目是在最后一刻拼凑起来的,没有考虑到可用性或质量。你如何避免做那项工作?我喜欢使用"解雇"方法——这是一种在开始使用最新的半铸钢钢性铸铁(Cast Semi-Steel)技巧制作交互式地图之前记住批判性思考的简单方法:
新鲜——你的设计如何脱颖而出?
信息丰富——你展示的是准确而有趣的事实吗?
相关——你的信息讲述了一个和谐的故事吗?
娱乐性——观众是否被吸引并为成为你故事的一部分而兴奋?
与众不同——你的信息图是新的吗?以前做过吗?
问这些问题将有助于你规划出你的网页的目标,以及你希望你的信息如何与你的观众产生共鸣。最终,你的最终产品应该以清晰和可口的方式表达你的想法。有创造性,是的,但也要有纪律性。图形艺术应该吸引读者,但呈现的数据需要简洁;不要让媒体超越了信息。一个成功的信息图表能吸引你的观众更多的注意力,并且易于理解。
2)让它移动
Adobe Edge动画是一个HTML5动画工具,允许您向网图形添加动作,使您能够扩展具有交互性和移动性的自定义设计。它还集成了其他创意工具,为你的网页创作提供了设计和超文本标记语言之间的无缝桥梁展示。页面上有一些非常棒的模板和示例可以帮助您入门。如果你想更深入一层,并添加像点击和触摸拖动擦洗器的元素,这里有一个资产目录,让你开始。
你还可以利用半铸钢钢性铸铁(Cast Semi-Steel)和HTML5的最新浏览器更新来编织交互式图形,以制作一些非常漂亮的效果100 . CSS形状正处于规范的最后阶段;检查一下(Github回购在这里)。
网络信息图的演变。
3)数据,数据,数据
如果没有强大的数据源和工具来说明它们,信息图就什么都不是。
数据来源可以是多种多样的——无论是你自己的研究还是你客户的研究Quora。上还有一个很好的公开数据集列表,可以给你一些很好的原始数据。
我最喜欢的一些收集和评估数据的信息图表服务(当然,它提供了所有的HTML5产品)是:
皮克图——一项免费服务(带有apaid pro选项),提供了一系列可定制的主题,带有一个点击数据导入实用程序。
信息组.am——免费服务(带付费的apaid pro选项),提供模板、电子表格和其他实用工具
注:本文“团餐vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐