在微软 Power Platform 中,画布应用(Canvas App)是把公司业务流程数字化的绝佳途径。这种开发方式给了你极大的自由度来构建应用,但自由也意味着重大的责任。
衡量一个应用是否成功,指标有很多,而“用户体验”绝对是其中关键的一环。因此,在你动手构建应用之前,就必须好好考虑 UI/UX(用户界面/用户体验)设计。
在深入探讨技巧之前,我们先来弄清楚 UI 和 UX 分别是什么。UX(用户体验)设计,专注于创造无缝、有意义的用户使用感受。而 UI(用户界面)设计,则是构建界面的过程,更侧重于它的外观、手感和交互性。
糟糕的 UX 设计只会让用户感到沮丧,最终导致应用被弃用。
技巧 1:打磨控件
开发画布应用时,我们可以直接使用 Power Platform 提供的默认控件。它们功能没问题,也提供了很多可能性,但说实话,它们并不能让你的应用看起来很“专业”。
仅仅通过调整字体、字号、边框(尤其是“选中时”的边框)和控件的整体尺寸,你就能立竿见影地提升应用的外观和质感。

技巧 2:定义统一的主题
我们希望用户在使用应用时,能一眼认出这是自己公司的产品。这通常通过在应用中融入企业品牌元素来实现。画布应用中的每个控件都有可以设置字体、颜色和样式的属性。
但如果你在每个控件上手动设置,一旦需要修改(比如品牌色更新了),这需要逐个修改每个控件,简直是一场灾难,费时费力且难以维护。
为了更好地实施你们的样式指南,你应该在应用中定义一个“主题”。不要在控件级别使用硬编码的颜色代码,而是将控件的颜色属性指向一个引用了样式指南的“变量”。

技巧 3:使用响应式布局
适配不同尺寸的屏幕,是开发画布应用时最重要的步骤之一。默认的“缩放”模式只是简单地拉伸应用来填满用户的屏幕。如果你的应用内容稍多一点,这种拉伸很快就会让布局“惨不忍睹”。
每个控件都有 X、Y、Width 和 Height 属性。你过去可能用固定数字或公式来设置它们。
别再用这些属性来做布局了!
请开始使用“布局容器”(Layout containers)。 布局容器能帮助你将对象(控件)封装在容器内,并实现真正的响应式排列。每种容器(水平/垂直)都有特定的属性供你定义布局,这比手动算坐标高效多了。

技巧 4:规划清晰的屏幕流
不要想当然地认为用户“应该”知道你的应用流程。
为了提升用户体验,有时宁可多一个点击或多一个确认屏幕,来确保用户清楚自己正在做什么。这一点同样适用于错误处理、数据库操作——你必须始终告知用户当前正在发生什么。
在配置应用之前,准备一个“屏幕流计划”,这将使你在后续实现信息提示和错误处理时更加容易。
在画布应用中,我们有多种方法可以实现这一点:
加载动画 (Spinners): 告诉用户你的应用正在处理数据(例如保存到数据库)。
Notify 函数: 在屏幕顶部显示一个信息横幅来通知用户。
OnSuccess / OnFailure 属性: 针对数据操作成功或失败时,分别执行特定动作。
专用屏幕: 设计专门的屏幕来显示数据操作的结果(如“提交成功!”),并导航到这些屏幕。

技巧 5:拥抱“现代控件”
Power Apps 的“现代控件”是一组全新的控件,可以用来创建更具现代感的应用。这些控件基于微软的 Fluent Design System,这意味着它们的外观和体验与其他微软产品保持一致。
默认情况下,现代控件并未开启。你需要转到“设置”菜单 > 打开名为“现代控件”的开关。

这些控件看起来真的很棒,如果你想提升应用的颜值,一定要试试。
-
关于作者 | 李祺 Varman
-
不仅仅是技术专家,更是您的数字化转型伙伴
我是李祺,连续4年荣获微软 Power Platform 方向最有价值专家(MVP)。
在过去5年中,我已成功为数十家世界500强及行业头部企业
提供了深度的微软产品数字化转型服务,内容涵盖:
企业内训:
赋能上千名员工,快速掌握 Power Platform 与 AI 工具。技术支持:
提供专家级顾问服务,解决关键业务难题。项目实施:
成功交付上百个自动化流程与商业智能项目,显著提升企业运营效率。
我深知技术服务于业务的本质。我的目标是利用 Power Platform 和 AI,将您的商业构想转化为实实在在的生产力。
🚀 您可以获得什么?
免费自学,无限探索
公众号菜单栏【知识库】已沉淀 500+原创中文教程,并持续更新 AI 应用内容。所有文章永久免费,欢迎随时查阅和自助问答。
深度交流,专属连接
如果您在学习中遇到个性化问题,或希望获得更及时的反馈,欢迎加入我的【知识星球】。这是一个付费制的高质量交流社群(365元/年),您将获得:
与我直接图文交流的机会
一个无广告、纯粹、高价值的问答环境
您的支持,是我持续创作免费优质内容的最大动力
企业合作,定制方案
如果您的企业正面临业务流程繁琐、数据决策困难或团队能力不足等挑战,我能提供定制化解决方案,包括但不限于教育培训、技术支持、项目实施。
👉 请通过公众号菜单【联系我】-【商务合作】与我取得联系,开启您企业的高效办公新时代。

