一、什么是金刚区？
金刚区是页面的核心功能区域， 是聚合各类子板块的入口，为各个子板块分发内容。一般位于页面中头部位置，展示样式为多行排列的宫格图标。一般为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，多元化的企业，可以采用这种方式
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
