在传统认知里，应用/软件研发似乎就是开发者在黑色屏幕前敲代码，但在数字化快速发展的今天，低代码平台以其快速、灵活、易用的特性，迅速成为了企业数字化转型的重要工具。这一趋势不仅改变了传统的软件开发模式，也催生出了新的协作开发模式。而作为设计师，我们在这场变革中，既看到了新的机遇，也感受到了前所未有的挑战。

低代码平台的兴起，让更多的人能够参与到软件开发的过程中来，无论是业务人员还是技术人员，都可以通过简单的拖拽、配置，快速搭建出所需的应用。这种变化使得团队协作更加紧密，但也对设计师提出了更高的要求。

低代码设计器的核心要素

一款优秀的低代码设计器，应该具备以下几个核心要素：

1、直观易用的界面设计

界面设计是低代码设计器的第一道门槛。一个直观、易用的界面，能够降低用户的学习成本，提高使用效率。因此，设计师需要充分考虑用户的操作习惯、视觉认知等因素，打造出简洁明了、操作便捷的设计界面。

大多数工具型产品都希望能在一个界面让用户完成所有任务，却忽略了用户在现实场景下的使用流程。通常一个任务完成的前提是，需要按照一定的步骤完成若干个细项任务。若无法聚焦于每一个个细项任务，而需要耗费大量的时间精力来排除其他信息的干扰，则会产生“注意力被分散”、“太复杂”等体验感受，导致最终任务完成难度增加。

在新一代产品中，发挥“组织 删除 转移 隐藏 ”交互利器，将很多无效信息进行隐藏，尽量去还原开发者熟悉的开发场景，使其符合用户的使用习惯。

并且在页面元素中融入情感化设计，弥散光影和大圆角设计减少产品和用户间的距离感。

2、强大的定制能力

低代码平台的核心价值之一在于其强大的定制能力。设计师需要为设计器提供丰富的组件库和模板，让用户能够根据自己的需求，快速搭建出符合业务场景的应用。同时，设计器还需要支持灵活的属性设置和布局调整，以满足用户对于个性化定制的需求。

低代码编辑器通常由组件模块，组件调用及组装区，页面搭建区，参数配置模块，组件树等模块组成。

组件查找效率更高

inbuidler 的组件工具箱加入组件搜索、组件库分类、分类快捷操作，使组件分类更明确，使查找体验更顺滑；另外重新绘制的组件图标样式，将图标调整为更易读易懂的组件图形，达到所见即所得的效果；

组件拖拽更丝滑

拖拽式设计是提高用户操作流畅度的有效方法，用户可以通过简单的拖拽、放置组件的方式完成页面的布局，而无需编写繁杂的代码。这种操作方式符合用户的直觉，使得用户更加轻松地完成设计任务。

在设计的过程中，拖放看似简单，但是事实上，拖放过程设计大量细节，在拖放时需要处理许多特定的状态：

1、鼠标悬停：鼠标指针悬停在可拖动的元素上方。

2、鼠标按下：在可拖动对象上按下鼠标键。

3、拖动启动：鼠标开始移动（在对象被拖动超过 3 像素或鼠标按下超过 0.5 秒时启动拖动）。

4、拖动离开原始位置：可拖动对象离开了原来的位置或包含它的容器。

5、拖动重新进入原始位置：可拖动对象又进入了原来的位置或者包含它的容器。

6、拖动进入有效目标：可拖动对象位于有效的放置目标。

7、拖动退出有效目标：可拖动对象离开有效的放置目标。

8、拖动进入无效目标：可拖动对象位于无效的防止目标上方。

9、拖动进入非特定目标：可拖动对象位于放置目标和非放置目标之外的区域。取决于是否将有效目标之外的区域全都看成无效目标。

10、拖动悬停于有效目标：可拖动对象暂时停驻于有效目标之上，但用户没有释放鼠标。此时，有效的放置目标通常会突然打开。例如，拖动并在一个文件夹上方暂停，文件夹会打开以示可以接受上方对象。

11、拖动悬停于无效目标：可拖动对象暂时停驻于无效目标之上，但用户没有释放鼠标。这个事件有用吗？也许可以在此时对用户给出反馈，说明为什么下面不是一个有效目标。

12、放置被接受：可拖动对象位于有效目标之上，而且放置已经被接受。

13、放置被拒绝：可拖动对象位于无效目标之上，而且放置已经被拒绝。此时用不用把被拖动对象移回原处？

14、放置在父容器上：可拖动对象放置在父容器之上时一般来说不会有什么特殊之处，不过在个别情况下，不同位置会有不同的含义。

在上述的每个事件发生时，都可以在视觉上操作一些相关元素，这些元素包括以下几个：

（1）页面（例如在页面上显示静态消息）。

（2）光标。

（3）工具提示条。

（4）拖动对象（或拖动对象的某个部分，例如模块的标题区）。

（5）拖动对象的父容器。

（6）放置目标。

代码、设计器双视图灵活高效

固定为两个视图面板，提供明显的可操作按钮，自由打开或隐藏，用户可自由切换可视化视图和代码视图。

认知减负，引导抉择

「帕累托法则（二八法则）」同样适用于工具型产品设计，即 20%的功能影响 80%的用户体验结果。换句话说，大部分普通用户经常使用的基础功能仅占 20%，但影响程度却远超于剩下的 80%。所以需将功能划分为基础功能和高级功能，在优先展示基础功能的前提下，再考虑高级功能或自定义功能的展示，必要时可将高级功能或自定义功能进行隐藏，但前提需是可见的。 例如：更多设置，更多选项等，即对专家用户始终保持可见，但又不打扰普通用户。

设计一款优秀的低代码设计器的策略

在设计一款优秀的低代码设计器时，我们需要站在更高的角度，深入思考并把握其核心要素。这不仅仅是界面美观与功能完善的简单结合，更是一场用户体验、技术实现与团队协作的深度融合。

1.     深入理解用户需求与场景

设计师需要深入了解用户的需求和场景，包括用户的行业背景、业务流程、使用习惯等。通过调研和分析，可以找出用户在低代码平台使用过程中的痛点和需求点，为设计器的设计提供有力的支撑。

同时，还需要关注不同角色用户的需求差异。例如，业务人员可能更注重设计的易用性和美观度，而技术人员则更关注设计的灵活性和可扩展性。因此，设计师需要在设计中平衡各方需求，打造出符合各类用户期望的设计器。

2.     优化用户体验与操作流程

优化用户体验是设计低代码设计器的重要目标之一。设计师需要从用户的角度出发，简化操作流程、减少操作步骤，降低用户的学习成本和使用难度。同时，还需要提供清晰的引导和帮助文档，帮助用户快速上手和解决问题。

此外，实时反馈和错误提示也是提升用户体验的关键。当用户在操作过程中出现错误或问题时，设计器需要及时给出反馈和提示，帮助用户快速定位问题并解决。

3.     强化设计与开发的协同

在低代码平台中，设计与开发是密不可分的两个环节。设计师需要与开发人员保持紧密的沟通协作，确保设计的可行性和可实现性。同时，还需要建立统一的设计规范，确保设计的一致性和可维护性。

在设计评审和迭代优化过程中，设计师需要充分听取开发人员的意见和建议，结合实际情况进行调整和优化。通过不断的迭代和完善，可以打造出更加优秀、更加符合用户需求的低代码设计器。

四、设计师在低代码时代的角色转变与提升

随着低代码平台的普及和应用，设计师的角色也在发生转变。我们不再仅仅是视觉呈现者，更需要具备逻辑思考能力和技术分析能力。我们需要深入理解业务需求和技术实现，将设计思维与业务逻辑相结合，为用户提供更加符合实际需求的解决方案。

同时，设计师还需要保持持续学习和创新的精神。智能化和低代码技术的发展日新月异，设计师需要不断更新自己的知识和技能，紧跟时代的步伐，保持敏锐的洞察力，不断寻找新的设计灵感和创新点，为产品的持续优化和发展贡献自己的力量。

 结语

引用《简约至上》中的所说：创造简单用户体验的秘诀就在于把复杂性转移到正确的地方。任何产品都具有一定的复杂性，设计的目的不是为了消除所有复杂性，而是将它们放到最合适的位置。简化产品的复杂性替用户排除不必要的干扰，通过设计师的努力给每一个用户带来简单、愉悦的使用体验，让复杂的工作更简单。