使用核心元件獲得成功的途徑

核心元件功能強大、彈性好用,且易於自訂。 遵循本檔案中概述的幾個關鍵准則將確保您成功使用核心元件的專案。

獲得成功的兩個途徑

實作核心元件有兩種基本方法,雖然可帶來成功,但需要逐個專案考量各自的利弊。

  1. 將您的設計對應至核心元件,並取得這些元件提供的HTML。 或
  2. 如果您必須遵循已定義的HTML標準,則需加倍努力,且無法獲得核心元件的所有優點。

元件實施中的常見陷阱

導致使用核心元件進行專案失敗的兩個常見問題是:

  • 已完成設計 — 這些甚至可能獲得C層級的核准,並且會被移交給開發團隊來實作畫素完美,而不用擔心基礎技術。
  • 全公司HTML風格指南 — 從自上而下的角度套用樣式的元件經常必須教條地遵循這類參考線。

在這兩種情況下,元件都會有嚴格而具體的需求,以至於核心元件或任何現成可用的元件都難以符合這些需求,導致需要大量開發自訂元件。

提早開始

線上框化和設計階段從核心元件開始,而不是僅在專案的實作階段考慮核心元件。

使用元件資料庫

參考 元件資料庫 已經處於設計階段。 核心元件功能強大且靈活,可將您視為起點。 只有在有實際業務需求,而使用核心元件確實無法合理達成時,才新增自訂元件。

使用Adobe XD UI套件

一旦證明需要自訂元件,請利用Adobe XD的UI套件, 可以在這裡下載, 好讓設計人員開始使用核心元件作為建置區塊來建置線框和設計。

不要忽視強大的功能

AEM和核心元件的功能非常強大,但也非常微妙,設計人員可能無法立即看出某些功能的可能性。

內容片段

內容片段 可讓您建立非特定管道的內容,以及各種(特定管道的)管道變數。 接著,您就可以在編寫內容頁面時,使用這些片段及其變數。

結構化內容片段與更新的JSON匯出工具搭配使用,也可用來透過Content Services將AEM內容傳送至AEM頁面以外的管道。

體驗片段範本

如果作者想要重複使用頁面的部分(體驗的片段)。 不含 體驗片段, 作者需要複製並貼上該片段。 建立及維護這些複製/貼上體驗非常耗時,而且容易發生使用者錯誤。 體驗片段不需要複製/貼上。

內嵌元件

內嵌元件 不僅允許簡單地包含外部資源(例如YouTube視訊內容),而且可延伸以符合專案需求的特定內容。

本頁內容