淺談中控系統的設計（下）

張燁

用戶界面和系統交互設計

用戶界面我們每天都在接觸，不論是安卓還是iPhone手機，都屬于用戶界面。在中控系統中比較特殊，每個界面都是獨一無二的，或者說是度身定制的，我們這里會討論什么樣的界面是好的界面，另外在設計用戶界面的時候，有哪些地方需要注意。

做系統配置或編程時，通常工程師也會負責做界面的設計，工程師邏輯思維能力比較強，但是美感上會稍有欠缺，這時就會出現一些問題。圖一中的三個界面，其本身的背景圖都是非常漂亮的，但是和按鈕做了不太合適的搭配之后，就顯得有些拙劣。所以，對于系統設計師來說，可視化的元素非常重要，它不應該在實施的時候才被考慮，而是應該在先期就和客戶做一些溝通。

如何來做一個好的界面？Visual Basic之父Alan Cooper曾說過：“無論你的界面看起來有多酷，如果能少那么一點花哨會更好。”意思是我們做系統交互的時候一定要非常合理，非常有效。他講到了三個方法，一個是要看目標受眾是誰，有的人只是以消遣為目的；二是要有強大的功能和目標，這里的使用者通常是系統的維護和操作人員，他希望大部分的功能都可以通過圖形化的界面來實現；第三是演講者，其使用的場景通常是固定的，比如說很多酒店會有清掃模式、宴會模式、演講模式等所謂的場景。Cooper認為一定要把交互式設計放在前面，然后再去設計程序，他把用戶的困難都歸罪于拙劣的軟件設計。

要改進用戶界面，有以下的一些方法：

1. 一致性，設計最重要的準則是一致。用戶希望在同一組織不同的會議室里都能輕松操作，這就需要為他們提供一致性的界面。對于集成商來說，如果經常做一致性的界面，顏色、形狀、尺寸、字體、標簽、位置等元素在每個項目中都保持一致，對于實施項目非常有利，不需要每次為了修改某個按鈕的顏色或形狀去花很多時間。一致性不管是對最終用戶還是集成商來說，都可以從中獲益。

2. 功能要清晰可見，一個組件要能提供用戶執行操作的線索，用戶需要很自然地和觸摸屏界面的組件進行交互，并確定：哪個組件是可以被按下的？哪個區域需要輸入？哪個區域能提供反饋？這就需要為按鈕設計可按的屬性，如圖二，左邊的按鈕可以被視為標簽或者按鈕，因為它沒有明顯的屬性顯示它是可以按的，右邊的按鈕表現出一些層次感，有光的效果以及陰影的效果，這就是提示用戶，這里是可以按下去的。另外，按鈕按下去至少要有兩種狀態，一個是未按的狀態，一個是按下去的狀態，例如高亮的效果，這就是非常好的用戶反饋。

實現功能清晰可見，有很多小技巧：

·按鈕寬高比的黃金比例：Phi=1 1.62。

·按鈕的尺寸：觸摸屏上按鈕理想尺寸是1.25cm的正方形，采用黃金比例的按鈕尺寸應該為1.9×3.1cm（屏幕尺寸≥12”），如果屏幕尺寸小于12”的話，可以用0.75÷1.62，得出按鈕尺寸為0.75”×0.45”。這些數據可以作為設計按鈕時的參考，但并不是說一定要那么精確地去執行。

·因為顯示屏幕用像素概念來定義，每個屏幕的點距是不同的。那么設計時需遵循以下步驟：

第一. 查詢屏幕的水平分辨率，在觸摸屏的產品參數上找到其分辨率是多少。

第二. 測量屏幕的橫向尺寸。

第三. 用像素數除以屏幕尺寸：例如，800pixels/6”= 每英寸133個像素。

第四、用理想按鈕的尺寸乘以每英寸的像素數：例如，寬：133dpi×0.75”=100像素；高： 133dpi×0.45”=60像素。

·按鈕間隔：按鈕間適當的間隔會方便操作。

·經驗法則：小于72個像素的按鈕間隔為5至10像素。

·保持按鈕水平和垂直間隔的統一：為按鈕提供功能提示，盡可能使用按鈕和圖標的組合。

·圖標可能有多重含義，因此要使用文字明確功能含義。

·按鈕使用簡潔圖標更容易識別和理解。圖標使功能更容易理解。

·按鈕的方向：讓用戶更容易識別按鈕的功能，有指向性的按鈕必須和實際方向一致。

·按鈕分區：遵循功能分區的原則，分區不明確會給用戶帶來困擾。通過給不同功能區加邊框，可以幫助用戶快速找到。

3. 有技巧地使用信息映射

是將大量的信息分成小模塊，從而便于管理的方法。

圖三是固定按鈕的面板，非常明確地告訴用戶哪里是控制顯示器、控制音量和控制信號源的區域。而不同的人做出的觸摸屏界面是千差萬別的，我們要充分利用各個廠家提供的模板，這其中有的模板是花哨為主，有些模板是實用為主，在系統設計時要做比較好的取舍。

4. 美觀和功能性

另外還要在功能和美觀上做一些平衡，功能強大的音視頻系統強調交互，顏色、形狀和空間必須有機融合，功能和外觀需要做到平衡。

按鈕鍵盤：10鍵數字鍵盤——電腦的數字鍵盤，不建議在用戶界面設計中使用。電話鍵盤——用于數字輸入的通用鍵盤，很多日常設備上都有這樣的鍵盤，如ATM機、導航系統、復印機、紅外遙控器，建議在用戶界面中使用這樣的鍵盤。

5. 恰當地使用色彩

設計配色方案是設計一個吸引眼球的觸摸屏界面的核心，不同的人對色彩會有不同的感覺，有些色彩的組合是很美觀的，有些色彩的組合則會讓用戶感到混亂。音視頻工程師需要了解如何混合不同的顏色以及不同顏色的關系，協助設計師選擇匹配用戶界面的顏色。

顏色搭配得好不單單是為了好看，以圖四為例，左邊的圖普通人是可以識別的，但對顏色識別有障礙的人看就是一團黑，因此灰度單色識別功能可以很好地確定有顏色識別障礙的人是否能夠看清界面的內容。我們在設計時不單是為普通人設計，而是要確保所有人都能清楚識別所有內容。

最后，還需要清晰地定義靜態和動態區域。

中控系統調試技巧

實用的工具1：GUI項目報告

如何保證最終完成的中控系統能夠體現設計的初衷呢？最重要的是讓系統設計師和項目經理有效溝通。

系統設計師Vs項目經理，誰更理解整個音視頻系統將要實現的功能？顯然是設計師。

系統設計師Vs項目經理，誰對項目最終的實現效果起更重要的作用？一般是項目經理，當然在小項目中這兩者有可能是同一個人。

很多GUI軟件里都有一個生成項目報告的工具如圖五，報告的內容里會把界面的截圖貼在文檔上，同時針對按鍵的功能生成一個表格。系統設計師在設計好系統之后，由工程師或者界面設計人員設計好界面并生成文檔，然后設計師在報告的表格中寫明每個按鈕實現什么功能。項目經理可以借助這個報告在現場進行驗收。項目經理并不一定要會調試這個系統，他只需要清楚地知道最終實現的效果是怎樣的。

實用的工具2：串口/網絡調試工具

很多時候中控的產品并不一定能夠及時到現場交付使用，但是我們需要提前到現場去對系統進行調試，調試的目的是看現場的接線是否正確，這個時候就可以利用串口或者網絡調試工具，直接發送代碼給受控設備，看是否能夠受控。

判斷是否能夠受控，中間有個關鍵節點，就是串行線纜的連接問題。很多人一說到串行線纜的測試就會想到萬用表，但實際上我們可以充分利用中控前面板的LED燈。例如圖六中這些燈是指串口的COM口，如果發送指令就看TX燈是否亮，如果受控設備接收到，就會有一個反饋碼，通過這種方式就可以判斷線纜連接是否正確。不單是串口的LED燈，還可以采用這樣的方法看它的電源、紅外。

講到調試工具，傳統意義上的中控都有串口，但是現在市場上已經很難有帶串口的筆記本了，很多人會用USB的方式將其轉成串口線。但是會遇到很多問題，第一是驅動的問題，因為這個驅動不是Windows本身自帶的驅動，通常要用驅動光盤。另外，端口號是頻繁更改的，很多人并不知道去哪里改端口號。第三是穩定性問題，15元的轉接線與70元的可能存在很大差別。更好的方法是，利用中控的PASS-THROUGH貫通功能，即計算機和中控系統采用網絡方式連接貫通，讓其某一個串口或者COM口發送指令給受控設備，好處就是電腦不必配備RS-232端口或USB轉串口的線。

對中控調試人員來說，還需要學習網絡知識，為AV/IT整合做準備。特別是需要了解IT方面的語言，比如：常用網絡協議、端口，排除簡單網絡故障的方法，要能夠用IT的語言和IT工程師溝通。

iPad在中控領域的應用

最后來談談iPad在中控領域的應用，近年來，隨著iPad的普及，它也經常被用作中控系統觸摸屏。其優點在于，無線的方式操作更靈活，同時價格遠低于中控觸摸屏。但也有潛在的問題，如電池沒電，App被誤刪，Wi-Fi穩定性受到路由器、網絡環境等很多因素影響，iOS操作系統升級后可能無法兼容原來的軟件，設備丟失等。因此，我們建議把iPad作為輔助的控制方式，不要作為主要的操作平臺，以保證系統隨時隨地有效運行。