SAP Fiori簡介

SAP Fiori為SAP軟件提供了一致且全面的用戶體驗(yàn)。 通過強(qiáng)調(diào)易用性、創(chuàng)建視覺上令人愉悅的設(shè)計(jì)，所有設(shè)備的體驗(yàn)都是簡單且直觀的。 借助輕松的交互模式，SAP Fiori UX旨在為各企業(yè)用戶提供更好的服務(wù)。

設(shè)計(jì)理念

SAP Fiori的核心設(shè)計(jì)理念是：

Provides role-based simplification of business processes（提供基于角色的業(yè)務(wù)流程方面的簡化）

Shifts from monolithic solutions to activity-based apps（從單一解決方案轉(zhuǎn)變?yōu)榛诨顒?dòng)的應(yīng)用程序）

Empowers users and the way they work（賦能用戶和他們的工作方式）

SAP Fiori的設(shè)計(jì)哲學(xué)基于它的五個(gè)核心原則： role-based（基于角色的）, adaptive（自適應(yīng)的）, simple（簡單的）, coherent（連貫的）, and delightful（令人愉悅的）。

發(fā)展歷程

SAP Fiori 1.0

SAP Fiori于2013年推出，已經(jīng)從最初的小范圍使用發(fā)展成為整個(gè)SAP的新的用戶體驗(yàn)。 它已被應(yīng)用到SAP Business Suite 4 SAP HANA（SAP S / 4HANA），SAP SuccessFactors Employee Central解決方案，Ariba移動(dòng)解決方案，SAP Cloud for Customer等解決方案中。

基于SAPUI5技術(shù)（版本1.26-1.38），SAP Fiori 1.0完成了更廣泛的范式轉(zhuǎn)變，從關(guān)注功能特征轉(zhuǎn)向用戶及其體驗(yàn)。 SAP為復(fù)雜的業(yè)務(wù)場景帶來了簡便性，因此各團(tuán)隊(duì)可以變的更高效，以全新的方式更好更快的工作。

SAP Fiori 1.0采用現(xiàn)代UX設(shè)計(jì)原則，可以跨業(yè)務(wù)線、跨任務(wù)和跨設(shè)備提供基于角色的消費(fèi)者級(jí)用戶體驗(yàn)。

SAP Fiori 2.0

SAP Fiori 2.0于2016年10月推出。它代表了SAP S / 4HANA和SAP Business Suite用戶體驗(yàn)的最新發(fā)展成果。

SAP Fiori 2.0基于SAPUI5技術(shù)（版本1.40及更高版本），更加注重用戶及其工作方式。它讓用戶更專注于核心任務(wù)，同時(shí)仍然可以跟蹤其他區(qū)域的活動(dòng)。對(duì)現(xiàn)有SAP Fiori啟動(dòng)面板的升級(jí)使用戶獲得更高的靈活性和更全面的指導(dǎo)。這些改進(jìn)包括優(yōu)化發(fā)現(xiàn)和導(dǎo)航功能，通過視窗進(jìn)行界面交互，訪問面向操作的個(gè)人通知，協(xié)作的改進(jìn)，個(gè)人數(shù)字助理的使用等。

SAP Fiori 2.0為用戶提供了：

Increased productivity（提高生產(chǎn)力）

Faster and more direct access to relevant information and applications（更快，更直接地訪問相關(guān)信息和應(yīng)用程序）

Transparency on items needing attention via timely notifications（通過及時(shí)通知提高關(guān)注項(xiàng)目的透明度）

Assistance to users when it comes to deciding needs to be done next（為用戶決策提供幫助）

The ability for the user to take quick and informed actions（為用戶提供采取快速和明智行動(dòng)的能力）

Increased user satisfaction（提高用戶滿意度）

設(shè)計(jì)原則

ROLE-BASED（基于角色的）

SAP Fiori基于你的業(yè)務(wù)、需求及工作方式而設(shè)計(jì)。它借鑒了我們對(duì)當(dāng)今人力資源的多種角色的廣泛見解。SAP Fiori能在適當(dāng)?shù)臅r(shí)間提供正確的信息，并反映你真實(shí)的工作方式。

DELIGHTFUL（令人愉悅的）

除了讓您更聰明地工作之外，SAP Fiori還可以讓您簡單地完成工作，從而獲得更好的工作體驗(yàn)。

COHERENT（連貫的）

無論您是填寫銷售訂單，查看最新KPI，還是管理請(qǐng)假申請(qǐng)，SAP Fiori都會(huì)遵循一致的交互和視覺設(shè)計(jì)語言。在整個(gè)企業(yè)中，您將享受到同樣直觀和一致的體驗(yàn)。

SIMPLE（簡單的）

借助SAP Fiori，您可以直觀、快速地完成工作。SAP Fiori幫助您專注于重要的事項(xiàng)，它的基本功能易于使用，您可以專注于您的相關(guān)任務(wù)和活動(dòng)獲得個(gè)性化體驗(yàn)，。

ADAPTIVE（自適應(yīng)的）

無論您使用何種設(shè)備，SAP Fiori都能讓您隨時(shí)隨地工作。并且，它提供了可即時(shí)查看的相關(guān)信息。

設(shè)計(jì)主導(dǎo)的開發(fā)過程

SAP致力于設(shè)計(jì)基于角色的應(yīng)用程序，以滿足最終用戶在所有業(yè)務(wù)、任務(wù)和設(shè)備上的需求。我們相信這是優(yōu)秀用戶體驗(yàn)的關(guān)鍵。但是，我們?nèi)绾螢榭蛻艉妥罱K用戶保證可靠而一致的設(shè)計(jì)？ 答案是SAP的“設(shè)計(jì)主導(dǎo)的開發(fā)過程”（Design-Led Development Process）。

設(shè)計(jì)主導(dǎo)的開發(fā)過程利用成熟的設(shè)計(jì)思維方法來實(shí)現(xiàn)最佳的用戶體驗(yàn)。該流程涵蓋整個(gè)開發(fā)生命周期，簡單易用，為整個(gè)設(shè)計(jì)擴(kuò)展提供了堅(jiān)實(shí)的基礎(chǔ)。它促進(jìn)了設(shè)計(jì)人員和開發(fā)人員之間的協(xié)作，同時(shí)確保在整個(gè)過程中的每一步都能滿足最終用戶的需求。

各個(gè)階段

開發(fā)軟件不僅僅是編碼，必須在整個(gè)過程中把用戶放在首位。為了做到這一點(diǎn)，首先要了解最終用戶是誰。這就是設(shè)計(jì)主導(dǎo)的開發(fā)過程從“發(fā)現(xiàn)階段”開始的原因。在此階段，你需要專注于了解客戶，他們的工作方式以及他們的需求。

只有這樣，您才能進(jìn)入設(shè)計(jì)階段，并為開發(fā)設(shè)計(jì)初始原型。在開發(fā)活動(dòng)（例如實(shí)施和測試）之后，您的應(yīng)用程序也就可以準(zhǔn)備部署了。

設(shè)計(jì)主導(dǎo)的開發(fā)過程的重點(diǎn)是前兩個(gè)階段 ——發(fā)現(xiàn)和設(shè)計(jì)。 這兩個(gè)步驟與開發(fā)軟件本身一樣重要。

如下圖：The design-led development process

發(fā)現(xiàn)——把控全局

也許您已經(jīng)很清楚客戶的需求和需求，以及最終用戶的任務(wù)和挑戰(zhàn)。但你真正需要的是你的應(yīng)用程序影響到的各業(yè)務(wù)角色的整體視圖。

為此，你必須訪問所在地的客戶并與相關(guān)人員交談。把與不同的利益相關(guān)者組織起來進(jìn)行設(shè)計(jì)思維研討會(huì)是一個(gè)很好的方法。在發(fā)現(xiàn)階段結(jié)束時(shí)，你應(yīng)該清楚地了解所涉及的所有業(yè)務(wù)角色，并收集每個(gè)角色的典型特征——也稱為“personas”。你應(yīng)該知道他們的典型任務(wù)是什么，以及他們的活動(dòng)順序是什么樣的。有了這些信息，你才可以構(gòu)思開發(fā)有關(guān)應(yīng)用程序如何工作的初步想法，獲得對(duì)需求的共同理解，并從最終用戶那里獲得額外的反饋。

設(shè)計(jì)——為了令人愉悅的結(jié)果

一旦你對(duì)發(fā)現(xiàn)活動(dòng)的初始結(jié)果感到滿意，你就可以開始下一階段設(shè)計(jì)了。你的應(yīng)用程序應(yīng)根據(jù)構(gòu)建的用例進(jìn)行定制，該用例需基于Discover階段的綜合結(jié)果。理想情況下，你會(huì)有一個(gè)多學(xué)科團(tuán)隊(duì)可以進(jìn)行頭腦風(fēng)暴，創(chuàng)建故事板，并產(chǎn)出可以與最終用戶一起驗(yàn)證的第一個(gè)原型。

完成初始設(shè)計(jì)后即可開始開發(fā)。在開發(fā)階段，你可能仍需要更改設(shè)計(jì)的某些方面，以應(yīng)對(duì)持續(xù)的用戶反饋，或優(yōu)化應(yīng)用程序，或應(yīng)對(duì)技術(shù)限制。

當(dāng)應(yīng)用程序完成首次實(shí)施和測試后，初始設(shè)計(jì)可能需要進(jìn)一步的迭代和調(diào)整才能到達(dá)最終的設(shè)計(jì)和實(shí)現(xiàn)。

部署——卓越的用戶體驗(yàn)

在部署應(yīng)用程序之前，你需要確保最終實(shí)現(xiàn)和設(shè)計(jì)完全同步。如果和設(shè)計(jì)有偏差需要獲得批準(zhǔn)。在此階段，有必要驗(yàn)證最終實(shí)施和設(shè)計(jì)是否為最終目標(biāo)用戶提供了預(yù)期的用戶體驗(yàn)。

SAP提供全新的UX設(shè)計(jì)服務(wù)整合，可指導(dǎo)組織和公司實(shí)現(xiàn)以用戶為中心的設(shè)計(jì)。

我們使用經(jīng)過驗(yàn)證的設(shè)計(jì)方法（如設(shè)計(jì)思維和以用戶為中心的設(shè)計(jì)）幫助您為您的企業(yè)定義和執(zhí)行最佳UX策略。

持續(xù)優(yōu)化——應(yīng)用的生命周期

現(xiàn)在你已經(jīng)編寫并交付了應(yīng)用程序，你可能想知道它在現(xiàn)實(shí)世界中的表現(xiàn)以及最終用戶是否真的滿意。有多種方法可以獲得用戶反饋，包括訪談、網(wǎng)站訪問和結(jié)構(gòu)化可用性測試。例如，你可能會(huì)發(fā)現(xiàn)需要支持其他移動(dòng)設(shè)備，甚至增強(qiáng)一些其他功能。

在此過程的任何一步，你都可以應(yīng)用設(shè)計(jì)主導(dǎo)開發(fā)的方法來規(guī)劃新版本，支持其他平臺(tái)，整合其他用戶反饋或滿足新的用戶需求。因此應(yīng)用程序生命周期仍在繼續(xù)！

團(tuán)隊(duì)努力

許多人為開發(fā)過程做出了貢獻(xiàn)。 通常包括：

產(chǎn)品所有者-領(lǐng)域?qū)＜遥ǔＸ?fù)責(zé)該領(lǐng)域的整個(gè)應(yīng)用程序系列。

用戶研究員-負(fù)責(zé)推動(dòng)最終用戶研究和工件整合。

用戶體驗(yàn)設(shè)計(jì)師-負(fù)責(zé)創(chuàng)建模型，原型和設(shè)計(jì)規(guī)范。

開發(fā)人員-實(shí)現(xiàn)設(shè)計(jì)。

信息開發(fā)人員-負(fù)責(zé)UI文本，術(shù)語和用戶幫助主題。

質(zhì)量專家-負(fù)責(zé)進(jìn)行測試活動(dòng)并整合結(jié)果。

這些只是主要角色。根據(jù)驅(qū)動(dòng)流程的方式，可能需要擴(kuò)展此列表。

設(shè)計(jì)門

為了在整個(gè)設(shè)計(jì)主導(dǎo)的開發(fā)過程中支持SAP的產(chǎn)品團(tuán)隊(duì)，全球設(shè)計(jì)團(tuán)隊(duì)提出了一個(gè)名為“設(shè)計(jì)門”的概念。設(shè)計(jì)門是沿途的一系列檢查點(diǎn)，用于確保我們產(chǎn)品的設(shè)計(jì)一致，遵循我們的設(shè)計(jì)準(zhǔn)則，并真正滿足最終用戶的需求。這些檢查由未參與產(chǎn)品開發(fā)但可以提供公正意見的UX專家進(jìn)行。他們提供有關(guān)如何繼續(xù)設(shè)計(jì)和開發(fā)過程以及如何優(yōu)化產(chǎn)品用戶體驗(yàn)的咨詢，指導(dǎo)和說明。

多設(shè)備支持：響應(yīng)與自適應(yīng)

簡介

對(duì)于在移動(dòng)中工作的典型用戶而言，在桌面設(shè)備和移動(dòng)設(shè)備之間切換至關(guān)重要。隨著用戶越來越期望在他們的設(shè)備上保持一致的性能和連貫的外觀和感覺，我們?nèi)绾未_保通過Fiori應(yīng)用程序提供出色的用戶體驗(yàn)?zāi)?？答案是通過響應(yīng)和自適應(yīng)設(shè)計(jì)。

響應(yīng)性和自適應(yīng)設(shè)計(jì)使Fiori應(yīng)用程序可以在臺(tái)式機(jī)，平板電腦，智能手機(jī)和混合設(shè)備上運(yùn)行。當(dāng)用戶切換設(shè)備時(shí)，我們的應(yīng)用程序會(huì)自動(dòng)適應(yīng)分辨率，圖像大小和腳本。這樣，無論設(shè)備如何，我們的用戶都可以按照他們想要的方式和地點(diǎn)工作。

響應(yīng)式設(shè)計(jì)Responsive Design

SAP Fiori最引人注目的因素之一是我們的應(yīng)用程序只需開發(fā)，配置和維護(hù)一次，所有更改就可以在所有設(shè)備上生效。這樣，無論用戶使用哪種設(shè)備，最終用戶都能獲得一致的體驗(yàn)。SAPUI5通過提供各種UI控件，可自動(dòng)調(diào)整不同的外形和交互方式，使響應(yīng)式設(shè)計(jì)變得簡單。此外，SAPUI5允許您調(diào)整控件的大小以匹配交互類型（例如觸摸設(shè)備或鍵盤/鼠標(biāo)）。響應(yīng)式設(shè)計(jì)的優(yōu)勢(shì)在于應(yīng)用程序可以根據(jù)不同的屏幕尺寸進(jìn)行調(diào)整，而無需額外的編碼和維護(hù)工作。

自適應(yīng)設(shè)計(jì)Adaptive Design

在某些用例中，響應(yīng)式方法可能不合適。例如，您可能更喜歡在桌面上輸入大量數(shù)據(jù)。同時(shí)，您可能只想查看輸入的數(shù)據(jù)，或者可能在平板電腦或智能手機(jī)上輸入一小部分?jǐn)?shù)據(jù)。在這種情況下，根據(jù)特定設(shè)備為不同的設(shè)備設(shè)計(jì)并滿足用例的復(fù)雜性是有意義的。這就是我們所說的自適應(yīng)設(shè)計(jì)。此方法要求應(yīng)用程序開發(fā)人員手動(dòng)為不同的外形因素定義特定設(shè)計(jì)。這意味著更多的精力，但也允許更具針對(duì)性的設(shè)備特定用例支持。

響應(yīng)式設(shè)計(jì)的特點(diǎn)

內(nèi)容密度：在桌面模式下激活緊湊內(nèi)容密度模式。在觸摸設(shè)備上，對(duì)手指友好的舒適模式被激活。

過濾器：在桌面上，過濾器字段完全顯示。在平板電腦上，過濾條應(yīng)默認(rèn)折疊，以便用戶可以使用過濾器對(duì)話框或變體。

表設(shè)置：雖然基于網(wǎng)格的分析表在桌面和平板電腦上運(yùn)行完美，但這不是智能手機(jī)上的選項(xiàng)。相反，它需要由響應(yīng)表替換。

（1）桌面設(shè)備上的報(bào)表示例。過濾條和分析表完全顯示。允許用戶與大量數(shù)據(jù)交互并進(jìn)行復(fù)雜分析。

（2）相同的應(yīng)用程序，這次適應(yīng)平板電腦的屏幕尺寸。增加控件的大小以允許通過觸摸進(jìn)行交互。分析表上的行數(shù)減少，過濾器欄字段被隱藏。

（3）在智能手機(jī)上顯示相同的應(yīng)用程序。在此版本中，過濾器欄會(huì)自動(dòng)從過濾器區(qū)域中移除。此處，還需要響應(yīng)表，必須手動(dòng)設(shè)置。

自適應(yīng)設(shè)計(jì)的特點(diǎn)

動(dòng)態(tài)內(nèi)容區(qū)域邊界：為了更好地利用桌面的寬屏，使用動(dòng)態(tài)內(nèi)容面板顯示一些聚合可視化以及主表內(nèi)容。這是可選的，可以在調(diào)整頁面大小時(shí)隱藏。

響應(yīng)式控件：為了提高可讀性，平板電腦版本使用響應(yīng)式表格重新格式化表格內(nèi)顯示的內(nèi)容。

降低復(fù)雜性：為避免在小屏幕上顯示包含大量數(shù)據(jù)的表格，智能手機(jī)版本僅限于顯示以前顯示為桌面版本輔助的聚合。這使用戶可以了解整體情況，同時(shí)忽略復(fù)雜的細(xì)節(jié)。

（1）桌面上的列表平鋪的示例。此桌面優(yōu)化版本使用寬屏幕在屏幕右側(cè)顯示其他聚合信息。

（2）相同的應(yīng)用適應(yīng)平板電腦的屏幕尺寸。此版本使用響應(yīng)表，重新格式化內(nèi)容以提高可讀性。最終用戶編輯數(shù)據(jù)的選項(xiàng)已被刪除，因?yàn)檫@在平板電腦上不實(shí)用。

（3）在智能手機(jī)上顯示相同的應(yīng)用程序。由于屏幕尺寸較小，僅顯示聚合數(shù)據(jù)。

實(shí)踐

想想“移動(dòng)優(yōu)先”，首先從移動(dòng)設(shè)計(jì)開始，可以幫助你保持專注。從核心功能開始，并在遷移到更大的設(shè)備時(shí)逐步增強(qiáng)功能。

如果你使用的是桌面控件，請(qǐng)?jiān)谝苿?dòng)設(shè)備上運(yùn)行時(shí)將其替換為響應(yīng)式控件。你仍然可以使用sap.ui.table庫。但是，我們不建議使用sap.ui.commons庫。

如果你正在使用ALV（分析表），請(qǐng)將其替換為響應(yīng)表（sap.m）或用例的其他特定解決方案（例如圖表，文本和KPIs）。

使用響應(yīng)控件：大多數(shù)SAPUI5控件都基于移動(dòng)控件。這意味著它們可以在觸摸設(shè)備上工作，也可以使用鼠標(biāo)和鍵盤。

正確配置控件：按照指南為不同控件的配置響應(yīng)設(shè)置。

使用正確的尺寸設(shè)置：在觸摸設(shè)備上將應(yīng)用設(shè)置為“大”，對(duì)于由鼠標(biāo)或鍵盤操作的設(shè)備，將應(yīng)用設(shè)置為“中等”。

使用響應(yīng)式布局：有多種布局選項(xiàng)可供選擇，允許你調(diào)整為不同的大小。

使用letterboxing：許多工作清單應(yīng)用程序沒有太多內(nèi)容。通過將它們裝箱（將其寬度限制為最大1280像素），你可以優(yōu)化應(yīng)用程序的布局并實(shí)現(xiàn)更緊湊的外觀。

功能太多了？如果桌面應(yīng)用程序功能太多且太復(fù)雜而無法在平板電腦或智能手機(jī)上使用，則可能需要關(guān)閉移動(dòng)設(shè)備上的某些功能：隱藏編輯功能并專注于顯示，隱藏工具欄中的功能，隱藏表中的備用列和視圖。

總結(jié)和快速指南

SAP Fiori應(yīng)用程序必須能夠在三種主要設(shè)備上運(yùn)行：桌面、平板電腦和智能手機(jī)。

如果應(yīng)用程序的功能和信息可以在所有設(shè)備類型上平等提供，則應(yīng)該使用響應(yīng)式方法來自動(dòng)調(diào)整應(yīng)用程序。

如果應(yīng)用程序的功能和信息不能在不同的設(shè)備類型上平等提供(因?yàn)橛美?、可用屏幕或設(shè)備功能)，則應(yīng)用程序應(yīng)根據(jù)設(shè)備的特定要求手動(dòng)調(diào)整。

適應(yīng)性和響應(yīng)性方法可以混合使用。

移動(dòng)優(yōu)先

“移動(dòng)優(yōu)先”意味著從簡單的移動(dòng)應(yīng)用程序設(shè)計(jì)開始，重新構(gòu)想你的復(fù)雜性方法。

從最小和最有限的設(shè)備開始，然后為更大、更強(qiáng)大的設(shè)備增強(qiáng)應(yīng)用程序有許多好處。它意味著必須處理一些限制，必須進(jìn)行信息簡化、聚合、分組以及提供默認(rèn)信息。

這種方法可以讓您真正專注于重要的事情，并可以帶來驚人的設(shè)計(jì)創(chuàng)新。

優(yōu)勢(shì)

構(gòu)建，不要拆卸：不要從桌面設(shè)計(jì)開始，拆卸出移動(dòng)方案的功能，而是從最小和最有限的設(shè)備開始，然后為更大、更強(qiáng)大的設(shè)備增強(qiáng)應(yīng)用程序。由于移動(dòng)設(shè)計(jì)體現(xiàn)了核心功能，因此“移動(dòng)優(yōu)先”方法可以使你專注于增強(qiáng)而非降級(jí)。

提前考慮：移動(dòng)設(shè)備還提供獨(dú)特的功能，例如傳感器，攝像頭和語音識(shí)別，這些功能在桌面設(shè)備上并不總是可用。從移動(dòng)設(shè)計(jì)開始，可以更容易地從一開始就考慮這些附加功能，而不是在以后插入它們。

改善用戶體驗(yàn)：“移動(dòng)優(yōu)先”可幫助你貼近用戶的環(huán)境。例如，在移動(dòng)方案中，網(wǎng)絡(luò)可用性和信號(hào)強(qiáng)度可能不可靠。因此，為用戶提供繼續(xù)脫機(jī)工作的選項(xiàng)可能是用戶滿意度的關(guān)鍵。更重要的是，確?？绮煌O(shè)備類型的無縫體驗(yàn)是業(yè)務(wù)流程優(yōu)化的關(guān)鍵要素。

內(nèi)容密度（舒適和緊湊）

Content Density (Cozy and Compact)

SAP Fiori具有響應(yīng)能力，可在所有設(shè)備上運(yùn)行，并具有多種樣式。這意味著必須以相同的樣式支持所有常見的交互樣式：與鼠標(biāo)和鍵盤的交互以及觸摸。

SAPUI5提供“內(nèi)容密度”因子，允許根據(jù)交互方式調(diào)整控件的大小。

舒適模式顯示尺寸足夠大的控件，以實(shí)現(xiàn)指尖交互，非常適合觸摸操作的設(shè)備。

緊湊模式減少了控件的尺寸，允許在UI上顯示更多信息，非常適合鼠標(biāo)和鍵盤操作的設(shè)備。

緊湊模式下，字體大小保持不變，但控件的尺寸以及它們之間的間距小于舒適模式。 舒適模式的默認(rèn)控制區(qū)域?yàn)? rem，而緊湊模式為2 rem。

oolbar shown with a compact density factor：

Toolbar shown with a cozy density factor

實(shí)踐

所有SAP Fiori控件均支持舒適和緊湊的內(nèi)容密度模式。對(duì)于大多數(shù)控件，默認(rèn)設(shè)置為“舒適”。但是，某些控件（例如源自桌面庫的控件）用緊湊模式作為默認(rèn)設(shè)置。

如何設(shè)置內(nèi)容密度取決于用戶設(shè)備的功能，可以使用設(shè)備幫助程序方法檢測到。如果設(shè)備支持touch（sap.ui.Device.support.touch = true），則內(nèi)容密度類應(yīng)設(shè)置為“sapUiSizeCozy”或“sapUiSizeCompact”。

你必須積極設(shè)置內(nèi)容密度，由于不同的控件可能具有不同的默認(rèn)值，因此未能設(shè)置正確的內(nèi)容密度可能會(huì)導(dǎo)致屏幕上顯示不同的密度因子。

應(yīng)用程序開發(fā)人員必須在app描述中說明支持哪些模式，然后在啟動(dòng)時(shí)由SAP Fiori Launchpad檢查此信息。

如果管理員已啟用此功能，則可在混合設(shè)備（支持觸摸以及鼠標(biāo)和鍵盤的設(shè)備）上的SAP Fiori Launchpad中提供其他設(shè)置。使用此附加設(shè)置（在“我的區(qū)域/設(shè)置/外觀/顯示設(shè)置/舒適內(nèi)容間距”下），用戶可以定義他們是否希望應(yīng)用程序以舒適（默認(rèn)）或緊湊模式運(yùn)行。此設(shè)置對(duì)所有混合設(shè)備保持不變，但對(duì)純觸摸或純鼠標(biāo)和鍵盤設(shè)備的自動(dòng)檢測沒有影響。

指引

觸摸設(shè)備：為整個(gè)應(yīng)用設(shè)置內(nèi)容密度為“舒適”。應(yīng)用sapUiSizeCozy類。

通過鼠標(biāo)和鍵盤操作的設(shè)備：將整個(gè)應(yīng)用的內(nèi)容密度設(shè)置為“緊湊”。應(yīng)用sapUiSizeCompact類。

混合設(shè)備：用戶可以選擇與應(yīng)用程序進(jìn)行交互。默認(rèn)設(shè)置為舒適模式（觸摸），但用戶可以在SAP Fiori Launchpad中覆蓋此設(shè)置，該設(shè)置將保留。

主題化

UI主題設(shè)計(jì)器是一種基于瀏覽器的交叉主題場景工具，允許使用SAP UI技術(shù)將企業(yè)品牌應(yīng)用于構(gòu)建的應(yīng)用程序中。

Modifying the standard SAP Fiori theme with SAP’s UI Theme Designer

SAP Fiori用戶界面使用SAPUI5控件集構(gòu)建，這些控件集通過CSS進(jìn)行了精心設(shè)計(jì)。SAP Fiori提供增強(qiáng)的主題體驗(yàn)，利用簡單的基于LESS的語義參數(shù)結(jié)構(gòu)，支持主題和定制。通過一個(gè)簡化的代碼行，SAP Fiori應(yīng)用程序可以使用多個(gè)主題，并且還支持高對(duì)比度的可訪問性要求。例如，可以通過更換徽標(biāo)或更改控件集某個(gè)部分的顏色來修改標(biāo)準(zhǔn)的SAP Fiori主題，以適應(yīng)任何公司的視覺語言和品牌。這可以使用SAP的UI主題設(shè)計(jì)器輕松完成。

Default SAP Fiori theme, Belize (light flavor)

SAP Fiori theme, Belize Deep (dark flavor)

SAP high-contrast theme

語義主題

語義主題的概念是使用在UI控件內(nèi)鏈接的LESS參數(shù)來指示某種語義。這意味著你可以修改或更改參數(shù)背后的值，并了解哪些控件或語義外觀會(huì)受到影響。例如，輸入控件的所有主題參數(shù)（例如輸入字段，單選按鈕，復(fù)選框等）已組合在一起并包含單詞“field”。同樣，列表和表格（背景，分隔符等）的所有顏色參數(shù)都已組合在一起，并包含單詞“l(fā)ist”。 可以在主題設(shè)計(jì)器中查看這些名稱。

Example of a SAPUI5 button control supporting multiple themes支持多個(gè)主題的SAPUI5按鈕控件的示例

例如，通過定義諸如“按鈕背景”的語義顏色名稱，可以將其連接到不同的主題顏色值。 UI主題設(shè)計(jì)器將所有已更改的參數(shù)打包為自定義主題，該主題可以部署在多個(gè)系統(tǒng)上，并與支持Belize主題的所有應(yīng)用程序一起使用。