金刚区是一个页面中头部的重要位置，是页面的核心功能区域，表现形式基本是多行排列的宫格区图标。
金刚区的位置通常是位于banner之下，区域通常会占据屏幕22%~25%的大小且位于屏幕头部，从用户阅读屏幕内容的视觉流来说位置至关重要，而且是聚合各类子板块的入口，为各个子版块分发内容引导流量。可见重要性不言而喻，产品要让用户通过不同类型展示方式的组件找到相应的功能，而图标具备精炼高度概括内容的特性，而且图标的识别度大于文字，所以金刚区的设计通常以图标+说明文字为主。
常见的设计类型有3种：
面性图标
实拍性图标
线性图标
1.淘宝APP——面性图标
淘宝整个业务线很多，金刚区的部分是1排5个图标，共2排也就是10个图标。一行5个图标也是当下行业内的图标数量极限了。
淘宝APP金刚区组成：圆形底板+业务说明+图形+板块名称
纵观多种案例，我们会发现一个问题，为什么电商类APP金刚区图标多为圆形呢？我们来一起思考一下。从圆和方的直观感受来讲，圆给人一种亲近柔和的感觉，而正方形有4个棱角会让人感觉很生硬显得有距离感。在设计上来讲，方形的图标还需要考虑到四个棱角部分的设计不然会显得很空，圆形会显得更加聚焦内容，如下图。而且如果一排5个宽和高相同的圆形和方形图标，方形图标面积大所以会显得拥挤一些，所以金刚区图标圆形居多一些。
颜色：底板是从左到右0度的渐变，左边的颜色和右边的颜色属于同一色系。在色相，明度，饱和度上等数值上都有差别，但不会让渐变的两个颜色相差的特别明显。视觉感官上是左边的颜色比右边的颜色「亮」一些。
造型结构：图标是上下结构。上方是图标的业务说明描述，告知用户这个板块是做什么的，除了第一个图标外，其余的图标业务说明均是2个字，用最简短的词去描述、高度概括子版块内容。因为淘宝的受众用户人群众多，年龄跨度也较大，金刚区的识别性放在绝对的第一位，所以会在图标上写上业务说明。
2.京东APP——面性图标
京东APP金刚区组成：超椭圆底板+业务字设计／图形+板块名称
超椭圆形状介于圆形和方形之间，而相比于圆角矩形又显得很灵活生动饱满。
颜色：底板采用的是从左上到右下的斜45度渐变，左边的颜色和右边的颜色属于同一色系，渐变柔和变化不是很明显。
造型结构：在金刚区图标的设计上，京东也是将图标的识别性放在了首位，大部分图标使用板块的业务说明文字来进行设计，再叠加一个弧形的过渡，让图标内的图形看起来像是从一个空间延展到了另一个空间，增加了设计感不失趣味性。
3.饿了么APP
饿了么APP金刚区组成：轴测图立体图标+板块名称
颜色：金刚区图标的颜色总体给人鲜艳明亮的感觉，来表达食物的新鲜美味。就像我们生活中吃的食物生鲜蔬菜一样，如果颜色看起来脏脏的，怪怪的，一点都不给人新鲜的感觉，那么你肯定也不放心去吃它。
造型结构：饿了么采用的是2.5D轴测图的形式做的立体图标。与常规图标不同，这样的设计手法会展示图标3个不同的面，细节丰富设计感强，能在同类竞品中脱颖而出。而且这种设计手法所画出来的图标更加贴近真实食物的形态。
4.盒马APP——实拍性图标
盒马鲜生APP金刚区组成：实物实拍+统一圆形底板+板块名称
颜色：底板的配色依然是业务色，比如「海鲜水产」的底板色是海蓝。但有一点要注意，底板色要与实物实拍图有区别，不能看起来像是融为一体的感觉。而且为了营造新鲜感颜色应明亮一些。
5.支付宝——线性图标
钱包级别的应用要给用户带来安全、可靠的感觉，所以在金刚区的视觉上的设计尽量克制、简洁。线性图标在此应用最适合不过了。
1.辨识度
因为图标在辨识度上要优于文字。最好是在图标的设计上要与竞品有一些差异度。要让自身产品在市场中增强视觉差异，要让别人记住。比如请你在脑海中回忆「闲鱼」app的颜色和「京东」app的颜色，如果你用过两款产品，那么你可以轻易的回忆起闲鱼的品牌色是黄色，京东的品牌色是红色。
2.强调性
金刚区图标通常是在app的首屏出现，位置位于banner之下，而且金刚区图标通常会占据屏幕五分之一或者四分之一的大小，还起着为各个子版块分发引流的重要作用，所以在设计的重量上应该比金刚区图标下方的内容区：UGC、瓷片区等内容要重一些。
3.识别性
有了前两步的铺垫后，金刚区图标还需要有可识意性，通俗来讲，能让用户做到看其形明其意，这一点很重要，即使画的再好看，用户看到图标后不认识或者需要停下来想或者猜的话，那这图标基本算是废了，因为图标的作用就是为了在文字之上辅助用户识别，人脑对图片的敏感度要大于文字。所以这一点请注意！
4.趣味性
相当于考试时候的附加题了。不做不扣分，做了加分。如上图的飞猪APP趣味性的出现让整体的金刚区图标更加的生动灵活，多渐变多色彩的应用会给你带来一种旅途出游很愉快的感觉。
金刚区图标常用做法：45°渐变底板+白色面性图标+微投影
并非所有图标一定要做统一圆形底板的面性图标。不带底板的异形图标，线性图标都可以，具体还得看业务需求，如果不需要金刚区视觉效果很重的话可以考虑线性图标，更加的轻量、简洁、格调高。
怕钱不够？就业挣钱后再付学费！怕学不会？从入学起，达内定制课程！担心就业？达内多家实践企业供你挑选！
作为面向对象的三大特性之一，继承同样是我们必须掌握的知识，下面我会对继承它的一些理论知识与代码示例进行介绍。
我们都知道IT行业薪资水平高，这是公认的，没人会质疑什么，但不是行业薪资高你就能拿到高工资，首先你得有拿高薪资的本事，任何一个行业的任何一个人都不例外。
Java程序员的高薪引得不少人羡慕不已，有很多就是冲着Java的高薪从而转行。但是Java程序员的工资为什么那么高？本文为大家详细分析一下。