SAP Fiori 3 的 Quartz Theme 在 WebClient UI 和 SAPGUI 中的应用

SAP Fiori 3 是支持智能套件(Intelligent Suite)的所有 SAP 产品的新目标设计。

基于 SAP Fiori 3 指南的新 SAP Quartz Light 主题现在可用于 WebClient UI.

Quartz Light 主题旨在让应用程序内容成为中心舞台。

由于它简单而简约,它还可以让客户轻松地将其主题化为他们的品牌。

如果客户在独立模式下使用 WebClient UI,则可以从个性化 - 个性化布局中选择 SAP Quartz Light 主题。

下图来自我的系统 QGL/504:

首先,我们会注意到标题栏中的变化,例如用户图标已从屏幕左侧移动到右侧。

单击用户图标会弹出用户操作菜单,可以访问与以前相同的功能,但现在是一个下拉列表,而不是通过 SAP Fiori 2.0 Me Area,如下所示:

可以使用菜单图标访问侧面板。

如果在 Fiori Launchpad 集成模式下使用 WebClient UI,可以从 FLP 用户设置 - 外观中选择 SAP Quartz Light 主题。 FLP 集成模式下的 WebClient UI 应用程序将以选定的主题显示。

除了更新 shell 标题栏中的操作位置外,SAP 还更新了应用程序中的操作位置,使按钮的位置更加直观。

替换了一些常用操作的图标以满足 SAP Fiori 3 的要求。

还实施了 Font 72 以提供 UX 一致性。

新的 SAP Quartz Light 主题已可用于 SAP S/4HANA S/4HANA Service(版本号为 SAP S/4HANA 1909)。

Fiori 3 Quartz Light theme 可以通过 SAP Note: 3132449 的方式打到 WEBCUIF 748/Ehp4 上去。

SAPGUI 软件里的 Quartz Theme:

在 SAP UI5 应用里使用 dark theme:

data-sap-ui-theme="sap_fiori_3_dark"

最后的效果:

将 SAP UI5 应用配置成 Fiori Launchpad 里的 tile,打开后的效果:

Quartz Dark 是为 SAP Fiori 应用程序创建的附加主题,用于在需要或不可避免的低光环境中工作。深色主题还确保简洁轻便的设计在所有 SAP Fiori 应用程序中保持一致和连贯。

猜你喜欢

转载自blog.csdn.net/i042416/article/details/128758180