/ˈwaɪəfreɪm/采访入门

Wireframe

线框图。低保真度的布局视觉表示，重点是结构和功能，而非视觉设计。通常是黑白、无图。

English Definition

"A low-fidelity visual representation of a layout, focusing on structure and functionality rather than visual design. Black and white, no colors or images."

用法说明 · 针对中文母语者

和 mockup（高保真静态图）、prototype（可交互原型）一起构成设计保真度的三个层级。日常开会时几乎必用。

常见错误

·不要把 wireframe叫 'prototype' —— prototype 是可交互的，wireframe 是静态的。
·不要花太多时间在 wireframe 的视觉细节上 —— 这阶段的目的是讨论结构。

真实用例 · 2 条

"We started with low-fi wireframes to align on information architecture before any visual exploration."

采访Design Process at Figma·Figma Design Team·2020

"Wireframes are conversations, not deliverables."

博客Wireframes as Conversation Tools·Jared Spool·2017

查看原文 ›

关联词

Prototype并列概念

原型。一个可交互的设计模型，用于在开发前测试和验证概念。从纸面草图到完全代码化的仿真都可以叫 prototype。

人工编辑词条