AV市場一直不斷地在提高給終端用戶提供的用戶界面標準，因此用戶的期望值也越來越高了。許多大型公司都有一個由平面設計，營銷顧問和品牌冠軍所組成的全職團隊來評估和改進端到端的使用體驗，因為終端用戶想要的是他們每天都要使用的界面能夠直觀且有著簡潔主義的美感。然而當你試圖在一個7英寸的觸摸面板上控制整個系統時，達成簡單的目標并不容易，但AV行業與其它軟件行業一樣還是要盡量滿足這個需求。

    雖然沒有一個最佳的解決方案，但是在設計用戶界面時仍然有些很好的規律可以參考，讓我們來列舉其中一些。

    咨詢客戶的品牌方針

    大多數的客戶都有一些自己的品牌形象宣傳方針來讓我們參考。一般包含規定使用的顏色、字體和Logo使用規則。從這幾個點入手來開始您的用戶界面設計可以節省很多時間和精力。如果客戶沒有自己的品牌宣傳規則，可以去看看他們的官網使用的是什么樣的顏色，字體，標識和Logo來作為參考。

    工具推薦:?Image ColorPicker,?What the Font

    設定一個整體規劃

    當我們設計系統時，我們會去思考如何將一個個設備連接在一起。設計用戶界面也是一樣的。第一步就是設定一個基本的整體規劃。如果只是簡單地在頁面上放置按鈕而不考慮整體的布局，就會導致界面很混亂。因此預先做好規劃很重要。先列出最終用戶需要的每個功能，然后可以用您的思路來進行規劃。如果您想做一個可以允許用戶進入子頁的單一主頁，那么就可能是圖1那個樣子�；蛘吣�更希望用戶通過在菜單中導航來訪問各頁面（圖2）。但無論您選擇哪種方法，提前做好規劃能夠確保您可以創建出一個簡單易用的用戶界面。

    工具推薦:?Adobe XD, Figma, a flow chart creator of some type

    設定一個整體規劃

    當我們設計系統時，我們會去思考如何將一個個設備連接在一起。設計用戶界面也是一樣的。第一步就是設定一個基本的整體規劃。如果只是簡單地在頁面上放置按鈕而不考慮整體的布局，就會導致界面很混亂。因此預先做好規劃很重要。先列出最終用戶需要的每個功能，然后可以用您的思路來進行規劃。如果您想做一個可以允許用戶進入子頁的單一主頁，那么就可能是圖1那個樣子�；蛘吣�更希望用戶通過在菜單中導航來訪問各頁面（圖2）。但無論您選擇哪種方法，提前做好規劃能夠確保您可以創建出一個簡單易用的用戶界面。

    工具推薦:?Adobe XD, Figma, a flow chart creator of some type

自動化UCI

    UCI很容易就會被設計得過于復雜，特別是應對大型系統時。通常，保持其盡量精簡的最佳方法是根據用戶利用空間的方式來對系統進行控制。自動顯示和隱藏某些基于用戶需求的頁面可以帶來一種“智能化”的用戶體驗。例如，如果用戶正在通話，請創建一個通話頁面，其中只包含圍繞通話功能所需的所有控制，即攝像頭控制、呼叫音量和靜音按鈕。能夠基于使用邏輯來快速訪問特定的控件可以極大地改善用戶體驗，并保持UCI的精簡和高效。

    使用CSS

    層疊樣式表(CSS)允許您為每個控件類型、文本對象、橫幅、圖標等創建一個分類�；�點時間來為您的客戶品牌創建一個風格庫將讓你可以更快的擴展和模塊化該客戶的UCI。QSC對微軟Teams Room的設計樣本就是很好的CSS的例子，您可以在資產管理器中找到這個設計樣本。該示例設計中的用戶界面正是對按鍵、文本對象、圖標等使用了CSS分類。我建議您趕快開始使用stylesheet，您可以在資產管理器中安裝它。這將是您系統設計的一個里程碑！

    工具推薦:?Q-SYS HelpGuide (UCI Styles), Visual Studio Code

    學習一種設計框架

    設計框架能夠為改善用戶界面提供新高度。例如谷歌打造了一個優秀的設計系統，Material Design，它在從按鍵樣式，字體大小，縮放等沒一個點上都提供了指導方針。但無論您選擇哪個框架，設計框架都是優秀的資源，能夠幫助您加快現代界面設計的速度。我強烈建議您找到一個適合的框架來使用。

    工具推薦:?Material.IO,?MaterialTheme Builder

    在Q-SYS中設計UCI是很有趣的。最后祝大家玩得開心！