网站地图    收藏   

主页 > 设计 > 网页设计 >

冰淇淋色流程规范信息的可视化_交互设计教程

来源:自学PHP网    时间:2015-01-08 09:51 作者: 阅读:

[导读] ...

   比起白开水,冰淇淋明显是比较好吃的嘛(除非你对甜食有着强烈的抗拒情绪)。那么对于你的眼睛来说,自然也是比较想要“吃冰淇淋”的咯!近年来各种数据可视化、信息可视化图的兴起,科普知识、研究报告、信息图表摆脱以往单一的数据文字内容,不再冷冰冰而有了自己的“味道”。这些有趣的阅读体验不正是口味超丰富的“冰淇淋”们吗!下面先一起来欣赏一下这些美好的例子吧。

冰淇淋色流程规范信息的可视化 三联

  以上是一位设计师以自己节制饮食规划一周为主题所拍摄的海报,原本不及颜色那么鲜美动人垃圾食品的朴素的健康食品,在设计师的巧思下变得可爱清新,热量蛋白质等数据也不再干巴巴而成为设计的美好元素之一。这可比那些市面上说教式的健康饮食菜谱让人有胃口多了,是不是让观者更有动力扔掉垃圾食品们,迈向健康的新生活呢~

  以上是经典字体Helvatica的一组时间轴图表,设计师除了清晰的展示这个字体的历史之外,不忘用强烈黑白红凝造出与字体本身“优雅、经典”相符的气质。

  以上是一组Mercedes-Benz 的广告。作为大家耳熟能详的豪车品牌,这组广告用信息可视化的形式,将一些大家略知一二的常识图形化夸张化,画面吸引人的同时也更具说服力。通过间接的手段去宣传品牌概念,提升品牌的丰富内涵形象。图表内容中使用的文字都需要非常“专业、严谨”,并不是每个人都能从中得到有效的信息。反观图形化后的内容,文字们纷纷有了表情,阅读门槛大大降低。不再是看过即忘的填鸭式信息。

  项目背景

  参与我们的各种需求的团队外部人员众多,有较为明确的工作流程规范来让各位小伙伴了解到自己在项目中参与的部分对于提升效率是非常有必要的。一般的规范内容都是以纯文字内容来表述,对于我这种一目十行的人当然就是过目就忘了,等到需要使用的时候又要翻出来再次阅读,效率既低又十分麻烦。如果将其转换为图像内容,阅读起来是否会更加直观易懂,更能给人留下印象呢?

  项目过程

  一开始提出这个需求,我们打算是以全html动画来实现设计,不仅在流程上能使原本的ppt形式更易读美观,也能在技术上有一些新的尝试。整个流程以工厂流水线为概念,加入许多互动的操作与小动画效果以求让浏览者能够对每个步骤更加明确。

  但由于定下的这个方向过于模糊偏向非功能。设计稿初稿出来后有众多的问题:其中阅读时间过多,反而相交起直观的文字ppt大大提升了阅读门槛。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论