一、什么是金刚区？
金刚区是页面的核心功能区域， 是聚合各类子板块的入口，为各个子板块分发内容。一般位于页面中头部位置，展示样式为多行排列的宫格图标。一般为2-3行，每行4-5个，内容多的时候可左右滑动。
二、金刚区图标常见设计类型
金刚区常见的设计类型有3种：
面性图标
线面结合图标
线性图标
面性图标
a.有底板
设计样式：底版形状一般使用圆形或大圆角的图形，颜色一般饱和度较高，内部图标风格样式统一。
优点：有底板的图标色彩面积更大， 视觉冲击力更强。
缺点：对于类似的业务，因为图形相似，视觉识别性不高。
b.无底板
设计样式：没有底板衬托，纯图标设计，设计样式更加多样化。
优点：设计细节丰富，富有创意，能营造小场景插画。
缺点：对文字信息的依赖性强，图形色彩等细节容易设计过度，轮廓复杂不一，统一性较差。
线性图标
设计样式：利用图形外轮廓线条进行设计，色彩上基本以单色或双色为主。
优点：视觉上简洁干净、安静沉稳。
缺点：视觉冲击力较弱
线面结合图标
设计样式：由线和面组成，通过面加强视觉冲击力。
优点：设计细节丰富，富有创意。
缺点：视觉效果不易把握。
三、金刚区图标设计注意要点
1.设计尺寸：合理的金刚区图标尺寸一般为80-100px左右，外环：内环=0.618视觉效果更佳。
2.颜色：采用渐变色时，渐变的两色要在同一色系内，整体金刚区图标底板色的饱和度和明度要尽量做成视觉统一。
3.差异性：金刚区图标在设计上最好要与竞品有一些差异度，通过对自家产品app的整体视觉语言设计让用户对我们的产品有一个明确的记忆，增加产品的辨识度。如贝壳找房APP金刚区图标采用扁椭圆形状，区别于常见形状，增加了产品记忆点。
4、设计样式选择：
功能型产品：用户的自主性较强， 线性图标更加适合，因为线性图标视觉上更加安静沉稳，页面更加统一整体，如支付宝的金刚区图标。
业务型产品：面性图标更加合适，因为面性图标视觉冲击力更强，能够快速引导用户点击，完成导流的作用。如我们经常逛的淘宝APP金刚区图标。
四、金刚区常用的几种布局方式
1）一行展示，右滑显示更多。这种适用业务发展初期，内容不够丰富，或者目的是流量向下转化更聚焦，目的性非常强的页面。
2）二行同级别展示，可右滑。适用业务内容较为丰富。
3）主副结合。分清主次，能平衡前面1和2优点和弊端，目前比较很多中型APP或者大型APP的二级频道页面，都是采用这种形式，次级icon容易被忽略。
4）主副结合，最后icon为更多，点击后抽屉式可无限扩展icon，多元化的企业，可以采用这种方式
優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營(yíng)理念，誠(chéng)信務(wù)實(shí)的服務(wù)了近萬(wàn)家客戶，成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長(zhǎng)期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長(zhǎng)網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營(yíng)銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開(kāi)發(fā)、移動(dòng)端應(yīng)用（手機(jī)站、APP開(kāi)發(fā)）、微信定制開(kāi)發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號(hào)：
專屬顧問(wèn)
