本课教程的目的是掌握个人中心页的设计,了解个人中心界面排版方式与小程序的布局,喜欢的一起来学习吧。
![](https://pic.huke88.com/upload/content/2019/07/17/15633761141630.jpg)
学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一解答。
![](https://pic.huke88.com/upload/content/2019/07/17/15633761532715.jpg)
那我们开始今天的教程吧。
1.个人中心是用户基础信息和操作功能入口集合页面,有列表式、棋盘式、棋盘+列表。
![](https://pic.huke88.com/upload/content/2019/07/17/1563376163666.jpg)
2.个人中心有操作功能与个人信息,个人中心仅自己可见。个人主页是信息的浏览,用于别人观看。
![](https://pic.huke88.com/upload/content/2019/07/17/15633761727436.jpg)
3.列表式最常见的方式是左边图表,右边文字。一行一行的分隔开,它的特点是层次清晰,方便添加,信息直观。
![](https://pic.huke88.com/upload/content/2019/07/17/1563376181999.jpg)
4.列表式的缺点是不宜放太多,个人中心的页面有太多的列表,会很拥挤,使人视觉疲劳,层次划分不明显。
![](https://pic.huke88.com/upload/content/2019/07/17/15633761952364.jpg)
5.棋盘式的优点是操控方便与界面美观。点击的空间大,比较方便。
![](https://pic.huke88.com/upload/content/2019/07/17/15633762111173.jpg)
6.棋盘式的缺点是信息传达较弱,不利于扩展。文字不够明确,传达弱。
![](https://pic.huke88.com/upload/content/2019/07/17/15633762197626.jpg)
7.棋盘+列表是最常见的形式,它的优点是层次分明,信息丰富。
![](https://pic.huke88.com/upload/content/2019/07/17/15633762272440.jpg)
8.打开【XD】软件,导入【文件】,【Ctrl+D】复制页面,重命名【个人中心】,删除多余图标,选择【文件】,重命
名【底部】,在页面上输入【个人中心】,具体如图示。
![](https://pic.huke88.com/upload/content/2019/07/17/15633762345603.jpg)
9.使用【椭圆】,画出圆形。输入【W】110,【H】110,点击【居中】。取消勾选【边界】,【填充】D9D9D9,具体