线框和故事板是在web开发和web应用程序生命周期中使用了相当长时间的常见技术。在web开发生命周期中有很多东西。有几个不同的因素，有助于整体用户体验。假设您正在使用一个在线购物应用程序。你的体验可能会被许多因素破坏，例如，不友好的用户界面，微小的字体，响应性，每一个因素都有助于用户体验的设计。线框和故事板是在流程的早期应用的技术，因此它们可以帮助降低流程后期的风险，同时节省大量的时间。但线框常常与故事板混淆，因为它们的性质和目的相似。

什么是线框(a wireframe)？

线框是一个页面示意图，在任何开发或设计元素进入它之前，你的网站的草图。它基本上是网站布局的视觉表现，没有花哨的元素，如颜色、字体、底纹，或者任何其他设计元素，使你的网站具有视觉吸引力和交互性。从媒体和内容的角度来看，线框是一个包含每个页面内容的详细列表。你基本上有一个网页的草图和一些重要的元素用形状、方框、线条、颜色勾勒出来，但要保持尽可能简单，只能用灰度。就像你为一个新的建筑或办公室创建蓝图一样，线框是网站的蓝图，显示每个页面是如何相互连接的。它给你一个想法，网站将如何看当它完成。线框是网页设计生命周期的重要组成部分，它允许您在网站或网页上建立信息的层次结构。

什么是情节提要(a storyboard)？

与线框类似，情节提要也是web设计项目的蓝图或应用程序的原型，它映射出网站的所有组件以及它们如何相互连接。故事板是一种先进的线框，用铅笔或计算机上的图形程序在一张纸上创建。它是一个模块预期结果的高层次概述，例如，在你开始担心网站的设计元素（如颜色、字体）之前，如何开始组织信息，弄清楚网页的流程，故事板是低保真度图像的集合，可用于创建模拟应用程序屏幕。故事板是简单的草图和描述，当您深入应用程序内部并开始与元素交互时，这些草图和描述会发生什么。故事板是一种确定一切进展顺利、方向正确的方法。

线框和情节提要的区别

意思

–线框和故事板是最常见的两种用户体验交付产品，它们常常相互混淆。线框是网站或应用程序的基本图形表示，显示每个页面如何相互连接。从媒体和内容的角度来看，它更像是一个洗衣单，上面列出了每一页的内容。故事板与线框非常相似，只是它是在白板的初始研究过程中创建的高级线框。两者都同样重要，在整个web开发生命周期中扮演着各自的角色。

结构

–线框是一个网站或网页结构的线性表示，有点像是实际事物的模拟屏幕。它需要一个更线性的方法来规划网站的整体布局，就像一个进入每个页面的骨架表示或框架。故事板非常类似于线框，它们都映射出网站的所有组件。然而，故事板是一种更为详细的表示，一种高层次的大纲，包括用户在应用程序内部走得更远时所发生的事情的描述。故事板在分组和排序方面在结构上更具动态性。

目的

–最重要的原因是，你应该始终线框是，线框可以让你确定明确的目标，并建立层次结构的信息在网站或网页上。这意味着它可以让你规划出网站的重要元素将进入哪里，比如行动号召，比如注册表格、反馈页面或任何重要信息。它还简化了您和客户之间的通信。故事板的作用基本上是相同的，但在更详细的方式。它是与客户进一步讨论的催化剂。

线框与情节提要：比较图

总结

线框和故事板基本上是一样的，它们基本上遵循相同的导航方案和布局，没有视觉元素，从而减轻了web设计师和web开发人员的认知负担。线框和故事板是在web开发过程中作为先决条件早期应用的技术。然而，故事板可以被视为高级线框，有更详细的表示和草图或布局与客户共享，以确保每个人都在正确的轨道上，朝着一个共同的目标努力。此外，它们是最重要和最频繁产生的用户体验交付物，在整个web开发生命周期中起着至关重要的作用。