金刚区图标是应用首页常用功能入口区域中的图标，通常与文字标签一起，按宫格或横向分组排列。它的作用是让用户直接找到外卖、出行、缴费等核心服务。金刚区不是手机桌面上长按 App 图标出现的快捷菜单，也不等于底部导航：前者承接首页里的具体任务，底部导航通常切换应用的主要模块。
设计时先选出用户最需要的任务，再安排入口顺序，最后统一图标、标签与点击反馈。可以借助Pixso 的界面设计与组件协作把金刚区放回完整首页，检查它与搜索框、活动卡片、底部导航之间的关系。
1. 什么是金刚区图标？先看它承接的任务
金刚区不是一种固定的图标画风。线性图标、面性图标或具有体积感的图形都可以用于这个区域；关键是多个入口共同构成一组稳定、容易识别的服务导航。图标提供视觉线索，文字说明准确含义，点击后进入对应的功能或分类页面。
下面的送餐应用图标资源把附近、热门、优惠和全天营业等入口放在一起。即使图形有相似的背景容器，每个入口仍配有独立标签，用户不用仅凭颜色或装饰猜用途。
三类容易混淆的入口可以这样区分：
- 首页金刚区：用户已经进入应用，在首页寻找某项服务，例如出行、充值或买菜。
- 底部导航：切换应用的主要模块，例如首页、消息和个人中心，通常持续出现在主要页面。
- 系统快捷方式：从系统桌面等位置直接打开应用中的动作。Android App Shortcuts属于这类能力，交互环境和首页宫格不同。
2. 如何设计金刚区？先选入口，再画图标
从用户任务确定内容，不从现有图标凑数量
以生活服务首页为例，可以先列出点外卖、买菜、叫车、缴费、寄快递等任务，再结合服务可用范围、用户使用频率与业务优先级确定首屏入口。没有数据时，先用用户访谈和任务走查验证分类是否易懂，不把某个排序当成已经证明的高点击方案。
首屏位置有限时，应保留稳定的核心入口，并用清楚的“更多”入口容纳低频服务。活动推广可以有自己的区域，不宜不断挤走用户已经熟悉的功能。入口数量由屏幕宽度、标签长度和使用场景共同决定，不必机械凑成四个、八个或十个。
图形表意一致，标签避免内部简称
旅游应用设计模板中的飞机、火车和公交车分别对应出行方式，图形与文字容易互相验证。相比之下，一个抽象星星可能表示收藏、推荐或会员，需要标签明确。不要为了视觉统一给不同功能使用几乎一样的图形，也不要为了显得新颖而改变用户熟悉的含义。
生活服务里的“生活缴费”比内部业务简称更容易理解；如果标签太长，应先检查功能命名，而不是一味缩小字号。点击后进入的页面名称与范围也要对应：名为“买菜”的入口不应默认打开整个购物商城。
宫格需要规则，也要容得下真实内容
先确定图标容器、文字区和点击范围，再检查长标签和两行文字。图形可以不一样大，但视觉重量要接近，细线小图标不应淹没在同排复杂插画中。在 Pixso 中将图标与标签组合成入口组件，用实际标签替换示例文字，再检查不同屏幕宽度的排布。
招聘应用分类例子在图标和名称之外增加了职位数量。只有这些数字能帮助用户选择且会被维护时才保留，否则它们会让入口更拥挤。TDesign 的宫格组件也可作为规则网格布局的参考，但产品任务和入口内容仍需自行确定。
3. 金刚区的价值，取决于可发现与可到达
集中入口能够缩短寻找常用功能的路径，但只有用户理解标签、看得到入口并能顺利到达目标时，这种价值才成立。电子钱包设计例子把充值、电话、水电、游戏等服务放在同一组，各自保留可识别的图形；不同语言的标签长度也展示了为什么要给文字留出空间。
- 加载与跳转：点击后给出明确反馈，服务尚未开放时说明原因，不让用户反复点击却毫无变化。
- 角标与提示：“新”或优惠角标只用于值得提示的少量入口；长期不消失的红点会失去意义。
- 位置稳定：个性化排序可以帮助常用服务提前，但频繁重排会增加寻找成本。固定核心入口，其他区域再按明确规则调整。
- 无需只靠颜色：选中、不可用和新增状态同时用文字、形状或标记说明，避免换一种颜色却没有可理解的信息。
4. 用一次完整首页任务检查金刚区
做生活服务首页原型时，把“找到生活缴费、选择水费、返回首页”作为一条任务串起来。先请用户指出会点击哪个入口，再观察他是否理解目标页面，以及返回后是否还能找到刚才的位置。不要在任务开始前先解释每个图标是什么。
分别检查窄屏、文字放大、长标签和服务不可用状态：入口是否被挤出容器，点击范围是否互相重叠，更多入口是否还能被发现。若用户持续把某个图标认成另一个功能，优先调整标签和图形，而不是再加一层装饰。
金刚区的设计重点不是让首页拥有更多漂亮图标，而是让有限的位置承接清楚、稳定的任务。把入口组件放回真实页面内容中，和团队一起检查搜索、金刚区与底部导航是否各司其职，才更容易形成可持续使用的首页。
