王倩

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

關(guān)鍵詞：多設(shè)備；界面設(shè)計；視覺化；操作方式

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

1 多設(shè)備時代下的界面變化

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

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

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

2 設(shè)備變化造成的視覺化影響

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

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

3 操作方式與交互式變化

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

4 結(jié)語

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

參考文獻(xiàn)：

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

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

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