品牌範本最佳做法指南

若範本易於編輯、可預測，並符合團隊的實際需求，就能發揮最佳效果。

透過提前規劃並有意設定您的元素，您可以建立任何人都可以更新的範本，而不會中斷佈局或影響品牌風格。

本指南說明設計師在建立適用於整個組織的範本時所使用的重要步驟。

強大的模板從正確的構件開始。 選擇能讓所有範本使用者輕鬆進行更新的元素和結構。

選擇隊友可以在不改變版面配置的情況下重新著色或取代的元素。

將SVG用於圖示和插圖。 它們可乾淨縮放，並可使用品牌工具組顏色重新著色。

上傳SVG

1. 前往「上傳」，然後選取「上傳檔案」。
2. 選擇SVG檔案以獲得最佳品質。

邊框可確保影像大小和位置正確。 這可讓隊友在不調整裁切或尺寸的情況下替換圖片。

當一張影像需要填滿固定空間時，請使用邊框。

品牌工具組的顏色可維持範本的一致性，並減少後續手動更新的需求。

這樣可以讓範本在每次更新時都與品牌保持一致。

當有人新增較長的文字、較短的標籤或新內容時，你的範本應該會停滯不前。 正確結構化文字可保持間距穩定，並防止佈局移動。

回流控制新增或移除行時文字的移動方式。 良好的設定可避免文字與其他元素重疊。

• 讓文字方塊保持足夠寬度，以容納更長的行。
• 請在文字方塊之間留出空格，以便視需要擴展。
• 使用Cmd或Ctrl + Shift + J來配對文字方塊寬度，然後再進行分組。

分組可確保相關元素在佈局變更期間作為單一單元運作。

將餐點分組，例如：

• 標題和副標題
• 圖示及其文字標籤
• 形成單一積木的裝飾元素

避免分組：

• 需要自行移動的元素
• 版面配置中不相關的部分

錨定控制有人編輯文字時，文字從何處展開。 在羣組文字之間匹配錨點可保持版面配置的一致性。

好的錨點看起來像什麼：

• 標題向下展開
• 居中標題保持居中
• 內文文字向一個方向擴大

佈局完成後，請鎖定定義範本視覺形象的元素。

將物品鎖定在您放置物品的確切位置：

• 標誌
• 背景形狀或影像
• 裝飾線條或圖示
• 定義間距或結構的版面配置區塊

位置鎖定可讓元素保持可編輯狀態，但不會意外移動元素。 非常適合用於：

• 圖片邊框
• 按鈕
• 簡介或統計資料等可重複使用的內容區塊

鎖定可確保範本即使在多位隊友使用時也能保持不變。

疊加層和透明度等效果可以強化設計，但過於複雜的效果可能會使影像更換變得更困難。

如果要使用疊加層或紋理：

• 將透明度套用至疊加層，而非影像
• 將影像保留在疊加層上方，以便更換
• 避免需要手動重新定位的混合物

簡單的效果讓範本更具彈性，且易於維護。

• 確保文字方塊之間有空白處
• 在形狀內的文字周圍留出空白
• 確認所有羣組文字使用相同的錨點設定

• 將影像圖層置於半透明圖形上方
• 將透明度套用至影像，而不套用至形狀

透過拖放功能輕鬆更換商品。