在本文中,您將學習如何使用AEM樣式的系統,使組織中的設計人員、內容作者和開發人員能夠以客戶期望的速度和規模建立和交付體驗。
Style SystemsAEM有四個主要優點:
5步設定與標準元件開發工作流非常相似。
領導力 | Designer | 開發人員/架構師 | 模板作者 | 內容作者 |
---|---|---|---|---|
確定該元件的內容和目標 | 確定內容的視覺和體驗式演示 | 開發CSS和JS以支援經驗;定義和提供要使用的類名 | 通過添加由開發人員定義的CSS類名,為樣式化元件配置模板策略。 每個樣式都應使用用戶友好的名稱。 | 在創作頁面時,根據需要應用樣式,以獲得所需的外觀 |
雖然這是初始設定,但我們的許多客戶通過簡化此過程實現了額外的靈活性,例如,將他們的CSS上載到DAM中,這允許對樣式進行更新,而無需部署。 其他客戶有一套功能齊全的實用程式類,這允許他們開發元件和樣式,這些元件和樣式無需部署或開發即可加以利用。
時尚系統有幾種不同的風格:
佈局樣式
設計和佈局的多方面更改
用於定義明確且可識別的格式副本
顯示樣式
不改變風格基本性質的小變奏
例如,更改配色方案、字型、影像方向等。
資訊樣式
要演示這些功能,我們建議觀看 客戶成功網路研討會 威爾布里斯班和約瑟夫范布斯柯克。
樣式系統減少了對複雜對話的需求,但它們不是對話的替代。 它們有助於簡化事物,但在某些情況下,您可能希望使用元件屬性或對話框,而不是為其建立樣式系統。
它們可以從發展的角度簡化流程。 使用一個樣式系統可以實現同一內容的多個外觀。 同樣,從創作的角度來看,而不是培訓作者,作者必須記住在哪個宮殿中使用哪個元件,您可以加快創作速度。
事情很乾淨。 核心元件中的HTML非常詳細。 在CSS級別執行所有這些操作可加快元件的生成速度,並且代碼也更乾淨。
最後,Style Systems的使用更多是藝術而非科學。 正如我們所討論的那樣,您有許多最佳做法,但您在如何自定義組織設定方面將具有靈活性。
有關詳細資訊,請查看 客戶成功網路研討會 威爾布里斯班和約瑟夫范布斯柯克。
瞭解有關策略和思想領導的更多資訊 客戶成功 中。