SAP Fiori Design Guidelines 目錄

從SAP Fiori Design Guidelines的站點地圖看，主要包括以下內容：

• Home 主頁
• Get Started 開始
• Explore SAP Fiori 探索
• What』s New 新增內容
• Foundation 基礎
• General Concepts 一般概念
• Layouts, Floorplans, and Frameworks 布局框架
• UI Elements UI元素
• Services & Resources 服務及資源
• Contact Us 聯繫我們

Get Started 開始

Get Started頁面有SAP Fiori，Foundation，General Concepts，SAP Fiori Elements, Floorplans & Frameworks，UI Elements，Services & Resources，幾乎包含了所有詳細內容的入口，所以這個開始頁面的信息量太龐大了，而且大部分內容可以通過主導航菜單查看，這部分內容會有所精簡（前期暫時略過，後續補上）。

Explore SAP Fiori 探索

主頁的Explore即Explore SAP Fiori，主要從SAP Fiori Elements, Floorplans & Frameworks和UI Elements兩個方面詳細展開對規範的描述。其中UI Elements又包含了Action，Container，Data Visualization，Display，Filter，List，Loading，Popover，Table，Toolbar，User Input等類型。這部分嚴重重合，直接略過。

What』s New 新增內容

新增是相較上一版而言的，所以對於第一次接觸的人意義不大，也會略過。

Foundation 基礎

• SAP Fiori
• Design Principles
• Design-Led Development Process
• Multi-Device Support: Responsive vs. Adaptive
• Mobile First
• Layout
• Theming
• Animation
• Colors
• Iconography
• Typography

General Concepts 一般概念

• SAP Fiori Launchpad
• Action Placement
• Collaboration
• Copy
• Create with Reference
• Draft Handling
• Flag and Favorite
• Form Field Validation
• Formatting
• Forward
• Handling Busy States
• Manage Objects
• Message Handling
• Mobile Integration
• Navigation
• Using Tooltips

Layouts, Floorplans, and Frameworks 布局框架

• Overview
• Introduction to SAP Fiori Elements
• Layouts
• Floorplans
• Frameworks
• Tool Development

UI Elements UI元素

• Action
• Container
• Data Visualization
• Dialog
• Display
• Dynamic Side Content
• Filter
• Form
• Icon Tab Bar
• Invisible Text
• List
• Loading
• Messaging
• Object Header
• Popover
• Process Flow
• Table
• Timeline
• Toolbar
• Tree
• Variant Management
• User Input

Services & Resources 服務及資源

並不適合直接拿來用，不過可以參考他們的元件庫製作方法（略過）

Contact Us 聯繫我們

（略過）

綜上：

後續翻譯會以下面四部分為主：

Foundation 基礎

General Concepts 一般概念

Layouts, Floorplans, and Frameworks 布局框架

UI Elements UI元素

推薦閱讀：