美文网首页
线框保真度

线框保真度

作者: 嘎嘎开心 | 来源:发表于2022-07-25 00:23 被阅读0次

线框图在设计过程的开始是最有效的,当时的主要目标是创建产品的结构。将线框视为开始建筑施工之前需要拥有的蓝图。线框允许您快速规划和验证页面或屏幕的功能价值。在投入大量精力创建设计之前这样做可以节省您的时间和金钱。

线框存在于一个范围内,从低保真度到高保真度。设计环境中的保真度是指细节和功能的水平。低保真线框非常简单,甚至可以手绘。另一方面是高保真线框,几乎看起来像成品。

每种线框对不同的软件设计和开发团队都有帮助。您使用的类型取决于给定项目的需求和您在设计过程中的进度。

低保真线框

低保真线框是快速的——通常甚至是手绘的——草图,可以让你的想法更具体。他们的目标是专注于基本的 UI 结构而不深入细节,这反映在他们的外观上。低保真线框通常是黑白的,它们显示了没有详细注释的框和线等 UI 元素。

将低保真线框视为您的草稿——它不是最终产品,而是一个开始的地方。他们的目的是帮助在开发的早期阶段塑造产品,并在进一步的设计和开发发生之前确保可用性。低保真线框不需要太多工作,但他们会在路上节省很多额外的精力。

中保真线框

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

高保真线框

高保真线框揭示了产品将如何看待项目完成。这种类型的线框是使用数字工具创建的,通常需要花费更多的精力来制作。它们通常包含最终的调色板和可能的一些图像。

高保真线框的外观类似于原型,但不要混淆。线框和原型用于设计过程的不同阶段,它们的目标和侧重点不同。线框是静态的,它们的目的是传达页面的结构。

原型是交互式的——它们的目标是展示 UI 元素的交互、样式和定位。原型非常适合验证可用性和解决方案设计的整体价值

虚拟内容

虚拟内容是指具有真实内容某些特征的占位符文本和图像。图像占位符——比如带有山和太阳的图像或带有两条对角线的图像——通常用于低保真和中保真线框,而对于像 Lorem ipsum 这样的文本占位符存在一些争论。

一方面,使用 Lorem ipsum 加快了设计过程,因为设计可以在创建内容的同时推进基础知识。另一方面,填充文本的行为方式与真实文本不同。例如,选择最佳对齐方式可能很困难,并且没有确切的方法可以知道文本的最终分布感觉如何。

在流程的早期使用实际副本

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

使用低保真线框

什么时候应该使用低保真线框?这种类型的线框解释了基本功能,包括对主要步骤、阶段、要求和布局的简单解释。

在以下情况下使用低保真线框是一个好主意:

1.您正处于设计过程的最初阶段。从低保真线框作为您的初稿开始,并在后续迭代中添加更多细节。

2.你有很多线框要创建。如果您正在处理一个大型项目,那么从大多数页面的低保真线框开始,然后只添加到需要更清晰的线框可能是有意义的。

3.您需要快速完成一个项目。线框的细节越少,制作的速度就越快。

使用中等保真线框

在以下情况下,使用简单但详细的中等保真线框是一个好主意:

• 您正在拼凑一个线框地图——每个页面都有线框的可视站点地图。在这种情况下,低保真线框不够详细,无法遵循,尤其是在您想收集用户反馈时。

•  这是全面设计过程的下一步。如果您的项目有时间和预算,那么在建立低保真线框之后,中保真线框是下一次迭代。为您的线框图添加更多细节可能有助于充实您的设计理念。

使用高保真线框

通常,高保真线框是验证的结果,也是中低保真线框的自然演变。

什么时候应该使用高保真线框?

• 在设计过程结束时,当您已经确定了设计需要的外观时,功能就会成为设计对话的最前沿。

• 当您需要测试复杂的用户交互时。更多细节可以更准确地判断 UI 元素。

• 如果你有时间和预算。高保真线框会消耗大量设计时间并且生产成本更高。

• 你正在与一个你想给人留下深刻印象的合作伙伴一起工作。高保真线框为第三方提供了最终产品的更好可视化,并说明了您的专业精神。

• 你正在做一个个人项目。当您负责自己的最后期限时,您可以决定愿意投入多少时间和精力。高保真线框图非常适合向投资者解释您的产品潜力。

以上内容为转载

相关文章

  • 线框保真度

    线框图在设计过程的开始是最有效的,当时的主要目标是创建产品的结构。将线框视为开始建筑施工之前需要拥有的蓝图。线框允...

  • 用例的线框图示例

    任何产品的设计过程都应该采用个性化的方法,无论是原型工具的选择、用户研究方法还是线框保真度的水平。此外,不同的行业...

  • D 类功率放大器与脉冲宽度调制

    ** D类功放 ** 影响功放性能的两个主要的指标是保真度和效率,模拟功放利用晶体管的线性关系,具有较高的保真度,...

  • 哈哈哈哈哈

    TODO 通知中心的线框图 搜索的线框图 看单的线框图 图标的大小和色彩 个人主页的线框图 话题模块

  • LaTex--创建表格(三线表)

    带线框表 三线表(不带线框)

  • Maya(七) 物体显示与组件模式

    显示模式 默认是线框模式 按1精度显示 按2附着一层平滑(更加平滑) 按3去掉线框的平滑 按4显示线框(线框显示)...

  • 阿诺德Arnold of maya如何渲染线框,实体模型加线框,

    关于maya的阿诺德Arnold渲染器渲染线框(网格),展现实体+线框或者单独线框的基本来了。 1,首先要设置的就...

  • 集合-容器解析

    一、容器的分类 红色虚线框:接口绿色实线框:抽象类黑色实线框:类 二、基本概念 Java容器类类库的用途是“保存对...

  • 线框图

    线框图是什么:线框图 (Wireframe)是低保真的设计图 线框图是整合在框架层的全部三种要素的方法:通过安排和...

  • 为何我如此推崇低保真原型测试

    什么是低保真原型测试 低保真:线框图 低保真原型:可交互的线框图 低保真原型测试:用可交互的线框图做的用户测试 说...

网友评论

      本文标题:线框保真度

      本文链接:https://www.haomeiwen.com/subject/mxqsirtx.html