如何设计有效的基地布局
  • 31 Oct 2023
  • 1 分钟阅读
  • 贡献者

如何设计有效的基地布局


文章摘要

概述

:::(Info) (注意)阅读本文前,请确保您已熟悉"如何使用基本布局":

基本布局是应用程序格式化的核心。正确处理基本布局的格式将简化每个步骤的开发。

如何设计有效的基本布局

在设计应用程序时,首先要做的一件事就是确定基本布局的外观。

基本布局是应用于 App 中每个步骤的设计。添加到基本布局的任何小部件都会默认出现在所有后续步骤中。

您可以在 App 编辑器的左下方访问 "基本布局"。

:::(Info) (注)如果触发器被添加到基本布局中,触发器将适用于 App 中的所有步骤;但是,除基本布局外,无法从任何步骤访问触发器:

由于基础布局是应用程序中其余步骤的模板,因此在步骤外围布置基础布局小工具是合理的。

下面的步骤概述了创建 Base Layout 的示例,并让你了解如何设计自己的 Base Layout。

  1. 决定每个(或几乎每个)步骤都需要哪些部件。

一些合理的例子包括:进入下一步或上一步的按钮、公司徽标以及跟踪操作员在每个步骤上花费时间的计时器。
2. 决定这些基本布局小工具的位置。

为应用程序创建页眉和/或页脚是一个很好的起点。下图是使用矩形、按钮、文本和上传的图片构建的页眉和页脚的可视化布局。

  1. 每一步都要为新内容留出足够的空间。

基本布局上的部件最好安排在步骤中央,以留出最大的可视区域。

  1. 注意您希望或需要从基本布局中解锁哪些部件。

设计基本布局时,一定要注意在特定步骤中需要解锁哪些部件。尽量在视觉上将这些部件与基本布局的其他方面分开,以便创建不太激烈的过渡。
2. 考虑基本布局设计的可扩展性。

最后,考虑设计的可扩展性。在上文的应用程序示例中,菜单按钮可以占据页脚的大部分宽度;但是,如果您决定添加其他部件,这将给您留下大量的重新设计工作。为其他部件留出空间,可以减少将来重新配置现有部件的需要。


找到您想要的了吗?

你还可以前往community.tulip.co发布你的问题,或者看看其他人是否也遇到过类似的问题!


本文对您有帮助吗?