当前位置:优乐娱乐 >优乐娱乐数码 >数码后期 >设计趋势,探讨信息可视化的流程和方法(上)

数码后期 设计趋势,探讨信息可视化的流程和方法(上)

文章来源:其他网络   时间:2019-02-10 09:00:06   我要投稿  分享到
数码后期由于目前在做大数据类的产品,界面上总需要使用设计语言来解释一些很虚拟、抽象的概念,因此不可避免的要研究信息可视化。之前看了很多同行在这方面的总结和分享,却发现内容都差不多,几乎都是来自国外的一些相关书籍和资料。所以这里我想谈一下在经历了这个项目后,自己对信息可视化的一些粗浅的理解,希望可以抛砖引玉,影响更多同行分享有价值的内容。我对信息可视化的理解由于刚开始接触,理解自然非常浅显。也许日后会有更高深的见解。目前我认为:信息可视化就是用图形正确的表现复杂的信息和逻辑关系,这样可以:通过图片特有的美观和趣味性,吸引读者通过最优表现形式,使内容更易懂拉近读者与产品的距离,提升品牌认知度这个图忘记是在哪里看到的了,它给我留下了非常深刻的印象。这个例子通过简单的图形变化让降雨量信息一目了然。信息可视化是一门了不起的学问,需要设计者既有很好的交互意识,又要有一定的图形设计能力。设计趋势,探讨信息可视化的流程和方法(上)和视觉小伙伴们一起协作得出的成果作品一:安全产品优乐娱乐展示

创作灵感:从需求文档中看到这些子产品名字有御前卫、八卦阵、御城河……当时就觉得非常有意思,脑海中立刻浮现出一个古城的画面,古城周围有士兵、有八卦阵、有御城河等。跟视觉设计师表达这个想法后大家一拍即合,最终产出了这个方案。中间的城楼最开始是红色的,有点太抢眼,为了避免喧宾夺主又体现出数据被保护的感觉,就把它改成了这种半透明的、很数据化的虚拟感觉。
设计趋势,探讨信息可视化的流程和方法(上)作品二:产品结构图创作灵感:通过竞品分析发现国内外同行在这方面都非常下功夫,所以我们也要力求用一张图来把产品结构和关系描述清楚。下篇文章会讲具体的设计过程。设计趋势,探讨信息可视化的流程和方法(上)作品三:使用流程示意图创作灵感:产品经理给出的这个图很严谨,但是对于用户来说理解起来比较困难,因此先用线框图把它简化为单向的流程图,但这样又不够美观和直观。心灵手巧的视觉设计师经过图形的美化,巧妙解决了这个问题。原始图:设计趋势,探讨信息可视化的流程和方法(上)修改中(局部):设计趋势,探讨信息可视化的流程和方法(上)改良后:设计趋势,探讨信息可视化的流程和方法(上)作品四:方案描述示意图和上个作品类似,也是先梳理信息逻辑,用更易懂的方式去表现,再通过视觉设计师美化。原始图:设计趋势,探讨信息可视化的流程和方法(上)改良图:设计趋势,探讨信息可视化的流程和方法(上)还有其它很多作品,在这里就不一一展现了。完成这些作品后,我积累了哪些经验和心得呢?信息可视化的设计标准要想把一件事情做好,首先要知道做好的标准是什么。在我和小伙伴们一起完善信息可视化作品的过程中,我们经历了无数的修改,把这些失败的作品放到一起,就可以大概得出失败的原因是什么,而好的标准又是什么了。设计趋势,探讨信息可视化的流程和方法(上)这些就是我归纳总结出的四条标准,下面我就来一一解释:设计趋势,探讨信息可视化的流程和方法(上)这个我就不多说了,地球人都能理解。设计趋势,探讨信息可视化的流程和方法(上)信息图要美,但美不是最重要的,最重要的是更直观、清晰地传达信息。举个例子:下面这个图是我前后两版设计的信息图,内容是一样的,但形式上,哪个更好懂?设计趋势,探讨信息可视化的流程和方法(上)设计趋势,探讨信息可视化的流程和方法(上)很明显,右图看上去更直观、更清晰。因为同样的内容,右图用了对称的形式,理解起来省了一半力气。所以我们在设计信息图时,一定不要浅尝辄止,要努力寻找最佳方式,让信息更简明易懂。设计趋势,探讨信息可视化的流程和方法(上)“正确”是信息图最基本的要求。信息图再好看、再易懂,但如果读者对它的理解都不正确,那这个图就没有任何的价值。举个例子,下面这个图描述了某产品中子模块的关系。看到这个图,我以为这些子模块遵循从1到5的先后依赖关系,但实际上不是这样的。这就说明图形传达信息的方式不正确。设计趋势,探讨信息可视化的流程和方法(上)下面要说的“一致”是比较容易被人忽略的,但它也是非常重要的一点。当你的产品有多个页面涉及信息可视化时,不考虑“一致”会让阅读者难以理解,产生混乱。设计趋势,探讨信息可视化的流程和方法(上)既然我们保证图片表达的内容是真实的、正确的,那么就一定要考虑到事实的逻辑性。影视剧中大家总对“穿帮”镜头津津乐道,就是因为它不符合人们的真实认知,从而显得很“假”。设计趋势,探讨信息可视化的流程和方法(上)为什么“穿帮”现象难以避免呢?因为时间、天气等原因没有一次拍完整导演突然有了新想法,在原有基础上补拍一些内容重新剪裁或重组内容看,是不是和设计过程非常的相似?工作量太大,设计师一天完不成中间突然穿插了其它工作后面又有了新想法修改的内容过多,部分遗漏或忘记更新因此设计“穿帮”现象也是难以避免的。比如下图,在其中一张图中,“安全产品”是用的小锁的图标,而到了另一张图中,“安全产品”变成了“安全中心”,图形也变成了盾牌形。这样就会让用户感到疑惑:这两个是一回事吗?设计趋势,探讨信息可视化的流程和方法(上)我们在设计过程中,有很大一部分精力放在了检查和修改“穿帮”中,不要认为这是一件小事,细节决定成败!高度一致性的图形,既易懂,又提升品牌形象,更提升设计效率。符合逻辑的视觉语言设定,是信息可视化中必不可少却又容易忽略的,应该引起设计师的关注。在下篇文章中,我会举一个完整的案例来讲解做信息可视化的方法和过程。更多优乐娱乐远程数码后期修片教程尽在全影网
官方微博:@全影网 http://weibo.com/7192com 官方微信:想在手机上获取最新鲜资讯吗?添加全影网官方微信:www7192com
免责声明:本站部分内容、观点、图片、文字、视频来自网络,仅供大家学习和交流,真实性、完整性、及时性本站不作任何保证或承诺。如果本站有涉及侵犯您的版权、著作权、肖像权的内容,请联系我们(0536-8337192),我们会立即审核并处理。

我要评论

当前已有loading...个参与 查看所有评论
验证码: 验证码,看不清楚?请点击刷新验证码
  1. 图片

    旅游市场黑名单试行,票付通助力打造0差评景区

      近日,文化和旅游部印发了《旅游市场黑名单管理办法(试行)》
  2. 图片

    2018-2019黑河冬季旅行攻略

      图文:自游自在新媒体旅行家张家傻少爷  去五大连池看一次
  3. 图片

    “冬游本溪 称心如意”百万粉丝人气网红聚焦本溪冬季旅游

      2018年12月20日—24日,由本溪水洞旅游(集团)股份公司牵头

名企招聘

人才求职

优乐娱乐手机版摄影

  1. 1优乐娱乐手机版摄影成都鱼摄影分享新郎婚前护肤妙招 完美肌肤轻松养成
  2. 2优乐娱乐手机版摄影成都苏格优乐娱乐手机版摄影机构盘点独特婚礼妙招 轻松打造难忘回忆
  3. 3优乐娱乐手机版摄影成都亚果国际摄影会所教你如何挑选家具 让新房焕然一新
  4. 4优乐娱乐手机版摄影成都婚庆公司教你根据身材挑选饰品 助你选到满意首饰
  5. 5优乐娱乐手机版摄影拍婚照出现突发状况怎么办 成都优乐娱乐手机版摄影前十强来支招
  6. 6优乐娱乐手机版摄影成都亚果国际摄影会所盘点做发型存在的问题 做出完美发型
  7. 7优乐娱乐手机版摄影成都优乐娱乐手机版照价格盘点婚礼常穿的服饰 表达不同意义
全影招聘节X 关闭
扫描访问手机版 优乐娱乐平台