拒绝土丑俗！手把手教你如何配置一个高颜值的app

在运营区域APP的过程中，许多站长总是疑惑，同样是用马甲APP治理 后台，为什么有的平台做得那么好看，为什么自己的APP不能配置的很美丽，明明差不多的页面配置，为什么出来的效果不尽人意而且会很low。

就拿首页UI配置来说，马甲APP提供了 9 种不同的运营位组件，不同的运营位可以重复调用，随意排列，以满足不同站点的展示需求。可是就在这几种运营位的摆放之后，APP之间的差距已逐渐拉开。

所以运营者的框架意识十分重要，从APP的风格、内容都要有一个整体到局部的意识。

俗话说,授之以鱼,不如授之以渔。在马甲众多客户中，我们就颜值最高的半城生活APP的内容配置与页面设计为例，来详细分析一下它的品牌推广，帮助运营者对APP的品牌搭建和页面设计有一个更清楚 的认识。

半城生活 · 内容框架

首页

1 内容配置的后台步骤

半城生活的首页上方，是可以左右滑动的图片，戳进去后便跳转到了热门话题或者热门活动。用户可以如果对话题感兴趣，可以方便快捷地加入活动，而不用到话题里漫无目的地筛选。

这种滑动的图片轮播设置，在马甲后台的APP设置里便可以操作。半城生活设置的便是图片轮播+图标导航。

1、设置图片轮播：配置→首页配置→添加组件→图片轮播。

2、编辑图片轮播：运营→广告中心→组件标题→新增广告。在是否显示中选择“是”，这个图片便在首页上方轮播。

1、设置图标导航：配置→首页配置→添加组件→图标导航。

2、编辑图标导航：点击图标导航，在编辑页面中进行相应的编辑。

不过运营位只是工具，最重要的是最后达成的效果。如果运营位添加过多,或者整体风格不协调，则显得复杂繁冗。像半城生活这样只添加两种,十分简约清新。

此外,首页的热门推举 ,也是吸引用户兴趣的重要渠道。

1、设置首页资讯：内容→首页推举 →公布内容。

2、编辑首页资讯：在编辑后台进行相应的编辑，添加文章。建议在微信后台事先编好，然后直接粘贴上去。

可以注意到，半城生活的文章多具有强烈的热点性，如社会人的小猪佩奇、带上雨神吐槽连连下雨、用明星吸引眼球的火锅店...这和用户平时关注的内容有很强的关联性，用户可以在你制造的平台中寻找到共鸣。

2 页面设计原理分析

首页主图——

看颜的时代，第一印象尤其重要！

心理学研究证明，图片会比文字更直观地、更优先地传达，所以在APP中图片的品质直接传递着品牌的感受。

半城生活的首页配置版式趋于平面化，给人一目了然的感觉。自定义配置为三栏布局：滚动图片导航，图标导航，热门资讯列表。作为面向年轻人的区域生活服务类型的APP，自定义配置上相比其他地方站APP更多的是内容和视觉的呈现，从视觉上做到了较强的辨识度。APP整体颜色以亮眼的黄色为主，黄色代表着活力时尚，符合APP的品牌定位。

所以在选择APP的主题色时，我们要思考如何选择适合自己APP类型定位的颜色。之所以半城生活配置给人赏心悦目的感觉，是因为app的配图和主题颜色的搭配很和谐。

拿首页滚动图片导航来说，近期的滚动的活动banner设计，不管在颜色的选择上还是设计风格上都是有讲究的。从颜色上来看，banner颜色的选择，如粉色，黄色，蓝色这几种，并没有和主题的黄色有太大的争议感，反而做到了适度协调，明亮颜色的选择更能体现出一种青春时尚活力，不仅迎合年轻用户的口味，也体现出半城品牌的定性。

要注意的是，在APP配图颜色的选择上，不管你的主题颜色是什么，请一定要考究配图的颜色是否和主题色相互协调，是否存在强烈的冲突感。幸免大篇幅的选择高饱和度的颜色，如大红色，宝蓝色，金黄色，桃红色等。

风格上，避开了传统媒体广告老旧的设计风格，更大的融入了流行元素，如帅哥美女人像与艺术文字的创意化结合，扁平化的设计风格等，这样的设计不仅体现出活动的层次性，从视觉上营造时尚前沿的感觉，并有效强化品牌特色。

图标导航——

注重视觉上的统一协调性

icon图标是品牌设计中一个重要的环节。以半城APP图标导航以及底部的图标导航来说，图标颜色的选择与主题色一致，都选择了黄色，加深了用户对品牌的认知，视觉上更加协调适配整个APP，体现品牌基调。所以在配置APP时，图标不管是自己设计的还是下载的，都请注意它们的统一协调性。在设计图标中加入自己品牌元素，如半城底部导航的“吼吼”图标应用他们的吉祥物小饿魔形象，更能进一步发挥出品牌特性。

热门推举 ——

优质图片素材搭配也是提升APP颜值的方法之一

优质的内容资讯与精美的图片素材结合，也是提升APP整体颜值的方法。半城生活第三版面里抓取的热门活动列表，对内部的图片处理进行了严格的筛选与编辑，与整体APP的风格成一种协调的走势。

从错误的示范页面可以看出，广告位banner设计手法老旧，颜色与主题色不协调。页面结构上重下轻，资讯内容中的素材图案不够美观，质量不高，整体app布局显得杂乱无章法，从而影响用户的阅读体验。

圈子

1 圈子配置的后台步骤

圈子就相当于用户兴趣集中营，加入一个圈子,就可以在圈子中发表与圈子主题相关的内容，也可以加上圈子里的话题，进行自我表达。在这里，也可以认识与你同样兴趣的好友，进行评论互动。

半城生活的圈子页面有天气预报+半城菠报+半城生活+精选推举

天气预报

设置天气预报操作步骤：：配置→圈子配置→天气预报

半城菠报

1、设置半城菠报：配置→圈子配置→图片导航

2、编辑半城菠报：点击图片导航，组件配置→内容配置→添加，依次填入图片、标题、跳转（跳转后的页面网址）

半城生活

滚动公告里的内容可自行设置，如半城生活设置的内容来源于“全站最新动态”

1、设置半城生活：配置→圈子配置→添加组件→滚动公告

2、编辑半城生活：点击滚动公告，按需求进行编辑。需要注意的是，滚动公告内容的来源，在组件配置的内容来源中设置。

不少站长对商家圈表示极大的兴趣，但是一直没太懂商家圈的操作，今天就给大家演示一下。

1、配置商家圈：圈子→所有圈子→商家圈→配置圈子→圈子配置→商家圈

2、编辑商家圈：在关联商家中填入合作的商家，看实际需求新增商家。

对于商家圈中的优惠券如何设置

1、设置优惠券：运营→商业中心→商家治理 ，对持有优惠券的商家选择治理 。点击左侧的优惠券，对设置的优惠券进行治理 。

2、在优惠券治理 的页面中，点击“启用”后，商家圈中展示的商家优惠券就可以在页面显示了。

2 圈子页面设计分析

小面积撞色搭配更出彩

半城生活圈子配置结构分为四栏布局，第一栏为天气模块，第二栏为图片导航，第三栏是滚动公告，第四栏为预设的精选推举 。天气模块和滚动公告的配置从视觉上来说为了丰富整体页面。

以第二栏为主的是图片导航，半城生活没有把这里配置为滚动的图片导航，而是设计了和品牌色一致的话题版头式banner图片，凸显出专注性，并且和自身运营内容保持一致。

第四栏精选推举 中，虽然没有设计成和主题色相同的黄色，运用了彩色样式的图标，但是丝毫不影响它的协调性，色彩上丰富了整个圈子页面。所以我们建议在大面积配色上注重统一的同时，也要大胆运用小面积撞色搭配来提高页面层次效果。

公布

1 公布配置的后台步骤

“公布”是用户发表观点,分享生活的主要阵地，也是UGC的重要来源。

半城生活的“公布”实质上也是圈子，在圈子设置中配置的轻分享圈“吼吼”。主要由热门话题引入，用户自己设置话题，自由表达自己的观点，参与到讨论中去。当话题达到热度后，就可以推举 到热门话题中。

操作步骤：圈子→创建新圈子→轻分享→创建，创建了新圈子之后，再配置圈子。

圈子中的话题，根据需求选择推举 或取消推举 。设置推举 的话会在页面显示。

很多本地APP也有类似的公布栏目，用户更新自己的动态，进行交友互动。

但是很多都较杂乱，也没有一个良好的分类和治理 。像半城生活这样，设置了很多话题供网友选用，类型之多，覆盖面之广，渗透到了生活的方方面面。用有意思的话题吸引网友的关注参与，这也是提高app日活的有效方法之一。

2 页面设计原理分析

轻分享话题聚集地

半城生活话题分享圈配置结构分为四栏布局，第一栏版头的不滚动图片导航，第二栏推举 话题文本导航，第三栏可滚动的图片导航，第四栏轻分享圈朋友圈模式。这样的配置使整个页面有一个整体性，引导用户视觉自上到下，形成一个整体。

首先banner设计上，画面内容很丰富，颜色的搭配对应不同话题风格，并结合了自身的品牌形象。

Banner设计原则建议：从颜色、设计的表现风格、设计的统一性上下功夫。根据自身品牌的定位和运营的方一直 设计图片或是找寻素材图片。（一定要注意颜色的协调性）

发现

1 内容配置的后台步骤

半城生活的“发现”页面由图标+活动报名组成

这个可以在APP配置的发现页配置，选择图标导航和图片导航（不可滚动）

这个原理和首页的设置是一样的。首页是图片导航（可滚动），几张图片左滑右滑。看个人需求而设置。

图标编辑

操作步骤：配置→发现页配置→添加组件→图标导航

活动封面编辑

配置→发现页配置→添加组件→图片导航（不可滚动），点击图片导航，在组件配置的内容配置中设置活动的名称和跳转的页面网址。

2 发现页面设计分析

根据运营需求，灵活配置

发现页为两栏布局，图标导航栏和活动列表。这样的配置更趋于视觉扁平化，能给用户一种视野开阔的体验，很适合用在活动列表中。如果你选择了这样的配置，作为凸显活动要素的点击入口，首先它不能是单调的一张图，必须内容画面丰富，吸引用户的注意力，内容的填充和排版要往品牌定义和活动内容风格上靠拢。

总 结

总体来说，在运营本地APP的过程中，除了重视内容运营、用户运营、活动运营之外，提升APP的颜值，加强版面视觉效果也是十分重要的。如果你的APP太过简单，则显得功能不全，不能满足用户的阅读需求，也自然不能留住用户的目光。如果你的APP配置得太过繁琐，颜色也是花里胡哨的，那么用户也无法在一个轻松的环境下进行信息的有效猎取 和用户交流。

这就需要各位运营者在后台配置的过程中，先明确自身APP的功能和定位，再结合用户的日常动态，抓住用户需求，从风格到内容都有一个完整而清楚 的定位。

区域互联网在运营过程中，除了多看多摸索之外，也要善于观察学习同类APP的配置模式，结合对比，取长补短再去优化自己的app。但是，不同的区域环境有不同的运营方式，具体操作还要结合当地的实际情况、人文特色，在实践中形成自身独特的平台风格。