了解操作界面可以让你更快速地玩转「即时设计」。
「即时设计」操作界面分为以下 5 个部分:顶栏、左侧面板、画布、属性面板、帮助。

顶栏
顶栏功能包括:菜单、画布缩放、功能按钮(或文件下拉菜单)、分享协作、预览、显示设置、文件保存状态等。
你可以利用顶栏功能对文件内容进行操作。

功能主菜单
左上角的「功能主菜单」是设计工具的功能索引。它包含了设计工具中所有功能,当你忘记某个功能的入口时,可以直接从索引中查找。菜单中的「搜索」也可以帮助你快速找到该功能。
主菜单相关详情可查看教程 功能主菜单

画布缩放
点击择画布缩放的「-、+」按钮可以直接可缩画布内容,也可以通过选择下拉菜单中的 「50%、100%、200%」快速按比例缩放。

除了以上缩放方式外,你还可以直接使用快捷键缩放画布:

顶部工具栏 工具栏包含了文件、图层常用功能,针对不同选中项时会显示不同功能,避免无关功能带来干扰。 工具栏详情可查看 顶部工具栏 。

顶部工具栏 工具栏包含了文件、图层常用功能,针对不同选中项时会显示不同功能,避免无关功能带来干扰。 工具栏详情可查看 顶部工具栏 。

预览 你可以通过进入「预览」查看所有设计图效果。 预览详情可查看 预览 。

显示设置 你可以在右上角的「显示设置」中修改不同的画布视图显示形态,以满足多场景下的不同使用需求。 显示设置详情可查看 显示设置 。

查看文件保存情况
实时显示当前文件保存情况,包括以下三种情况:
- 已实时保存:文件中所有内容已全部实时保存。
- 正在保存:当前网络环境不稳定,正在尝试进行云端保存。
- 网络不稳定,已离线保存:当前网络环境非常不稳定,云端保存失败,已离线保存至浏览器缓存中。
如果在编辑过程中发现网络不稳定或已经断网,请不要立刻关闭或刷新网页,等到网络环境稳定或重新连上网后内容都会立即上传到云端。
断网期间我们会将你的操作存储为浏览器本地数据,等待网络恢复的期间你仍然可以继续创作,但也需要在网络提示「已全部保存到云端」后才可以离开网页哟。
左侧面板
左侧面板内容包括:组件工具栏、页面目录、层级目录、引用组件库、资源库、全网搜索。
你可以在左侧面板「组件工具栏」底部选择「层级目录」、「引用组件库」、「资源库」按钮,切换图层目录、引用组件库、资源库显示,还可以选择「全网搜索」,精确对全平台所有独立资源进行搜索。

组件工具栏 你可以在左侧组件工具栏上选择需要的内容进行创建,包括矩形、圆形、线条、钢笔、画板等;也可以直接使用对应的快捷键创建内容。 组件工具栏详情可查看 组件工具栏 。

页面目录/图层目录 页面目录和组件组件目录用于统一管理文件中页面、图层内容。 页面目录/图层目录详情可查看 页面目录 、 图层目录 。

引用组件库 引用组件库中包含了文件中所有的引用组件,你可以拖拽引用组件至画布进行编辑,也可以选择右键「删除引用组件」将引用组件删除。 引用组件详情可查看 引用组件 。

资源库 在精选广场中引用、采集的资源内容,都可以通过编辑页的「资源库」浏览、管理和使用。在设计过程中随时可以在资源库面板中取用资源。 资源库详情可查看 资源库 。

画布 画布是核心创作区域,你有足够的创作空间在这里进行自由设计,随意展现你的灵感,发挥你的创意。 画布详情可查看 画布 。 属性面板 在属性面板中,你可以编辑图层或画布属性,属性面板会根据选择显示相应属性内容。 属性面板详情可查看 属性面板 。

帮助 为方便大家快速解决在使用过程中遇到的问题,我们在平台右下角设置了一个「帮助」按钮,可以通过按钮找到我们的用户交流群入口,或直接填写「意见反馈」表。 帮助详情可查看 帮助 。
