本节课讲解 - 2.2 App界面设计实战之登录页面,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。
课程核心知识点:了解Figma工具、输入框和输入状态如何设计、根据IOS规范的进行设计。
学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一解答。
那我们开始今天的教程吧。
1.首先我们打开Figma,刚开始制作的时候我们可能不知道要做什么,我们可以打开手机App去查看登录和注册的页面,可以根据它们进行设计,如图所示。
2.我们将上节课制作的IOS规范复制并拖动至下方,选中画版选择右侧【填充】为黄,如图所示。
3.找到顶部工具栏,选择【矩形 快捷键:R】在画板中制作一个白色的矩形,选择右上角的圆角半径输入数值为24,如图所示。