产品概述

设计的初衷,就是要打造一个垂直于电子竞技的视频平台。在平台上,视频游戏玩家可以实时地观看其它玩家的游戏情况。不仅可以在上面看到游戏比赛的赛况,还可以从其他玩家那里学习游戏战略。如果遇见志同道合的玩家可以互加好友,建立自己的游戏社群。

Deliverables

High Fidelity Mockups
Wireframes
Interactive Prototypes
Animated GIFs
UI Kit

制作流程

首先,使用OmniGraffle把自己的构思流程路整理出来。

接着,在Sketch里面依据流程图制作出线框稿,在这一步无需考虑色彩,大小细节,把注意力集中在功能板块的布局,反复确认是否有遗漏重复的功能模块。

然后,在线框图的基础上对界面进行视觉处理。

产品概述

最后,生成可重复使用的用户界面组件包制定规范准则。以帮助工程师了解视觉特性,如大小,颜色和定位。这样即便突然更替设计师也不会对后续版本迭代造成规范不统一浪费大量的时间。

交互模型

提炼每一个页面从开始到结束的运动动画,构建客户端高保真交互模型,以及向工程师演示运动,反馈和不同状态等交互动画制定动画可视化组件,如启动屏、Loading动画、预加载。