最强王者!奥运会历史首次动态图标设计惊艳世界!

 

东京奥运会也是,一场设计盛宴。...





由于日本受到武汉,肺炎疫情的影响,很多日本群众呼吁,取消东京奥运,并且最近有网友发现,在1988年由大友克洋,漫画改编的日本科幻动画《AKIRA》中,原作故事里设定,东京会在2020年举办第,30届奥运,而且剧中的东京奥运,在开幕前147天中止——也就是现实中的2月28日。


▲日本科幻动画《AKIRA》中的东京奥运会场景截图
东京奥运会虽然一直波折不断,但奥运会的相关,工作还在进行。近日东京奥组委、残奥委推出了奥运比赛项目的,73个动态图标,这东京奥运会也是,首次使用动态图标。



这些图标由日本设计师广,村正彰(Masaaki Hiromura)完成,日本动态设计师井口皓太(KotaIguchi)制作动画效果,制作花了一年多的时间。

广村正彰(左)/井口皓太(右)
动态图标的设计,也更适合用于新媒体宣传,视觉体验非常好。



这并不是日本在竞赛,运动图标方面的首次创新,早在1964年东京夏季奥运会及,残奥会上,日本就开创先河,首次使用象形图标,来介绍运动项目。



这些项目图标,旨在巧妙地传达每项运动的,特点和运动精神,同时艺术地突出运动员,的活力。此次动态图,标的设计无独有偶,更是被看作是对1964年东京奥运创新,精神的传承和致敬。







这样的惊艳设计,让人叹为观止,日本在视觉设计和,创意方面确实令人佩服,东京奥运会其实也是,一场设计盛宴。

现在很多设计中都运用,了动态的效果,动态图更能灵活,地传递和表达信息,增加视觉效果。而且简单的动态图,利用我们常用的设计,软件就可以实现。即使是王者段位也是从,青铜开始一步步打上去的,想做出流畅惊艳的动效设计必然要,从基础开始练习。

比如用iPad上的Procreate APP就可以制作动图,让ipad瞬间从爱奇,艺变回生产力。

首先打开Procreate,点开操作里的画布,打开动画协助,根据自己需要在最,下方进行动画帧数等设置。



然后微博和B站小优也找到了很多使用Procreate制作的动效图,一起来看:





作者 微博@黄澄澄澄
Procreate非常强大,除了日常随手涂涂画画,设计插画、场景图、动图等也非常方便,操作过程也很简单。

但是对于更精美的动态图,我们就需要更规范,的设计方式了。一般会把AI、ps和ae等制图工具,结合起来使用,得到效果会更好。

5g时代动效设计,应用越来越多,动态图早就渗透到各种,设计中了,利用会动的图形传达信息,表达情绪其实并不简单,我们首先要注意最,基本的四个原则。
简洁



就像东京奥运会的动态图标,图标的第一要素就是,给用户传达准确的信息。要尽可能简化内容,尤其是利用它传达特定的,信息时,也不要使用多余的色彩,以免分散观众视线。紧紧围绕着要表达,的核心元素来设计,不要过度使用设计技巧。

作者:Zajno Crew
流畅性
一般动态图的时间都不会太长,利用循环播放达到视觉效果。这正是最重要的一点,一个动态图就是一个完整,的故事,要达到叙事流利,在制作过程中,就要预先设计好,每一个节点和走向,设计元素时也要认真仔细。

作者:James Curran
一致性


除了单一的动态图,在给企业、品牌方或奥运会这样,的项目设计时,除了结合产品的特色和形象,还要保证动态图,的完整和统一。颜色的搭配、图形的选择、运动状态等都要保持一致,不能每张图都风格迥异。

作者:Markus Magnusson 
尺寸


很显然动态图已经深入我们的生活,各类社交平台、网站、APP都在使用GIF图。对于不同平台和场景,图片的规格都不同,所以gif图在保证,清晰度的原则下,尺寸一定要足够小。

·尽量让帧数保持,在150帧以内;

·导出时将有损压缩设置在5—10之间,可以自己多尝试,尽量在图片质量和尺寸,上找到平衡点。

·尽量减少色彩,色彩很大程度上对文件,大小有影响,也会影响图片加载速度;

作者:magoz
当然,使用ae和ps工具,加上你的创意,勤加练习你也可以做出流畅,酷炫的动效。最后再安利一个制作,动态图的ps教程,扫码学起来!


    关注 优秀网页设计


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册