本节课讲解【UI设计】-从零基础到就业实战-【成就勋章设计】,同学们可以在视频下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。
课程目标:成就勋章图标设计,【核心知识点】:①、我的成就页面交互原型定义,②、页面流程梳理,③、轻拟物勋章图标设计。
那我们开始今天的教程吧。
1.本次课程主要讲解【勋章详情界面】,打开【Figma】复制画板-保留【顶部栏】-隐藏【我的成就】,复制【奖杯勋章】-【明日之星】文字大小【24】-复制移动【原型图】。
2.图标与文本【明日之星LV.6】高度间距【12】,【LV.6】文字大小【12】-字体颜色【灰色】,文本【已达成】-添加【自动布局】-上下间距【10-12-4】。