用户登录

页面去掉边栏还有头部以外的区域就是页面的主体,在这个区域里面可以展示主要的内容。先用矩形工具,把这片儿区域都圈下来。 去掉边栏,修改填充,颜色可以设置成 88bef5 。

在图层这里找到刚才画的矩形,把它的名字改成 container,然后按一下 command + g,把它放在一个群组里,群组的名字设置成 page__main。

下面我们在这片主体区域里添加点内容,用矩形工具画一个矩形,手工设置一下它的尺寸,宽是 320,高是 240。去掉边框,修改一下填充颜色。

command + 引号,打开方形网格,按住 shift 加 alt 键,复制一份这个矩形。再复制一份,把它放在右边儿,调整一下矩形的大小,让它占用两行内容。

选中第一个矩形,command + Y ,打开图层面板,修改一下这个图层的名字。设置成 card__1 ,然后选中右边儿这个矩形,修改一下它的图层名字,设置成 card__2 。

然后再同样的方法,可以再复制几份这个矩形,分别再修改一下它们的图层名字,按名字给这些图层排一下顺序,同时选中这些图层,按下 command + g ,放在一个群组里, 群组的名字设置成 cards ,再把这个群组拖到 page__main 这个群组里。

最后再预览一下。

页面布局(XD):主体《 从设计到代码:布局设计 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点