SAP’s UI Technologies supporting the new Horizon visual theme of SAP Fiori
SAP 正在转变我们的设计和开发文化，更加专注于帮助人们更快、更轻松地完成工作并取得更好的成果。如果您还没有阅读过相关内容，请先阅读我们首席设计官 Benedikt Lehnert 的这篇博文，然后再继续阅读：体验心态：重新设计我们在 SAP 构建产品的方式。

SAP 的新设计语言是 SAP Fiori 的演变。新的视觉主题 Horizon 为基于可访问的模块化设计系统的现代友好用户界面铺平了道路。在其他方面，计划中的新地平线主题包括：

符合 Web 内容可访问性指南的有吸引力且清新的调色板
具有对比、留白和大胆的排版以适应自然的信息层次结构的焦点感
圆角营造出友好、平易近人的现代外观
一种减少跨设备学习曲线的移动优先方法
一个新的图标集，可以清晰地传达并感觉现代

图一：My Home page from

上图是 SAP S/4HANA Cloud 2111 的主页，使用 Purchase 业务角色登录。开启了 Horizon preview 主题。

How do SAP’s UI technologies support the Horizon visual theme?

SAP 力求跨解决方案和跨 UI 技术提供一致的用户体验。 SAP Fiori DNA 通过一个通用主题构建到所有 Web 开发人员的基础中，从而可以更轻松地构建新的 SAP Fiori 应用程序。通用主题库是高效重用和统一主题外观及其颜色和度量的关键。因此，SAP 能够快速引入 Horizon 主题，并正确关注各种 UI 技术。

UI 主题设计器和基于 HTML 的 UI 框架（如 SAPUI5 / OpenUI5、UI5 Web Components 和 Fundamental Library）基于主题基础内容，该内容提供所有相关主题参数作为现代 CSS 变量。通过 UI 主题设计器自定义这些参数，您可以根据 SAP 的标准主题创建自定义主题。

SAP UI5 对 Horizon 主题的支持情况

SAPUI5 1.93.3 and 1.96.0: 支持 experimental preview 版本，以搜集用户需求
UI5 Web Components 1.0.0，以便在 Angular 和 React 里使用。

如何启用 Horizon 主题

对 end user 来说，直接在 Fiori Launchpad 里选择。

对于开发者来说，在 index.html 里添加一行代码即可：

data-sap-ui-theme="sap_horizon"

更多Jerry的原创文章，尽在：“汪子熙”:

SAP Fiori 的 UI 新主题 Horizon相关推荐

SAP Fiori 3的暗黑主题，酷炫无比
【转】SAP Fiori Design Guidelines基础篇
SAP Fiori简介 SAP Fiori为SAP软件提供了一致且全面的用户体验. 通过强调易用性.创建视觉上令人愉悦的设计,所有设备的体验都是简单且直观的. 借助轻松的交互模式,SAP Fiori ...
SAP Fiori Belize 主题应用在 SAPGUI 里的一些要点
为了遵守 Fiori 设计指南,SAPGUI 里的 Belize 主题需要在某些方面与之前提供的所有 SAP GUI for Windows/HTML 主题不同. 为了更好地了解屏幕上的各种功能,Fi ...
如何在 SAP Fiori Elements List Report 表格工具栏里增添新的自定义按钮
如下图所示,这是 SAP Fiori Elements List Report 一个例子,我们想在表格工具栏里,新增一个自定义按钮: 实现方式在 SAP Fiori Elements 项目工程里,修 ...
如何查找SAP Fiori UI上某个字段对应的底层数据库表
我国古代,形容一个人武艺全面,会说他/她"十八般兵器样样精通".所谓十八般兵器(有时也称十八般武艺),即刀.枪.剑.戟.斧.钺.钩.叉.鞭.锏.锤.抓.镋.棍.槊.棒.拐.流星锤. ...
SAP Fiori里的Adapt UI按钮，神出鬼没的奥秘
今天是2020年2月2日鼠年大年初九,这是Jerry鼠年的第9篇文章,也是汪子熙公众号总共第208篇原创文章. 这几天大家在家一日游的感觉如何? 工作中Jerry的同事曾经问过我一个问题,Fiori界 ...
SAP CRM WebClient UI和CRM Fiori Account里显示Opportunity逻辑
我们知道SAP CRM WebClient UI的Account页面下有一个assignment block名叫opportunities,在SAP CRM Fiori UI里也有一个opportun ...
abap mm后台表_如何查找SAP Fiori UI上某个字段对应的底层数据库表
今天是立春,鼠年大年十一.这是Jerry鼠年的第10篇文章,也是汪子熙公众号总共第209篇原创文章. 昨天凌晨的时候,四川地区又发生了地震. 成都市民纷纷表示,我们太难了. 2020刚一开始就活得如此 ...
SAP Fiori学习笔记
资料链接:有些是需要自带梯子的哦- Fiori Design Guidelinesexperience.sap.com戴团长:SAP Fiori Designzhuanlan.zhihu.com如 ...

SAP Fiori 的 UI 新主题 Horizon

How do SAP’s UI technologies support the Horizon visual theme?

SAP UI5 对 Horizon 主题的支持情况

如何启用 Horizon 主题

SAP Fiori 的 UI 新主题 Horizon相关推荐

最新文章

热门文章