寫作工作室

手機版編輯器版面(vs 桌面對照)

閱讀約 3 分鐘

手機螢幕只有桌面 1/10——硬縮桌面 UI 沒人用得了。Slima 在手機是重新設計過的編輯器:底部導覽 + sheet 取代左右面板。本篇基於桌面對照說明手機差異;確切手機 UI 元素以實際裝置為準。

桌面版編輯器作為對照:左活動欄、檔案樹、編輯區、右筆記面板 — 手機會把左右兩面板改為底部 sheet 形式

手機 vs 桌面差異

元素 桌面 手機
活動欄 最左側垂直列 收進「更多」sheet
左面板(檔案樹) 始終可見可拖寬 從底部往上滑出 sheet
右面板(AI 教練 / 筆記) 始終可見 從底部往上滑出 sheet
編輯區 中央,三欄之一 全螢幕(去掉兩側面板後幾乎佔滿)
格式工具列 編輯區頂部 浮動在虛擬鍵盤上方
同步 / 字數狀態 底部狀態列 收進頂部頭 + 「更多」sheet

手機版主要元素

頂部 mini header

  • 左:← 回書架
  • 中:當前章節名
  • 右:⋯ 更多 / 設定

不放工具列——工具列在底部跟著鍵盤。

編輯區(中間,最大)

  • 跟桌面同款 Markdown 編輯器,字級預設更大(手機通常離眼睛近)
  • 沒有滑鼠右鍵 → 長按選取觸發 context menu
  • 內聯 AI suggestion / smart enter 一樣可用

底部導覽列

底部 4 顆大按鈕(具體 icon 看裝置版本,常見內容):

  • 📖 章節列表 sheet
  • ✏️ 編輯
  • 💬 AI 教練 sheet
  • ⋯ 更多 sheet(設定 / 同步狀態 / 字數)

各 sheet 的內容

  • 章節 sheet:當前書全部檔案 + 重排 / 新增 / 重命名 / 搜尋
  • AI 教練 sheet:同桌面對話介面
  • 更多 sheet:偏好設定 / 同步狀態 / 字數 / 匯出 / 等

PWA 版差異

如果是用 PWA(install-pwa)裝起來,手機體驗會更接近 native app(有 launcher icon、可離線)。

相關

這篇有幫助嗎?