2018年，app页面配置趋势不完全指南

注意力经济的时代，我们地方社区在运营上重内容的同时也要注重APP界面的颜值上的优化。

但是，说到APP界面，我马甲君就不得不吐槽几句了，有些站点的APP风格仍旧延续多年年前老旧的BBS年代的风格。说好听点可以是延续以往特色，说的不好听的就是土到掉渣，跟不上时代。

智能手机发展到现在，就连QQ、微信这两个亿万级别用户量的App都一直在不断在视觉上进行优化，为了给用户最好的使用感和视觉体验，那我们地方社区APP不妨也多在APP界面设计上下功夫，以此来获得更多年轻用户群体的喜爱。

👆QQ形象发展

👆微信初版界面

首页界面是门面工程，如果用户从点开那一瞬间就表示嫌弃，然后……就没有然后了。

首页界面告诉用户的主要功能和特点，在App便捷容易操作的前提下，用户才会留下你。其次，不同的界面会给人带来截然不同的用户体验。如果你的App是一个人，那界面就是一个人的衣着与发型。你的形象落落大方、赏心悦目，用户才愿意与你继续发展。

简言之，你的APP界面在满足基本的美观的同时，还需要根据用户的使用场景，操作与生活的习惯方式。所以，“以用户为中心”的界面设计值得每一位站长重视。

接下来小编会指出目前一些站点界面设计时存在的问题，以供大家参考，对照调整优化自己的APP界面。

一般在APP内容运营上，大家都会选择把最重要的内容呈现至首页，比如新上线的活动、最新的推广banner。对于地方社区来说，每一条信息都是不可或缺的流量通道，如果做不到信息之间取舍，那整个页面就会拥挤不堪。

这时候如果有UI设计师，对于整体内容布局的把控就能起到举足轻重的作用。但即使没有专业的UI设计师，在马甲后台可以自由选择组件模块自行DIY，界面设计也会简单易行。

我们先来看看豆瓣、小红书、知乎这三大不同领域的社区在界面上的展示。

豆瓣，以UGC内容搭架的文青社区

（搜索栏+图标导航+信息流）

👇

小红书，生活方式分享&购物社区

（频道页+搜索栏+标签页+信息流）

👇 

 知乎，知识问答社区

（搜索栏+频道页+推荐栏+信息流）

👇

这三大社区的App首页模块3~ 4 个，我们可以一窥：简洁与舒适是App界面的趋势。

我们再来看看本地社区的首页组件配置。本地社区首页配置一般都会有固定的三大模块：

1. 图片轮播

图片轮播使得主屏上最重要的位置可以展示多页内容。页面顶部显示了更多的信息，用户有更大的可能性看到它们。轮播图往往展示的是最新的信息内容，所以更新速度比较快。

在配置banner的时候，一定要把握以下几点：

1. “内容为王”，只显现重要消息，及时更新相关banner图。

2. 建议轮播页页数最好少于 5 页，用户不会读更多内容。

3. 确保图片质量和信息的完整度，保证用户一眼get到重点。

👆濠滨论坛banner图

濠滨论坛的图片轮播就做得比较好，图片信息都与其内容相吻合，而且高清大气上，信息简洁明了，更新及时。

2.图标导航

图标导航作为功能入口，实现页面跳转，在为本地用户带来便利的同时，更是吸引流量的关键入口。

图标导航一般4~ 5 个一排，设置两排足矣，同时图标设置还要考虑以下几点：

1.  图标风格统一，最好有视觉冲击力。可能对于外行来说，设计统一风格的图标难度较大，可以去icon网站下载免费资源或者找灵感。

Flatcion，最大的扁平化图标素材库：https://www.flaticon.com/ 

爱看图标网，免费中文图标搜索：http://www.iconpng.com/  

阿里巴巴矢量图标库，中国第一个最大且功能最全的矢量图标库：http://www.iconfont.cn/