专业网站建设B/S软件开发专业微信营销专业技术建设团队做客户满意度最高的软件公司
漯河网站建设、漯河网站开发
 

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

作者:网站建设出处:京创科技发布时间:2018年05月09日点击数:39

在运营区域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。但是,不同的区域环境有不同的运营方式,具体操作还要结合当地的实际情况、人文特色,在实践中形成自身独特的平台风格。