线框图 = 界面骨架，只讲结构、不讲视觉，是产品前期最省钱、最高效的对齐工具👇
🔹 核心价值
聚焦结构与逻辑，不被颜色、字体带偏
快速验证信息架构，降低沟通歧义
方便产品、设计、开发三方对齐，早发现问题早省钱
🔹 标准视觉语言（统一才好沟通）
布局：细线矩形框
图片：带 X 的矩形
文字：横线占位
按钮：灰色填充块
图标：简单几何 + 标注
颜色：只用黑白灰，可加 1 种强调色标交互
🔹 3 种保真度
草图级：快速脑暴，几分钟搞定
标准线框图：日常沟通、评审主力
精细线框图：带状态、尺寸、文案，接近高保真
🔹 常用工具
Figma：协作强，线框→视觉无缝衔接
Balsamiq：手绘草稿风，强制关注结构
Whimsical：流程 + 线框图一体
纸笔：最快，适合脑暴
🔹 3 个常见误区
过早抠细节、像素对齐
只画理想状态，忽略空 / 错误 / 加载态
把线框图当最终交付物
💡 一句话记住
线框图不追求好看，只追求清晰。先搭骨架，再做皮肤。
📚下面这份《UIUX 学习指南》，是我花 1 年时间整理，萃取苹果、谷歌等大厂设计智慧搭建而成的：
• 体系完整又系统，从视觉、交互到用研、产品，覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深，都能精准适配
• 每天花 5～10 分钟，就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」，用每天 5～10 分钟的坚持，换取终身受用的“设计竞争力”。
你会发现，那些焦虑和迷茫，都在稳步提升中烟消云散。
