Wix Harmony 編輯器：設計元件
3 分鐘
本篇文章適用於 2026 年 1 月推出的全新 Wix Harmony 編輯器。若不確定目前使用的是 Wix Harmony 編輯器還是 Wix 編輯器，請在此檢視更多資訊。
設計面板讓您逐一實現創意願景。無論是更新色彩、自訂元件部分，還是為不同狀態設定獨特樣式，您都能靈活塑造網站外觀和形象的每個部分。
由於每個元件都有專屬的樣式選項，根據編輯的內容，您將會看到不同的設定。
如何立即開始？
點擊元件，然後點擊操作列上的 所有設計選項 圖示 
。
。選擇色彩
每當點擊色彩圓圈選擇色彩時，都會進入色彩選擇器。除了正在使用的任何自訂色彩外，您還可以在此處查看網站的 品牌色彩。有 3 種方法可以挑選新色彩：
- 移動配色方案上的圓點以尋找色彩
- 輸入色彩的程式碼（例如：黑色為 #000000）
- 點擊 滴管 圖示
以從頁面上的元件獲取色彩
設計元件的部分
編輯器中的某些元件提供詳細的設計選項，讓您分別設定各個部分的樣式。例如，處理按鈕時，您可選擇自訂按鈕本身、圖示或文字，以便微調每個細節並使其符合獨特樣式。使用下拉式選單選擇想要個人化的部分。
設計詞彙表
檢查下方桌次即可了解各項設計設定的意義，以及如何提升設計感。
設定 | 這是什麼？ |
|---|---|
背景／填滿色彩  | 為元件內容新增填滿色彩。點擊圓圈即可前往 色彩 並選擇 品牌 或自訂色彩。 容器和區段：點擊操作列中的 取代背景 即可變更背景色彩。 |
邊框  | 界定元件的邊框，使其更加突出。 您可選擇整個邊框的色彩、寬度及樣式，或點擊「編輯個別邊框」圖示  編輯個別邊框，分別設計每一側。 |
圓角  | 拖動 半徑 下方的滑桿，讓元件的角落變得更方或更圓。 點擊「編輯個別角落」圖示 編輯個別角落，分別設計每個角落。 |
陰影  | 套用陰影以賦予元件有趣的 3D 效果。您可以在元件內部新增陰影（內陰影），也可以讓元件投射陰影（落陰影）。 決定陰影的位置、模糊度、大小、色彩和不透明度。 |
間距  | 透過調整元件或其已選擇區域周圍的邊距，為內容增加呼吸空間。 視編輯的內容而定，您可能會看到調整個別側面、新增垂直和橫向間距以及尚有...項選項。 |
版面配置  | 調整版面配置設定，按照您想要的方式排列元件。 根據編輯的內容，您可能會看到翻轉、對齊、設定方向或微調大小與位置的選項。 |
透過自訂字型、粗細、大小、色彩和格式，控制任何文字的外觀和形象。 根據編輯的內容，您可能可以點擊 更多文字選項。這會揭示行間距、大寫等額外設定。 |
使用 Wix Harmony 建立：
透過 Wix Harmony 體驗新一代網站製作。在向 AI 專員下達指令與精確拖放之間流暢切換，讓創作過程如同思考般自然。