因此，哥邀请了一位闲出屁的快站热心群众，手把手来指导大家如何设计好看的页面，这次是仿咸鱼app页面的排版设计。

闲鱼的页面并不复杂，以方块来堆积，用较浅的颜色及清新的图片，搭配给人很舒服的视觉效果。因此，在案例中哥选择了均为较浅颜色的马卡龙的图片来做搭配。

先给大家推荐一个网站（www.visualhunt.com），可以按照颜色标签来找图片，纠结图片来源的朋友们可以去搜索看看。

素材准备好之后，我们就开始搭建页面了！

1）选择导航样式

我选的是最后一个，是比较简洁的一个，页面中点左上角的三条线就会出现如图所示的导航。

2）增加搜索栏

搜索栏的大小可以通过设置双栏的比例达到。

第三步，设置滚动banner图片。

点击【内容】-【组图】-选择组图样式-插入图片，即可。

*高质量的图片可以很大程度提高页面的质感，也是可以吸引用户留存的关键步！

第四步，添加双栏，在双栏中再加入两次双栏，通过移动比例形成较为均匀的四栏，再插入图片及文字。

第五步，继续填充页面内容。

插入单张横图banner，在排版上更加整齐同时使画面柔美。之后类似于第四步再加入引导图片及文字。

最后一步，添加导航栏。
快站中提供的导航样式很多，恰好有与咸鱼相同的样式。并且，可以在样式中根据导航名称选择适合的图标。

填充导航内容。