视频金刚区是什么，APP金刚区的作用

高价值的内容是做好企业营销推广的前提，如果你对企业内容营销感兴趣的话，不妨看看MarketUP近期整理的《2023内容营销获客实战白皮书》，希望能给大家有一些实质性的帮助，预计发布400份！送完下架，赶快领取！感兴趣的朋友可以点击链接即可下载阅读：《2023内容营销获客实战白皮书》

今天跟大家分享一下金刚区图标的一些设计方法，希望能帮助到大家哦～

1.什么是金刚区？

金刚区是页面的核心功能区域， 是聚合各类子板块的入口，为各个子板块分发内容。一般位于页面中头部位置，展示样式为多行排列的宫格图标。一般为2-3行，每行4-5个，内容多的时候可左右滑动。

比如饿了么首页banner下的图标、支付宝首页的图标。

2.金刚区图标常见设计类型

金刚区常见的设计类型有5种：

1.面性图标：有底板和无底板

2.线性图标

3.线面结合图标

4.实景图图标

5、节日/主题图标

1、面性图标

a.有底板

设计样式：底版形状一般使用圆形或大圆角的图形，颜色一般饱和度较高，内部图标风格样式统一。

优点：有底板的图标色彩面积更大， 视觉冲击力更强。

缺点：对于类似的业务，因为图形相似，视觉识别性不高。

举例：

1、房产平台类应用-安居客

b.无底板

设计样式：没有底板衬托，纯图标设计，设计样式更加多样化。

优点：设计细节丰富，富有创意，能营造小场景插画。

缺点：对文字信息的依赖性强，图形色彩等细节容易设计过度，轮廓复杂不一，统一性较差。

举例：

1、音乐类应用-酷狗音乐

2、线性图标

设计样式：利用图形外轮廓线条进行设计，色彩上基本以单色或双色为主。

优点：视觉上简洁干净、安静沉稳。

缺点：视觉冲击力较弱

举例：

银行金融类应用-招商银行

3、线面结合图标

设计样式：由线和面组成，通过面加强视觉冲击力。

优点：设计细节丰富，富有创意。

缺点：视觉效果不易把握。

4、实景图类图标

设计样式：以具有代表性的商品为图标，单独展示或配有背景底板。

优点：使用图片可以带来真实、可靠的感觉。而且还可以将运营方需要主推的商品换成图标为板块带来流量。

缺点：商品图片会时不时更换，用户认知压力较大，最终还是会依赖文字信息辨别入口。

举例：

生鲜超市类电商产品-叮咚买菜、天猫超市

5、节日/活动主题图标

设计样式：以节日或活动为主题设计图标，多以面性图标为主。

优点：节日气氛浓重，设计细节丰富，富有创意。

缺点：时效性强，只针对短时间内使用，识别度较低，比较依赖文字说明。

3.金刚区图标区分样式设计

有些产品会根据业务需求区分推荐应用和普通应用。区分设计能使推荐应用得到最大程度突出， 缺点是推荐个数有限。

1、旅游订票类应用-同程旅行 、携程旅游

两款产品金刚区均采用区分式设计，但是形式大不一样。 同程旅行相对携程来说，业务较轻，因此金刚区设计较为常规，推荐应用部分采用圆形底板+面性图标，其他应用则采用线性图标设计，整体设计层次分明，简单清新。携程旅游业务体量大，纯金刚区已不能满足其产品需求。因此结合瓷贴设计，突出推荐应用。

2、主流外卖平台产品-美团和饿了么

饿了么和美团外卖都是区分类型设计，推荐应用单独一列，其余应用列两行。

图标设计上，推荐应用均采用底板+插画图标设计，自选应用采用去底板+插画图标设计。金刚区图标的颜色总体给人鲜艳明亮的感觉，来表达食物的新鲜美味。图标造型采用比较写实、精致的插画，充满食欲感。 美团外卖推荐应用图标采用破形设计，视觉更抢眼，内部图形插画细节更明显，识别性更强。

4.金刚区图标推荐设计

根据业务需要，产品会对金港区某个板块进行推荐设计，常见的主要有2种方式：

1、添加标签

给想要推荐的模块添加标签是最常用的方式。如下图所示：

2、添加微动效

给应用图标添加动效，使用图标动静对比来吸引用户视线、进而达到推荐的目的。这种方式适用于强推少量应用图标的时候使用。因为过多的动效会使页面显得杂乱，反而会降低推荐的效果。

5.金刚区图标设计注意要点

1.设计尺寸：合理的金刚区图标尺寸一般为80-100px左右，外环：内环=0.618视觉效果更佳。

2.颜色：采用渐变色时，渐变的两色要在同一色系内，整体金刚区图标底板色的饱和度和明度要尽量做成视觉统一。

3.差异性：金刚区图标在设计上最好要与竞品有一些差异度，通过对自家产品app的整体视觉语言设计让用户对我们的产品有一个明确的记忆，增加产品的辨识度。如贝壳找房APP金刚区图标采用扁椭圆形状，区别于常见形状，增加了产品记忆点。

4、设计样式选择：

不知道大家在做金刚区图标时会不会纠结使用什么风格，这里分享一个方法，我们可以根据产品的特性来选择，主要可以划分为功能型产品和业务型产品2类。

功能型产品：用户的自主性较强， 线性图标更加适合，因为线性图标视觉上更加安静沉稳，页面更加统一整体，如支付宝的金刚区图标。

业务型产品：面性图标更加合适，因为面性图标视觉冲击力更强，能够快速引导用户点击，完成导流的作用。如我们经常逛的淘宝APP金刚区图标。

当然这个方法不是绝对的，只是一个参考，在我们没有思路的时候可以试试这么做。

相关推荐：

UI设计中 版式设计全面分析

UI界面这样设计，很美很高级

UI设计中APP的首页如何设计？

APP设计如何利用空状态留住用户？

APP设计中个人中心页面应该怎么设计？

以上就是今天分享的全部内容，希望能够对广大企业营销人员有一些营销方面的启发。作为国内知名的营销自动化平台，MarketUP通过完善的企业营销自动化系统，帮助企业实现有效和有意义的企业营销工作，更好地满足您每个目标受众端到端的需求，为您的渠道带来更多理想的潜在客户并留存孵化。如果您对我们的营销自动化产品或功能感兴趣，欢迎点击【这里】进行演示申请，我们将有专业的团队为您提供服务。