1. 介面導覽

本章說明 HakoSpace 進入伺服器之後的主畫面架構。HakoSpace Web 與 HakoSpace Desktop 的主介面結構一致；HakoSpace Desktop 在最左側多了一條多伺服器側欄，用來在多個已加入的伺服器之間切換（詳見 §10 桌面版專屬）。本章其餘部分以伺服器內的主介面為描述對象。

1.1 整體版面

HakoSpace 主介面由左到右分為三個區塊，HakoSpace Web 與 HakoSpace Desktop 的版面結構完全相同：

左側欄：包含頻道列表，以及最底部的個人控制條。
中間訊息區：閱讀與發送訊息的主要區域；進入語音頻道時這一區會切換為語音通話介面。
右側成員列表：顯示伺服器成員，最下方是私人訊息清單；可以收起以騰出空間（見 §1.4）。

左側欄寬度可拖曳邊緣自由調整。右側成員列表可以用「成員」標題右側的按鈕收起，收起後用畫面右緣的按鈕展開。

畫面寬度較窄時（例如手機），介面改用底部分頁列模式，詳見 §1.6。

1.2 頻道列表（左側欄）

左側欄上半部是頻道列表，內容分兩類：

文字頻道（# 前綴）：用於文字討論。
語音頻道（♪ 前綴）：點擊即直接加入即時通話。

持有「管理頻道」權限的成員（owner 與 admin 一律包含在內）可以透過頻道群組把頻道分類整理（同主題的頻道會收在同一個群組之下，方便瀏覽）。

最底部則是個人控制條，詳見 §1.5。

1.3 訊息區（中間）

訊息區的最上方是頻道標題列，顯示頻道名稱。標題列上方是分頁列：你目前開啟的頻道與私訊會以分頁排在這一列，點分頁即可切換；通知鈴鐺在分頁列的右側（見 §8.2）。訊息流由上而下時間排序，最新訊息會出現在底部。

第一次進入尚無訊息的空頻道時，訊息區中央會顯示兩行引導：

歡迎來到 #{頻道名稱}！
這是 #{頻道名稱} 頻道的開始。成為第一個發言的人吧！

滾動到頂端時，HakoSpace 會自動載入更舊的歷史訊息（畫面會短暫顯示載入指示）。如果你在離開頻道期間有新訊息產生，重新打開時會看到一條未讀分隔線標記「N 則新訊息」，方便你從上次中斷的位置接續閱讀。當你在頻道內滾動時，HakoSpace 不會強制把你拉回最底部；只有在你已停留在最底部時，新進來的訊息才會自動往上推，避免你閱讀舊訊息時被打斷。

頻道裡的訊息還不滿一個畫面時，會貼著下方的輸入框往上排，最新的一則就在輸入框正上方。

頻道開頭的移除提示：文字頻道與語音頻道可以設定「訊息上限」或「訊息保留天數」（見《管理員手冊》§2.1），超出的較舊訊息會被自動移除。頻道裡有訊息這樣被移除過時，往回捲到最早的訊息，第一則訊息上方會出現一個帶時鐘圖示的提示框：「更早的訊息已依頻道保留規則自動移除（共 N 則，最近一次在 {日期}）。」伺服器從較舊的版本升級上來時，升級前就已移除的訊息不會有這個提示。頻道裡的訊息全部被移除時，這個提示框會出現在「歡迎來到 #{頻道名稱}！」那兩行引導的上方。

1.4 成員列表（右側欄）

右側成員列表最上方是「成員」標題，下方依序分成以下幾個區段。每個區段的標題後面會顯示人數，點區段標題可以收起或展開該區段：

最愛：你加入最愛的成員，不論在線或離線都列在這裡。有最愛的成員時才會出現這個區段。
線上：最愛以外、目前在線的成員。
離線：最愛以外、目前不在線的成員。有這樣的成員時才會出現這個區段，預設是收起來的。

這些區段之下、成員列表的最下方是「私人訊息」區，詳見 §4.1。

每位成員名稱的右側有一個星號按鈕：點一下就把該成員加入「最愛」，再點一次即移除。在電腦上，星號要等滑鼠游標移到該成員上才會出現；已加入最愛的成員則一直顯示實心星號。

想騰出更多空間給訊息區時，點「成員」標題右側的雙箭頭按鈕（滑鼠停留會顯示「隱藏成員」），就能收起整個成員列表。收起後，畫面右緣中間會出現一個雙箭頭按鈕（滑鼠停留會顯示「顯示成員」），點它即可重新展開。

點一下列表中的任一成員，畫面中央會開啟該成員的個人資料卡，內容包含：

個人橫幅圖（成員自設，未設則使用預設背景）
頭像（圓形，邊框顏色是成員自己在「頭像邊框顏色」選的，見 §7.2）
暱稱與目前線上狀態
該成員的徽章列
@username（伺服器內的唯一識別代號）
關於我：成員的自我介紹，有填寫才會顯示
加入時間：加入伺服器的日期
使用者 ID

別人的資料卡底部有「傳送訊息」按鈕，點擊即可開啟與該成員的 1:1 私訊。點資料卡以外的地方或按 Esc 即可關閉資料卡。

對成員按右鍵（觸控裝置上改為長按）會開啟成員選單。選單最上方是該成員的暱稱，下方是「查看個人資料」，點了會開啟同一張個人資料卡。你和對方在同一個語音頻道時，選單中間還會多一條「使用者音量」滑桿，用來單獨調整你聽到的該成員說話聲（見 §3.1）。

在電腦上用滑鼠按右鍵時，選單出現在游標旁邊；在手機、平板等觸控裝置上，或用手指長按時，選單從畫面底部滑出。點選單以外的地方即可關閉選單。

左側頻道列表中每個語音頻道底下的成員列，以及主視窗舞台上成員的頭像磚和鏡頭、螢幕分享所在的磚，也能開啟個人資料卡或成員選單，各自的操作方式見 §3.1。

成員列表會即時反映成員的上線 / 離線狀態，不需要手動重新整理。

1.5 個人控制條

個人控制條固定在左側欄底部，包含：你的頭像、暱稱與線上狀態指示燈。加入語音頻道後，控制條上會多出一排功能按鈕（見 §3.2）。

點擊頭像或暱稱會彈出狀態選擇器，可切換以下四種狀態：

線上：預設狀態，其他成員看到你目前活躍。
閒置：表示你暫時不在電腦前。
請勿打擾：表示你目前不方便被打擾；其他成員仍可正常傳訊息給你。
隱身：對其他成員顯示為離線，但你仍可正常使用所有功能。

加入語音頻道後出現的功能按鈕：

靜音麥克風 / 取消靜麥：切換麥克風是否送出聲音。
拒聽 / 取消拒聽：切換喇叭是否輸出。啟用「拒聽」時麥克風會同時被靜音。
更多：點擊可展開額外的進階選項。

設定與登出位在訊息區上方分頁列的右側：齒輪圖示（滑鼠停留會顯示「使用者設定」）打開設定面板，可調整你個人的帳號、外觀、語言、音訊裝置與音量等（見 §7）；如果你持有管理權限，面板裡還會依你持有的權限出現「伺服器設定」等管理分組（owner 與 admin 全部看得到），見《管理員手冊》。旁邊的登出圖示（滑鼠停留會顯示「登出」）會先跳出確認對話框「確定要登出?」，按「登出」確認後結束目前的登入階段。

1.6 行動裝置版面

在畫面寬度較窄的裝置上（例如手機），HakoSpace 的介面切換為底部分頁列模式，畫面下方固定有三個分頁：

頻道：對應寬版（畫面較寬時的版面）的左側欄，瀏覽頻道列表並切換對話。
聊天：對應中間的訊息區。有未讀的私人訊息時，分頁圖示上會顯示私人訊息的未讀總數（見 §8.4）。
成員：對應右側成員列表。

行動版一次只顯示一個分頁，點擊底部按鈕切換。功能與寬版一致。

訊息輸入框在可用寬度不足時會換一種排法。這是依輸入框自己的寬度決定，不是依裝置或視窗大小，所以桌面上把視窗拉窄、或在語音頻道把文字聊天那半縮小時也會遇到同一種排法。詳見 §2.1。