手把手教你用快站设计仿咸鱼app页面

2019-04-18

有一位砖家曾经说过,长得不好看的页面和咸鱼有什么区别?


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


闲鱼APP页面

哥做的页面

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


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


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


1)选择导航样式

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


2)增加搜索栏

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




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

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

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


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


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

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


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


填充导航内容。


售前咨询:0594-6688668 快站建设logo

Copyright By © 2019 isohu.top