功能网格 · Feature Grid
英文:Feature Grid
页面结构难度:入门 ★
🗣️一句话大白话
用三到六个并列模块介绍能力、服务或产品功能。用三到六个并列模块介绍能力、服务或产品功能,每个模块通常包含图标、标题和短说明。
🎬真实场景
能力介绍、产品功能、服务清单、优势展示
📮你可以这样说
「在 Punk 的 About 区块下方添加一个四列 Feature Grid,四项内容为 Design、Frontend、AI Prototyping 和 Writing,每项包含一个线性图标、标题和不超过两行的说明;桌面端四列,平板两列,手机单列,避免夸张阴影。」
通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解:功能越多越好。实际 3-6 个并列最清晰,每个说明要短(≤两行)
🚫什么时候别用
- ✗功能超过 6 个时(改用分组)
🧩常见变体
四列功能卡图标+标题+说明
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系