header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

Wix Mobile Apps:自訂專屬行動應用程式設計

6 分鐘
自訂原生行動應用程式的設計以反映品牌。調整色彩主題、文字主題、按鈕主題和頁首樣式。這些更新可增強應用程式的獨特性,並為訪客提供一致的體驗。
便箋:
  • 您需要升級至 行動應用程式進階方案 才能完全自訂專屬行動應用程式的設計。
  • 變更應用程式的色彩和文字主題將會影響所有應用程式畫面。

變更應用程式色彩主題

為應用程式選擇色彩主題,為訪客設定語氣。微調個別色彩以確保一致性,並增強不同畫面和元件之間的可讀性。
  1. 前往網站管理介面中的 行動應用程式
  2. 點擊以您的行動應用程式名稱命名的索引標籤。
  3. 點擊 編輯行動應用程式
  4. 點擊左側面板上的 設計
  5. 點擊 色彩主題 旁的 編輯 圖示
  6. 選擇要執行的操作:
    • 變更色彩主題: 點擊 變更色彩主題 以選擇新的預設格式色彩主題。
    • 個別自訂元件色彩: 選擇要編輯的色彩:
      • 主要:為應用程式選擇新的主色。
      • 文字與圖示:為主要文字和社交圖示選擇新色彩。
      • 背景:為應用程式背景選擇新色彩。
  7. 點擊右上角的 儲存
顯示自訂應用程式色彩主題位置的螢幕截圖

變更應用程式文字主題

選擇文字主題以設定應用程式的樣式和可讀性,並確保所有應用程式內容清晰且一致。
  1. 前往管理介面中的 行動應用程式
  2. 點擊以您的行動應用程式名稱命名的索引標籤。
  3. 點擊 編輯行動應用程式
  4. 點擊左側面板上的 設計
  5. 點擊 文字主題 旁的 編輯 圖示
  6. 選擇要執行的操作:
    • 變更文字主題: 點擊 變更文字主題 以選擇新的字型主題。
    • 個別自訂文字: 為應用程式的標題和內文選擇字型。
  7. 點擊右上角的 儲存
顯示自訂文字主題位置的螢幕截圖

變更應用程式按鈕主題

自訂按鈕樣式以符合商務設計。這些樣式將套用至應用程式中的所有按鈕,確保外觀一致。您可從預設格式主題中進行選擇,或調整色彩、邊框、文字和角落半徑等個別元件。進行調整時,即可即時預覽變更。

  1. 前往管理介面中的 行動應用程式
  2. 點擊以專屬行動應用程式命名的索引標籤。
  3. 點擊 編輯行動應用程式
  4. 點擊左側面板上的 設計
  5. 點擊 按鈕主題 旁邊的 編輯 圖示
  6. 選擇操作項目:
    • 為按鈕選擇預設格式主題: 點擊 變更按鈕主題 並選擇精選主題。可用的主題取決於 應用程式的主題色彩
    • 個別自訂按鈕: 點擊 主要次要 索引標籤,然後透過調整按鈕形狀、背景色彩、文字和邊框來自訂按鈕。
      請留意: 若要變更主題色彩,請點擊 挑選色彩 彈出視窗中的 編輯。在 色彩主題區段 中自訂主要、文字、圖示和背景色彩。
  7. 點擊右上角的 儲存
顯示在桌面版編輯按鈕主題位置的螢幕截圖

變更應用程式頁首樣式

建立原生應用程式時,您可選擇頁首要使用背景色彩(取自應用程式的主色彩)或設定為透明。
請注意:
在此選擇的頁首樣式會影響極簡頁首類型。瞭解更多關於 頁首類型之間的差異以及如何自訂頁首 的資訊。
  1. 前往管理介面中的 行動應用程式
  2. 點擊以專屬行動應用程式命名的索引標籤。
  3. 點擊 編輯行動應用程式
  4. 點擊左側面板上的 設計
  5. 點擊 頁首樣式 旁邊的 編輯 圖示
  6. 選擇頁首色彩,可使用為 應用程式設定 的主色或背景色彩。
  7. 點擊右上角的 儲存
顯示選擇頁首色彩位置的螢幕截圖。