本节课讲解【UI设计】-从零基础到就业实战-【成就勋章设计】,同学们可以在视频下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。
课程目标:成就勋章图标设计,【核心知识点】:①、我的成就页面交互原型定义,②、页面流程梳理,③、轻拟物勋章图标设计。
那我们开始今天的教程吧。
1.本次课程主要讲解【我的成就界面】,打开【Figma】-复制顶部【图标】-复制【分享】图标-编辑文本【我的成就】。
2.创建文本【当前佩戴成就】下方是图标,底下创建【矩形】-上方【圆角】-参数【24】,背景底色填充【黄色】。
3.文字大小【16】-间距高度【12】,创建【矩形】-【H48】-圆角【24】-降低【不透明度】,复制【勋章图标】大小【W48H48】。
4.底色高度【H64】,复制【Ctrl+D】勋章图标,【勋章图标】跟底色上下左右间距【8】。