Wireframing 是一个面向产品设计与开发的线框图技能，主要用途是在产品开发的多个阶段帮助团队可视化结构、布局和交互逻辑。它强调在投入高成本视觉设计之前，先用线框图验证概念、梳理信息架构和用户流程。
主要能力
技能内容围绕线框图的保真度展开，区分低保真与高保真线框图。低保真线框图使用基本形状、占位符、灰度配色，关注结构与布局，适合早期概念探索和快速迭代。高保真线框图包含详细 UI 元素、精确间距、真实或代表性内容，适合开发交接和详细用户测试。技能还描述了从草图到低保真、中保真、高保真、视觉稿、原型的保真度谱系，以及视觉、内容、功能、布局四个保真度维度。
线框图类型包括纸面草图、低保真数字线框图、中保真线框图、高保真线框图和交互原型。每种类型都列出了视觉特征、内容、适用场景、优势和局限。
信息架构部分涵盖站点地图（层级式、顺序式、矩阵式、有机式）、内容层级（视觉层级、信息层级、F 型与 Z 型阅读模式）、卡片分类（开放式、封闭式、混合式）及其流程和工具。
用户流程部分包括任务流、用户旅程、流程图和线框流。任务流描述用户完成特定任务的步骤、决策点和错误状态；用户旅程提供跨触点的整体体验视图，包含情绪曲线和痛点机会；流程图使用标准符号可视化逻辑和系统行为；线框流将线框屏幕与流程箭头结合，展示界面设计和流程逻辑。
线框元素部分详细列出布局组件（网格系统、容器类型、间距系统）、导航元素（主导航、次级导航、工具导航）、内容元素（排版占位符、媒体占位符、表单元素）、交互元素（按钮、链接、开关、卡片）和反馈元素（状态指示器、模态框与覆盖层）。
标注与规格说明部分介绍功能标注、内容标注、行为标注、技术标注和无障碍标注，以及编号标注等标注方法。
使用方式
技能内容按主题组织，包含目录、核心概念、线框图类型、信息架构、用户流程、线框元素、标注与规格说明、工具与技术、迭代流程、最佳实践和线框示例等章节。使用者可根据产品开发阶段选择对应章节参考。
适用场景
技能适用于早期产品发现（需求收集、概念探索、可行性评估、范围定义）、设计过程（信息架构、布局探索、用户流程映射、交互设计）、协作与沟通（利益相关者对齐、开发交接、用户测试、设计文档）、迭代与优化（设计评审、快速原型、A/B 测试概念、设计系统基础）。
限制
资料中未提供该技能的具体安装命令、代码示例、收费信息、平台支持细节或实际使用效果数据。部分内容在提供的资料中被截断，完整内容暂未提供。