Wireframes vs Mockups

线框图是一种通常以灰阶显示的视觉表现形式，用于在添加视觉设计和内容之前勾勒出网页或移动应用的结构和功能。

线框图用于建立基本布局和用户体验，重点是可用性和导航。

线框图在设计的早期阶段使用，以确保项目按照约定的目标发展，并促进使用便利性和未来内容的增长。

创建线框图最常用的工具之一是Figma。

Mockup 是产品的静态表现，通常用于产品设计和开发中展示最终产品可能的外观和使用方式。

它包括设计元素，如字体、标识、图像、配色方案和导航视觉，这些都是最终用户体验的一部分。

Mockups 用于呈现和评估设计概念、UI 和 UX，允许在产品完全开发之前进行反馈和迭代。