如何根据规范设计一个列表页面
不知道你有没有注意过,在使用APP的时候,个人中心界面都是十分简单的,一般都是一些选项跳转页面,这种我们称之为列表页面,下面来学习如何设计一个规范的列表页面。
列表页面设计
(01)我们以sketch软件来进行设计,打开软件创建一张画布,尺寸为375*667。
(02)对于导航栏和状态栏来说,系统是有规范的,导航栏高度为44px,字体为18px,在软件中找个预设的来添加就行了。
(03)一般列表页面都是有一个返回的,我们可以利用“矩形”工具来绘制一个,你也可以在网上找png格式的透明图标直接使用。
(04)接着我们给页面添加一个底色,选择矩形工具创建375*667的矩形,置于最底层,然后在右侧填充中调整下颜色。
(05)接着用矩形工具绘制白色的形状,当做内容区域,它与导航栏的距离为16px。
(06)接着我们输入最租车的文字信息,字号为14px,上下间距和左侧间距都是16px,这样能保证视觉上的统一。
(07)在右侧我们一般都是有一个跳转符号和文字平行,符号的高度为14Px,你可以直接用返回图标来使用,使用旋转方向。
(08)选择“直线”来添加一个添加,这样我们就制作完成了一条信息,是不是很熟悉。
(09)利用这个方法来绘制完成所有列表选项,Ctrl+d能够快速复制。
(10)最后提醒大家一点,在设计的时候,你可以将不同类别的选项用白块来分开,这样对于用户的体验更换,两个白块之间的距离也是16px哦。
-
怎么取消电脑自动锁屏
不喜欢电脑自动锁屏,但也不知道怎么设置,没关系,一起和我来了解一下吧。操作方法(01)我们先打开“控制面板”,可以在“开始菜单”或者是直接在桌面上打开,大家就自己选择吧。(02)打开之后,我们选择“系统和安全”。(03)再在“电源选项”下,选择“更改计算机睡眠时间”。(04)最...
-
笔记本电脑win10如何快速取消“锁屏密码”?
日常工作生活中,除了工作和公众场所,私人以及家里电脑没有必要设置锁屏密码,每次登录输入一连串密码显得多余,已经设置的可以取消。下面介绍一下“笔记本电脑win10如何快速取消“锁屏密码”?”操作方法(01)右键点击桌面左下角“开始”——“运行”,打开“运行”对话框...
-
邮箱快速注册,不用手机号
如何快速注册邮箱?如何不用手机号注册邮箱?仅以TOM邮箱为例。操作方法(01)点击连接进入TOM邮箱注册页面输入邮箱账号等信息(02)选择微信注册,拿出手机扫一扫即可完成注册特别提示使用微信扫一扫,不用手机号和验证码...
-
打印机出现卡纸怎么办,打印机卡纸怎么处理
有没有小伙伴在使用打印机的时候遇到过故障。下面我们就一起来看看关于打印机出现卡纸怎么办?打印机卡纸应该怎么处理的具体方法。打印机卡纸要怎么拿出来(01)当我们使用的打印机突然出现突然卡纸现象是怎么回事呢?首先我们需要先打开打印机的“前额”。(02)下图就表...