SuperAPI AI 工具集

sap-fiori-guidelines

设计与创作

查看项目

更新于 10-16 08:45

技能介绍

用途:在设计与构建 SAP Fiori 应用、实现 SAPUI5 或 UI5 Web Components、遵循 SAP 企业 UX 模式、选择 UI 元素、实现导航与消息与数据可视化、保证无障碍、应用颜色字体样式,以及设计 AI 功能、Joule 集成与引导式提示时使用本技能。

核心原则:SAP Fiori 基于五条原则——基于角色、自适应、一致、简洁、令人愉悦。

技术选项:SAPUI5 用于完整 SAP Fiori 应用、SAP BTP、S/4HANA;UI5 Web Components 用于框架无关及 React/Vue/Angular 集成;SAP Fiori Elements 用于基于元数据与 OData 服务的应用。

参考文件:UI 元素含 ui-actions、ui-inputs、ui-containers、ui-display、ui-lists-tables、ui-navigation、ui-messages、ui-ai、ui-upload;页面类型与楼层平面含 page-types;基础含 foundations-visual、foundations-interaction、foundations-writing-and-wording、foundations-best-practices、foundations-ai-and-joule-design、foundations-integration-and-services;Fiori Elements 与 S/4HANA 含 fiori-elements、sap-s4hana。实现具体组件时应阅读对应参考文件获取详细指导与示例。

要点:每页或对话框仅一个强调按钮;使用语义色表示状态;用消息弹窗处理多条消息;提供无障碍标签与 ARIA 属性;采用响应式布局;表单使用值状态显示校验错误;异步操作显示加载指示;AI 功能遵循 Joule 设计模式。AI 集成使用 AI Button 触发操作、AI Acknowledgment 体现透明度、Guided Prompts 辅助交互,设备端处理时须提供 Local AI Notice,并遵循负责任 AI 原则。

外部资源:https://experience.sap.com/fiori-design-web/ 、https://ui5.sap.com/ 、https://sap.github.io/ui5-webcomponents/ 。

限制:资料未提供安装命令、收费与价格、平台支持范围及具体使用步骤,相关细节暂未提供。