时间：2017-12-04 10:09作者：Blank来源：河东软件园人气：473我要评论(0)
相信很多人都有注意到，我们在使用软件的时候，它的个人中心界面一般都有一些跳转页面选项，我们称它为列表页面。那么如何根据规范设计一个列表页面呢？在工作中列表页面是需要我们自己制作出来的，方法很简单，只需要在sketch软件中新建一张画布，然后进行一系列的设计。下面的教程中有对设计列表页面详细的操作方法，朋友们可以学习一下怎么设计列表页面哦，具体请看下文：
1、首先我们用sketch软件进行设计，进入页面之后新建一张画布，可以看到中间就有了一张新的画布，然后将大小下面的尺寸设置为为375*667，如下图所示；
2、然后在软件中找个预设的添加导航栏高度是44px，字体是18px即可；
3、一般列表页面都是有一个返回的，我们可以用上方的【矩形】工具来绘制一个列表页面返回的标志，如下图所示；
4、然后我们在上方的【矩形】工具中创建375*667的矩形，放在最底层，然后在右边填充下调整颜色即可；
5、接下来我们利用【矩形】工具绘制白色的形状作为内容区域，与导航栏的距离为16px，如下图所示；
6、然后我们输入文字信息，字号设置为14px，在文字信息的上边和下边的间距和左边间距各自16px，如下图所示；
7、一般在右边都有一个跳转符号和文字平行，高度设置为14Px，如下图所示；
8、接下来我们点击上方的【直线】去添加一个添加，就可以看到图片上面的文字信息；
9、接下来用这个方法去绘制完成所有列表选项，只需要复制粘贴即可；
10、我们在设计时可以将不同类别的选项用白块区分开，如下图所示。
好了，根据规范设计一个列表页面的详细操作方法小编就介绍到这里了，希望大家能够喜欢小编的文章！
相关阅读 Keynote for Mac怎么插入表格 Keynote表格的使用方法Pages for Mac如何设置纸张大小为a4纸Keynote for Mac演示文稿怎么循环播放背景音乐Keynote for Mac怎么更换幻灯片的背景颜色处理Safari使用插件一直提示“是否信任插件”的方法打开libreoffice impress左侧slides预览区域的方法MAC使用自带程序更改图片大小的方法mac版steam设置中文的方法利用cleanMyMac清理系统垃圾的方法完善Mac电脑中PPAPI插件的方法
热门文章
mac版qq 远程协助功能的使用方法介绍
Safari Flash插件故障解决方法
mac中下载网页版B站视频的方法
mac premiere2017英文版更改为中文版的方法
最新文章
Keynote for Mac怎么插入表格 Keynote表格的使用方法
Pages for Mac如何设置纸张大小为a4纸
Keynote for Mac演示文稿怎么循环播放背景音乐Keynote for Mac怎么更换幻灯片的背景颜色处理Safari使用插件一直提示“是否信任插件”的方法打开libreoffice impress左侧slides预览区域的方法
人气排行 mac版qq 远程协助功能的使用方法介绍Safari Flash插件故障解决方法mac中下载网页版B站视频的方法mac premiere2017英文版更改为中文版的方法mac版 ppt添加多个动画效果的方法mac版steam设置中文的方法dmg文件加密码了怎么办？快速去除加密文件密码的方法Adobe Illustrator CC 2018 Mac版安装破解教程
盖楼回复X
(您的评论需要经过审核才能显示)
查看所有0条评论>>