Wireframe

发音 Pronunciation

/ˈwaɪər.freɪm/

释义 Definition

Wireframe 是一个名词（也可用作形容词），指"线框图"或"线框模型"。在设计和技术领域中，它指的是用简单的线条和形状来展示一个物体、网页或应用程序的基本结构和布局，不包含颜色、图片等视觉细节。在三维建模中，wireframe 指仅由线条和边组成的三维物体骨架。

例句 Examples

The designer created a wireframe before building the actual website.
设计师在构建实际网站之前先制作了一个线框图。

After reviewing the wireframe with the client, the team made several adjustments to the navigation layout and content hierarchy to better align with user expectations.
在与客户一起审查线框图之后，团队对导航布局和内容层级做了多处调整，以更好地符合用户的期望。

词源 Etymology

Wireframe 由 wire（线、金属丝）和 frame（框架、骨架）组合而成。这个词最早出现在三维计算机图形学领域，用来描述仅由边和顶点构成的三维模型——看起来就像用铁丝弯成的骨架。随着互联网和用户界面设计的发展，这个词在20世纪90年代被广泛借用到网页设计和产品设计领域，用来指代展示页面基本布局和功能结构的草图。

相关词汇 Related Words

• Prototype
• Mockup
• Blueprint
• Layout
• Sketch
• Framework
• Interface
• Storyboard

文学与著作引用 Literary References

• 在 Jesse James Garrett 的 The Elements of User Experience 中，wireframe 被详细讨论为用户体验设计流程中的关键步骤，用于在视觉设计之前定义页面结构。
• 在 Steve Krug 的 Don't Make Me Think 中，作者多次提到 wireframe 作为可用性测试和设计沟通的重要工具。
• 在 Jeff Gothelf 与 Josh Seiden 合著的 Lean UX 中，wireframe 被视为快速迭代和验证设计假设的核心手段之一。