线框图在设计过程的开始是最有效的,当时的主要目标是创建产品的结构。将线框视为开始建筑施工之前需要拥有的蓝图。线框允许您快速规划和验证页面或屏幕的功能价值。在投入大量精力创建设计之前这样做可以节省您的时间和金钱。
线框存在于一个范围内,从低保真度到高保真度。设计环境中的保真度是指细节和功能的水平。低保真线框非常简单,甚至可以手绘。另一方面是高保真线框,几乎看起来像成品。
每种线框对不同的软件设计和开发团队都有帮助。您使用的类型取决于给定项目的需求和您在设计过程中的进度。

低保真线框
低保真线框是快速的——通常甚至是手绘的——草图,可以让你的想法更具体。他们的目标是专注于基本的 UI 结构而不深入细节,这反映在他们的外观上。低保真线框通常是黑白的,它们显示了没有详细注释的框和线等 UI 元素。
将低保真线框视为您的草稿——它不是最终产品,而是一个开始的地方。他们的目的是帮助在开发的早期阶段塑造产品,并在进一步的设计和开发发生之前确保可用性。低保真线框不需要太多工作,但他们会在路上节省很多额外的精力。

中保真线框
中保真线框本质上是更详细的低保真线框。例如,它们可能有真正的副本而不是占位符文本,是灰度的,甚至包含一些颜色而不是单色调色板,以更好地传达视觉层次结构。中等保真线框的目的是帮助向团队传达美学特征如何支持基本功能。

高保真线框
高保真线框揭示了产品将如何看待项目完成。这种类型的线框是使用数字工具创建的,通常需要花费更多的精力来制作。它们通常包含最终的调色板和可能的一些图像。
高保真线框的外观类似于原型,但不要混淆。线框和原型用于设计过程的不同阶段,它们的目标和侧重点不同。线框是静态的,它们的目的是传达页面的结构。
原型是交互式的——它们的目标是展示 UI 元素的交互、样式和定位。原型非常适合验证可用性和解决方案设计的整体价值

虚拟内容
虚拟内容是指具有真实内容某些特征的占位符文本和图像。图像占位符——比如带有山和太阳的图像或带有两条对角线的图像——通常用于低保真和中保真线框,而对于像 Lorem ipsum 这样的文本占位符存在一些争论。
一方面,使用 Lorem ipsum 加快了设计过程,因为设计可以在创建内容的同时推进基础知识。另一方面,填充文本的行为方式与真实文本不同。例如,选择最佳对齐方式可能很困难,并且没有确切的方法可以知道文本的最终分布感觉如何。

在流程的早期使用实际副本
在设计过程的早期使用将出现在最终设计中的实际副本有两个原因。首先,它可以让您了解真实内容如何适合布局。其次,相关内容鼓励在线框审查会议期间进行更深思熟虑的反馈。如果副本还没有准备好,最好快速起草类似于长度和语调的文本,以便人们可以就其传达的内容发表意见。

使用低保真线框
什么时候应该使用低保真线框?这种类型的线框解释了基本功能,包括对主要步骤、阶段、要求和布局的简单解释。
在以下情况下使用低保真线框是一个好主意:
1.您正处于设计过程的最初阶段。从低保真线框作为您的初稿开始,并在后续迭代中添加更多细节。
2.你有很多线框要创建。如果您正在处理一个大型项目,那么从大多数页面的低保真线框开始,然后只添加到需要更清晰的线框可能是有意义的。
3.您需要快速完成一个项目。线框的细节越少,制作的速度就越快。

使用中等保真线框
在以下情况下,使用简单但详细的中等保真线框是一个好主意:
• 您正在拼凑一个线框地图——每个页面都有线框的可视站点地图。在这种情况下,低保真线框不够详细,无法遵循,尤其是在您想收集用户反馈时。
• 这是全面设计过程的下一步。如果您的项目有时间和预算,那么在建立低保真线框之后,中保真线框是下一次迭代。为您的线框图添加更多细节可能有助于充实您的设计理念。

使用高保真线框
通常,高保真线框是验证的结果,也是中低保真线框的自然演变。
什么时候应该使用高保真线框?
• 在设计过程结束时,当您已经确定了设计需要的外观时,功能就会成为设计对话的最前沿。
• 当您需要测试复杂的用户交互时。更多细节可以更准确地判断 UI 元素。
• 如果你有时间和预算。高保真线框会消耗大量设计时间并且生产成本更高。
• 你正在与一个你想给人留下深刻印象的合作伙伴一起工作。高保真线框为第三方提供了最终产品的更好可视化,并说明了您的专业精神。
• 你正在做一个个人项目。当您负责自己的最后期限时,您可以决定愿意投入多少时间和精力。高保真线框图非常适合向投资者解释您的产品潜力。
以上内容为转载
网友评论