✏️ AI 术语图鉴

功能网格 · Feature Grid

英文:Feature Grid

页面结构难度:入门 ★

🗣️一句话大白话

用三到六个并列模块介绍能力、服务或产品功能。用三到六个并列模块介绍能力、服务或产品功能,每个模块通常包含图标、标题和短说明。

🎬真实场景

能力介绍、产品功能、服务清单、优势展示

📮你可以这样说

「在 Punk 的 About 区块下方添加一个四列 Feature Grid,四项内容为 Design、Frontend、AI Prototyping 和 Writing,每项包含一个线性图标、标题和不超过两行的说明;桌面端四列,平板两列,手机单列,避免夸张阴影。」

通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。

⚠️边界与常见误解

  • ▸误解:功能越多越好。实际 3-6 个并列最清晰,每个说明要短(≤两行)

🚫什么时候别用

  • ✗功能超过 6 个时(改用分组)

🧩常见变体

四列功能卡图标+标题+说明

🕸️知识关系图

这个词条与相关术语、AI绘图 知识的连接关系

相关术语相关术语相关术语
卡片式布局
Card-based Layout
便当盒布局
Bento Grid
响应式设计
responsive design
功能网格
Feature Grid

🔗相关术语