线框是关于功能的。它可以是一个非常简单的草图，展示你可以在设计中做什么样的事情。例如，网站的线框将显示导航、主要按钮、列、不同元素的放置。您可以将其视为网站的蓝图。

模型是产品外观的真实表示，在这种情况下：网站。最终结果可能看起来与模型完全一样，或者是版本修订后的变体。虽然有些人更喜欢使用图形软件绘制模型，但其他人则直接使用 HTML/CSS。

我使用 Balsamiq 制作线框，使用 Photoshop / Illustrator 或 HTML + CSS（取决于复杂性）制作模型。

线框示例：

线框是仅用于指定位置和/或大小的基本形状或线条。任何线框的目标都是将元素“适应”到布局中，而不是指示元素在最终设计中的实际出现方式，仅指示它们将位于的位置。

模型建立在线框之上，并进一步显示设计的整体外观方面，包括类型选择、颜色选择等。模型的目标是尽可能接近地显示所有最终外观将如何呈现。

我支持@Yisela 的详细回复，同时在下面的演示中添加这个愿景

以下是Marcin Treder 的一篇文章的简短摘要：

线框

线框是设计的低保真表示。它应该清楚地显示：

1. • 主要内容组（什么？）

2. • 信息结构（在哪里？）

3. • 用户的描述和基本可视化——界面交互（如何？）

4. 将它们视为您设计的支柱，并记住线框应该包含最终产品的每个重要部分的表示。

小样

1. 模型是一种中高保真度的静态设计表示。模型通常是视觉设计草案
2. 表示信息的结构，可视化内容并以静态方式演示基本功能
3. 鼓励人们实际审查项目的视觉方面