本节课讲解 - 1.4 UI的适配和规范,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。
课程核心知识点:行业这些规范的来源、个平台设计规范解读、尺寸单位换算 。
学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一解答。
那我们开始今天的教程吧。
1.我们的规范可以从官网上找到,例如苹果官网,我们可以看到跟设计相关的规范,如图所示。
2.我们首先讲解一下IOS的设计规范,最上方的红色选框为状态栏,这是无法去进行修改的部分,如图所示。
3.最下方的红色选框为虚拟主页键,和状态栏一样都是无法进行修改的部分,如图所示。
4.上方绿色部分叫做导航栏,这是可以进行更改的部分,并且是重点设计的部分,如图所示。
5.下方绿色部分叫做标签栏或者工具栏,可以使用这个部分快速找到自己想要的部分,如图所示。
6.中间的部分叫做安全设计区,这个区域没有固定高度,随着手机的大小来进行调整,如图所示。