随着用户对于视觉体验的要求逐渐增加，企业也渐渐意识到视觉冲击对于用户的影响要多大，企业对于设计的要求也逐渐增加。小编今天要为大家讲述的是关于黄金区图标设计的解释。对于资深设计师来说，对于黄金区UI图标设计并不陌生，但对于大多数人来说，并不了解什么是黄金区UI图标设计，小编接下来就为大家解锁什么是黄金区UI图标设计。

什么是金刚区？

金刚区是一个页面中头部的重要位置，是页面的核心功能区域，表现形式为多行排列的宫格区图标。同时直接影响用户浏览走向的关键，也是影响用户购买的关键位置。比如淘宝app 首页banner（广告横幅）下的两行图标，饿了么外卖app 首页banner下的两行图标、支付宝app 首页头部的4个图标就是金刚区。

https://5b0988e595225.cdn.sohucs.com/images/20181105/c9568e9d4d1448dc9b9d5b436869b0c7.jpeg

金刚区的意义和功能是什么？

金刚区的位置通常是位于搜索框、banner图之下，而且金刚区区域通常会占据屏幕22%~25%的大小且位于屏幕头部，它是直接影响用户浏览走向的关键点，因此，黄金区UI图标设计的重要性不言而喻。用户如何在第一时间找到自己想要的类别，这就看黄金区的UI图标设计对于产品类别的设计是否清晰明了，具有识别性，这就是黄金区UI图标设计的重要任务。

金刚区UI图标设计常见设计类型和表现手法？

金刚区UI图标设计常见的设计类型有3种：面性图标、拍性图标、线性图标，我们就以淘宝为例做一个面向性图标简单的分析。一般黄金区图标设计是一排5个图标，共两排10个业务线，这也是目前图标设计的极限，超过这个数图标的识别性就会被大打折扣；宝APP金刚区组成：圆形底板+业务说明+图形+板块名称。从圆和方的直观感受来讲，圆给人一种亲近柔和的感觉，而正方形有4个棱角会让人感觉很生硬显得有距离感。从UI设计上来讲，方形的图标还需要考虑到四个棱角部分的设计不然会显得很空，圆形会显得更加聚焦内容。

https://5b0988e595225.cdn.sohucs.com/images/20181105/5e6bce6255ff4b9897b837febcdbd44c.jpeg

金刚区UI图标设计时有哪些注意要点？

金刚区图标常用做法：45°渐变底板+白色面性图标+微投影。网上流传一种做法，图标底板之上的图形区域范围是底板乘以黄金比例0.618的结果。但纵观市面上的案例，如此做法的少之又少，而且设计本来也没有特定的数值，具体情况要具体应用，而且习惯性操作后容易让自己的思维陷入死角，即便是要设计渐变的样式，整体设计也需要在同一色系之上，渐变不能太明显！

https://5b0988e595225.cdn.sohucs.com/images/20181105/c664f62555084cb59347a7246d9e3d03.jpeg

      以上便是成都全栈UI设计培训机构铭代码学院为大家带来的关于黄金区UI图标设计的阐述。随着用户对于体验要求越来越高，企业也渐渐意识到全栈UI设计的重要性，如何将APP设计的更加完美，这直接决定了APP的流量。毫不夸张的说，图标设计在一定程度上直接影响着用户带来的收益！