《里约奥运2016 》H5设计过程(翻译)

发送到手机
使用"扫一扫"即可发送至手机

数字化的体验——2016奥运项目运用在未来网页的方式,所有的运动画面都在一个屏幕里呈现。


3.jpg1.gif


一、视觉的关键是简单、颜色鲜艳丰富的,同时还适用于男女体验。


我们开发了一个所有运动项目都可动的网页,它的宣传主要被放在一些获得奖牌的国家和2016奥运主办国巴西。


2.gif


二、数据流程图:用户体验和行为流程


我们建立了一个数据库,它包含了32个运动项目,和如何用最简单的方式去使用它。

三、视觉设计


1.不同运动项目、器材的UI设计。下图是描边型的ICON设计


3.jpg


2.流畅的运动效果、不同尺寸的界面设计。用传统手绘动画展现运动精神、出汗的效果、迅速且强有力的运动。


四、交互设计


给重度用户带来更好的交互体验,简单的交互设计可以带来更私人化的体验。





五、移动端效果体验


在移动端这样较小的屏幕范围内,我们将动画设计得更加简洁紧凑。


8.jpg

9.jpg

10.gif

10.gif


《里约奥运2016 》H5设计过程(翻译)

《里约奥运2016 》H5设计过程(翻译)

分享:

标签: