线框图(Wireframe)
作者:ArcPM
线框图是一个界面的低保真结构蓝图——展示布局、内容与层级,不含视觉设计——用来在早期快速、低成本地就"结构"达成一致。
通过刻意省去颜色、图像和打磨,线框图让讨论停留在"什么放在哪、为什么"——在任何人投入视觉设计或代码之前。
线框图介于需求与高保真原型之间:它把需求具体到可以评审,又便宜到可以随便改。
例子
一个结算页的线框图会摆好订单摘要、地址表单和支付按钮的位置——但还没决定字体或颜色。
线框图是一个界面的低保真结构蓝图——展示布局、内容与层级,不含视觉设计——用来在早期快速、低成本地就"结构"达成一致。
通过刻意省去颜色、图像和打磨,线框图让讨论停留在"什么放在哪、为什么"——在任何人投入视觉设计或代码之前。
线框图介于需求与高保真原型之间:它把需求具体到可以评审,又便宜到可以随便改。
一个结算页的线框图会摆好订单摘要、地址表单和支付按钮的位置——但还没决定字体或颜色。