# 概览2024.1+
看板设计器是看板编辑最主要的功能区域。看板的组件配置、已发布卡片的展示、卡片与卡片之间及卡片与组件之间的联动、看板布局样式设计等都是在该设计器中完成。
# 界面介绍
看板设计器界面主要分为以下几个区域：
① 顶部菜单导航栏
左侧-返回与文件名
- 返回 退出设计器，返回管理界面。文件处于未保存状态时点击返回，会有确认退出提示。
- 看板名 点击看板名可对当前看板名称进行编辑。
中部-仿真区域
- 可在电脑端与手机端进行切换进行看板查看，详见仿真设备
右侧-保存发布区域（该区域按钮会根据协作者权限动态生成）
- 保存 看板新建时或看板经过编辑后，该按钮可点击，用于保存看板内容，保存成功后按钮置灰。
- 发布历史 点击后会出现弹出框，展示当前看板的发布历史版本，支持回退和删除历史版本。
- 预览 点击后会打开一个新窗口对看板进行预览。默认可点击，看板修改后置灰，保存完成后方可点击。
- 发布 点击后会出现弹出框对看板进行发布设置。默认可点击，看板修改后置灰，保存完成后方可点击。详见发布
② 分析组件窗口
③ 标准组件窗口
④ 设计器主窗口（以下简称
画板）⑤ 看板属性窗口
# 添加组件
从分析组件窗口或者标准组件窗口找到要添加的组件，按住鼠标左键并拖动至画板内，放开鼠标左键即可完成组件的添加。
TIP
图片展示了分析组件与标准组件的添加过程。
# 删除组件
鼠标滑动至已添加到画板内的组件上方，组件左上角（第一行组件为左下角）会出现操作按钮。
点击最后一个垃圾桶按钮，二次确认后组件会被移除。
TIP
图片展示了如何删除已添加组件。
# 画布拖拽及操作
鼠标滑动至已添加到设计器主窗口的组件上方，组件左上角（第一行为左下角）会出现操作按钮。
按住第一个
十字箭头按钮拖动鼠标可以实现对组件的拖拽，鼠标移动到希望的位置后放开鼠标左键即可放置组件到相应位置。点击第二个
锁按钮即为锁定组件，组件被锁定后无法被拖动，再次点击此按钮完成解锁之后，组件方可再次被拖动。
TIP
图片展示了卡片的拖动摆放，锁定后无法拖动，解锁后可再次被拖动。
# 仿真设备
点击
电脑或手机图标实现电脑和移动端预览切换选中
电脑时点击下方左侧按钮，可实现不同分辨率屏幕效果的预览。选中
手机时点击下方左侧按钮，可实现不同型号移动端效果的预览。右侧百分比选择配合设备切换，可实现多种分辨率屏幕下不同倍数的缩放。
TIP
图片展示了看板在电脑 8K 屏、2K 屏、1K 屏以及移动端 iphone 系列、Android、ipad 系列等设备上的仿真效果。