介于多設備時代下的界面設計表現方式上的差異性

王倩

摘 要：本文基于多設備時代下的界面設計及其操作平臺所表現出來的差異化分析，對多設備時代下的界面變化、由設備變化造成的視覺化影響、操作方式的改變與隨之而來的交互式變化三大板塊進行淺述。

關鍵詞：多設備；界面設計；視覺化；操作方式

隨著移動通信技術的高速發展和信息終端設備被人們所廣泛適用，過去由電腦作為主要的網絡信息共享、傳遞、存儲設備的方式已逐步被多元化的設備形式所分流。人們不再需要保持在固定的網絡環境中，就可以隨心所欲地依靠自身攜帶的智能移動設備終端隨時隨地地享受互聯網帶來的便捷。而以個人電腦、智能手機、平板電腦等為重要代表的多元化設備形式被廣泛應用，其最為顯著的變化表現為基于各個設備中的屏幕大小和輸入輸出的呈現方式上的差異化，也使得界面設計的表達方式和表現形式變得更加復雜多變。介于這樣的多設備模式的發展情況，今后的發展方向想必是更加多元而又復雜多變的。

1 多設備時代下的界面變化

基于同一界面設計表現在不同的設備及其操作平臺所表現出來的差異化，使得我們在設計中如何適應這些多元性進行有效呈現，從而為用戶提供更好的操作體驗則成為了重中之重。壓力感應屏已逐步投入量產，即可預知會有越來越多的不同類型的高科技設備等著我們。而在多元化的趨勢之下，作為設計工作者必須具備的前沿就要求我們需要以現在和未來的角度來觀察這些設備的多元性造成的現象。我們拋開不同的設備所呈現的處理器運算速度和操作系統差異化等硬件設備的條件限制，影響界面設計的物理性因素是基本相同的，其中就主要包含了屏幕的大小尺寸（屏幕尺寸一般由屏幕物理尺寸、屏幕分辨率和屏幕密度所影響）、屏幕的長寬比例、設備的操作方式、輸入輸出方式等等。

就目前網絡環境而言：我們現有的解決方法基本是利用自適應界面模式進行界面設計：根據設備界面的差異性產生的不同需求和其運行的環境進行自動化裁減，用以定制系統的顯示和交互行為。但這也只能在一定區域范圍內進行有效的自適應變化，設備界面差異過大也是無法完全兼顧的，而對于過于繁雜的界面構成體系甚至會造成系統的負擔。因為隨著未來數字媒體產業的發展變化，越來越多設備類型蜂涌而出，就單一設備形式去設計其專有界面模式是難以完成的。自適應用戶界面就是在滿足設備差異化的前提下，提供一種折中的方式去極大限度展現內容的有效手段。而現有的“響應式網頁設計”就是依照設備屏幕的寬度，提供最佳版面設計的自適應界面模式中的一種表現方法：以一個HTML用以支持多種屏幕尺寸不同的設備。以一個設備模塊自適應于多個屏幕設定，預先根據屏幕尺寸大小設定幾個切換版面的頁面尺寸的斷點，讓版面在斷點前后的尺寸產生較大的變化，進一步設定切換基準以契合更多得屏幕進行版式設計。尤其是優秀的自適應界面方式：不但可以通過這樣的折中方式用戶界面進行精簡，還可以及其有效地提升工作效率和用戶滿意度，更從容的應對用戶不斷變化的需求。因此智能移動終端的自適應界面有較廣闊的應用空間，成為解決移動端設備多樣性的重要方式。

正是響應式網頁設計這樣的設定方式，使得網頁的顯示一樣會有適用和不適用的問題，如若網站本身的結構太過復雜，就會導致系統難以應付造成一定的界面混亂。鑒于這樣的表現模式所呈現出來的限定性，對網頁設計中的界面表現也就有所要求。而就目前的技術而言，未能有根據各種終端設備最優化網頁的解決方法。因此，如何通過界面設計自適應于多設備的顯示應用也成為了網頁設計中重要的一步。

2 設備變化造成的視覺化影響

在某種程度上正是因為這樣的多設備帶來的變化，設計中的網格化框架就顯得尤為重要了。而界面設計（尤其是網頁設計）在設計當中，不管版式再怎么多元化，其使用的版式還是基本以網格化模式進行劃分的。而一般來說，內容越是復雜，所使用的版式也就越是相通。而這樣的網格化組織模式也為我們界面板塊化發展奠定了基礎。區域的板塊化的一致性劃分不但能夠極大程度的為用戶在進行頁面瀏覽的時候提供便利，而且在一定程度上壓縮了版面的使用面積。因為區域的板塊化劃分，實際上也就是在一定程度上劃分了其板塊的視覺一致性、操作行為一致性、目標的一致性、表現方式一致性。

尤其是板塊的視覺一致性尤為顯著。我們通過視覺元素的趨同化來保持界面的一致性，其實也是在一定程度上對其信息內容進行了分類，為整合版面提供了基礎。其中，視覺符號作為信息傳達的重要載體，界面設計者通過視覺化的形式表現去傳遞信息的功能，以達到形式與內容的統一。界面用戶也通過元素的聯系性來判斷所處瀏覽界面的位置。而換掉的元素越多，說明內容的關聯性越小。掌握頁面的“變化量”是能夠讓用戶單就經驗就足以獲知頁面邏輯關系的視覺方式。在界面設計中運用這樣形式化的視覺表現形式很好地將整個界面的邏輯關系客觀地呈現出來，以供人們能夠很好地尋找到網頁之間的參照關系和邏輯上的直覺感。通過這樣的一致化的表現方式可以在一定程度上整合各資源內容：一是為版面網格化劃分提供條件，二是在視覺層面上為受眾提供直覺引導，為操作提供便利。

3 操作方式與交互式變化

過去的個人電腦是較為單純的信息交流存儲設備，現在的設備更多元，種類也變得更加復雜。隨著手機、平板電腦為代表的數碼產品高頻率地更新換代。不但如此，隨著微軟Surface系列等個人電腦的普及應用，觸摸式設備幾近成為界面設備主流，可想而知其發展空間之巨大。設備更新換代，尤其是屏幕的變化對用戶的操作行為模式的影響也是最直接的。在操作行為的引導下，也在一定程度上決定了視覺板塊劃分。最直接的變化就是：我們從精確點擊轉化為觸摸式滑動、拖拽、輕擊...當然，這也為越來越多的交互式界面提供了設備基礎。我們雖然需要為精確點擊轉化為手動觸摸提供更多的選擇區域（在某種程度上需擴大點擊的選擇區域，縮小了可用率。），以便不失去其本該有的點擊準確率。與此同時，觸摸屏控制手勢的加入也大大的弱化了人機之間的距離，交互性不由而生。對比鼠標的左右二鍵和滾輪，手勢的變化就顯得更為豐富而多變了。不但在一定程度上增加了的可塑性，交互式的出現也極大地影響了界面的版式劃分：比如隱藏式信息欄，儼然變成為一種主流的導航設置方式應用于各界面設計當中。這無疑在很大程度上改變了界面設計中對屏幕大小、尺寸比例的限制，大幅地增加了版面設計的自由度和靈活性。界面與界面之間的翻轉滑動變得簡單起來。它消除了界面和界面之間作為個獨立的頁面而存在的方式，內容的直觀連貫就變得輕而易舉起來。同時，這也為界面的交互式延伸及轉化提供了更為有利的條件。

4 結語

在這個第四媒體廣為適用的時代，科技的進步帶來的信息全球化可顯其重要性。而科技的可貴之處便在于在其不斷的變化發展中彰顯其價值所在，每一次的發展進步都給我們的體驗帶來了或大或小的改變。界面設計作為科技顯現的重要視覺化表現方式，如何在這樣一個發展中的多設備時代下，保持其時代的一致性就變得尤為重要。本文希望通過對多設備時代下設備的差異性對設備變化造成的視覺化及其操作方式變化帶來的一系列變化進行個簡要分析。

參考文獻：

[1] 馬璇.智能移動終端自適應界面的一致性研究[D].北京郵電大學碩士論文，2013.

[2] 盛曉峰.從小屏幕到大屏幕交互轉換的用戶體驗研究[D].上海交通大學學位論文，2009.

[3] 張思望.網頁設計中視覺元素的功能與審美性研究[D].西北大學碩士學位論文，2006.