vi设计问题的核心价值在于为企业打造独特的品牌,vi设计问题可以给企业带来良好的社会声誉和经济效益。
注:配图为本公司设计作品
在本教程中,我将探索如何使用挽救(saving的简写)作为图形格式在浏览器中制作可缩放的信息图。我还使用CSS3动画技术来制作大多数元素的动画。信息图的主题是"这个星球上的人口增长"。在此预览完成的动画信息图:
可缩放的信息图从标题到底部的页脚分为11个部分。前3个部分是说明信息图主题的动画,而其他6个部分是6大洲的图形表示,用动画圆环图显示了到2050年的增长百分比。
目录
隐藏
如何准备信息图
为正确的数据做研究
为什么我选择挽救(saving的简写)作为图形格式?
可扩展且独立
阅读关于所选技术的信息
挽救(saving的简写)与半铸钢钢性铸铁(Cast Semi-Steel)结合用于动画
准备文档
创建信息图:
步骤1:创建所有部分
第二步
为每个部分创建标题
第三步
开始创建挽救(saving的简写)
第四步
漂浮的云
第五步
带着人旋转地球
第六步
在波浪中游动的鱼
第七步
各大陆
第八步
其他大陆
第九步
动画圆环图
完成的信息图
定义要使用的技术
挽救(saving的简写)和浏览器支持的后备
使用PNG回退
反馈
参考
如何准备信息图
为正确的数据做研究
信息图表在互联网上随处可见。信息图非常有助于将不容易理解的信息解释成图形,从而以简单易行的方式解释信息块的要点。
准备:在开始制作信息图之前,重要的是要做足够的研究来收集数据,并收集以吸引人的方式表现数据的想法。我相信每个人都以他/她自己的方式做这个研究,我的建议是先做一个快速草图,以确保你对你的信息图有一个整体的想法,并在浏览器中设计时有一个后备。
在线电子邮件模板生成器
有了明信片,你可以在线创建和编辑电子邮件模板,无需任何编码技能!包括100多个组件,帮助您以前所未有的速度创建自定义电子邮件模板。
免费试用其他产品
信息图研究:确保快速清晰地呈现复杂的信息,构建信息图并以标题开始,可视化与故事相关的数据,优化目标屏幕的插图。尽可能地简化,将重点限制在一个领域。重要的一步是标注时间敏感数据,以保持数据的可信度,最后一步是优化信息图,使其可共享。出于这个挽救(saving的简写)信息图的目的,我选择主题"这个星球上的人口增长"。我从维基百科收集了我的数据,并分享了我的信息图底部的链接。
勾画出你最初的想法,供以后使用和参考。
为什么我选择挽救(saving的简写)作为图形格式?
可扩展且独立
挽救(saving的简写)代表可伸缩矢量格式. SVG是一种独立于分辨率的图形格式,这意味着您不必为所有不同的屏幕提供给定图形的多个版本。这是一个巨大的时间节省。因为挽
注:配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐