本节课讲解【UI设计】-从零基础到就业实战-【成就勋章设计】,同学们可以在视频下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。
课程目标:成就勋章图标设计,【核心知识点】:①、我的成就页面交互原型定义,②、页面流程梳理,③、轻拟物勋章图标设计。
那我们开始今天的教程吧。
1.本次课程主要讲解【页面流程图梳理】,打开【Figma】-复制【文本】-【编辑文本】:返回、我的成就、分享。
2.创建【文本】-【当前佩戴成就】,创建【矩形】-代表勋章图案,创建【文本】-【已获得6枚】。
3.创建【矩形】-【圆角】最大,下方创建【矩形】做底图,上方【圆角】-【24】-颜色【白色】,创建【文本】罗列【分集】。
4.分集下方的【勋章】图标最大,下端是【文本】-【勋章名称】,创建【矩形】-【H-6】-圆角【10】。