编程赛活动主视觉设计
![](https://img.zcool.cn/community/031ef9f5ca60845a801214168933db9.jpg?imageMogr2/auto-orient/thumbnail/160x160r%3e/gravity/center/crop/160x160/sharpen/0.5/quality/100/format/webp)
![](https://img.zcool.cn/community/031ef9f5ca60845a801214168933db9.jpg?imageMogr2/auto-orient/thumbnail/160x160r%3e/gravity/center/crop/160x160/sharpen/0.5/quality/100/format/webp)
有道优课编程赛设计复盘
前言
网易有道旗下素质教育项目有道优课,目标群体3-16岁青少年,主要业务包含:编程、围棋、乐高、国学诗画、美术、科学、人工智能机器人等课程。定期组织的编程赛已经做了两届。
第一届编程赛设计复盘(7月份)
一开始设想的画面是一个漂浮的人被富有未来感的电子屏环绕的状态,以体现少儿编程的奇妙有趣富有科幻,于是按照这样的设想收集了大量的情绪版和参考。
情绪版
接下来结合情绪版按照设想画了一个草图,使用了常规的左文右图的布局
接下来在对画面进行绘制的过程中,发现人物姿态有点别扭,于是更换了一个新的人物姿态
然后增加了太空元素,以丰富画面
到这里出现了新的问题,我们的人物比例像一个成年人,而我们的用户群体是青少年,于是只好重新绘制了人物形象
到这里基本没有太大的问题了,可以进行深入的细节设计了
领导提了一个很好的建议,于是小男孩的眼镜换成了更有科技感的样式,为了丰富画面的细节度,又继续增加了更多的小元素,并且增加星星的数量
主KV确定之后,延展其他宣传物料(网页UI、移动端邀请函、倒计时、易拉宝等等)
第二届编程赛设计复盘(11月份)
这次是在第一届编程赛设计的基础上进行的2.0迭代
第二届编程赛是双人团队赛,所以这次的主视觉人物需要绘制一男一女两个青少年,根据这个方向开始收集情绪版和人物动态
情绪版
人物动态参考
然后绘制出了最初的草图
并对草图不断的优化,反复的修改,绘制出最终的效果
然后结合第一届的主标题版块,设计出网页头图
对比第一届
之后其他的全部物料都是在第一届的基础上修改的,这里就不再赘述了
![](https://static.zcool.cn/git_z/z/images/new/page-loading.gif)