文/李琛 APP交互界面的設(shè)計布局應(yīng)該注重功能區(qū)域的劃分，不分主次、不加以規(guī)范化和條理化的處理頁面，會使頁面整體混亂不堪，妨礙了頁面上信息傳達的有效性，使用戶在交互的過程中感到茫然失措，影響APP的使用效率。

　　一般在購物APP中，其界面的各個部分可以按其服務(wù)的方面分為廣告區(qū)、類別菜單區(qū)、搜索區(qū)、功能服務(wù)區(qū)、會員信息區(qū)等，在布局這些服務(wù)類別的時候，應(yīng)該運用視覺處理方法予以區(qū)分，竭力避免造成內(nèi)容與服務(wù)之間的混淆，使用戶可以較快地了解網(wǎng)購APP。

　　①視覺容量，是指一定時間內(nèi)，視覺所能容納的信息量。一旦視覺接收到的信息超出定的視覺容量，就會使用戶的心理產(chǎn)生一種抵觸反應(yīng)，影響用戶情緒。

　　②視覺流程。受人們視覺習(xí)慣的影響，也是由人的視覺特性所決定的，人們在閱讀瀏覽的過程中，只能產(chǎn)生一個焦點。人的視覺觀察和瀏覽方式習(xí)慣于從左向右看、從上向下看；從信息容量上來說，我們的視覺習(xí)慣于先從簡單清晰的內(nèi)容來瀏覽(圖片、文字)，之后再瀏覽復(fù)雜繁瑣的內(nèi)容。

　　在設(shè)計網(wǎng)購APP交互界面的過程中，要充分考慮用戶閱讀信息的生理和心理狀態(tài)，對界面中所要提供的內(nèi)容進行功能劃分，區(qū)分出核心功能、輔助功能。對功能區(qū)域進行分類，例如：菜單區(qū)域、搜索區(qū)域、廣告展示區(qū)域、設(shè)置區(qū)域、用戶區(qū)域等，將AAP交互界面的核心功能以最直觀簡明的方式展現(xiàn)出來。

　　①尊重用戶的視覺行為習(xí)慣來設(shè)計界面，新穎的設(shè)計固然會帶來用戶新鮮感，但同時要需要用戶付出學(xué)習(xí)時間成本。

　?、陧撁娌季值脑O(shè)計應(yīng)該分清主次，將重要的功能和信息凸顯出來，使界面的視覺層次變的清晰可見。

　　③可以用來點按操作的應(yīng)該視覺效果突出一些，與其他固定的信息區(qū)分開來，讓用戶一眼看到可以進行操作指令。

　?、馨凑誂PP的功能與信息將界面進行區(qū)域劃分，定義每一個區(qū)域的主要功能，并且將這些區(qū)域在視覺上區(qū)分開來。

　?、菔÷远嘤嗟奈淖帧?/p>

　　通常情況下，購物APP交互界面中的搜索區(qū)域和分類菜單區(qū)域?qū)儆诤诵墓δ埽驗橛脩羰褂肁PP的最終目的是購買商品，一種方法是在分類菜單中按層級查找到商品；另一種方法是在搜索框中輸入商品信息完成查找。

　　這兩個核心功能應(yīng)該相對其他功能更為突出，所以一般放置在界面靠左的位置，而其中搜索框的視覺元素應(yīng)該清晰明了，讓用戶短時間內(nèi)可以捕捉到，完成查找內(nèi)容。

　　為一個以商品交易為核心內(nèi)容的APP，在設(shè)計中要把握住這種互聯(lián)網(wǎng)時代的認知特點，多采用圖形化的方式表達內(nèi)容，使用新奇、吸引力的表達方式，來捕獲用戶的視覺。

　　①適當(dāng)縮減文字內(nèi)容，多用圖片去說明產(chǎn)品。從用戶的角度來說，面對信息大保障的高速移動互聯(lián)網(wǎng)時代，圖片、音頻和視頻以及flash動畫都可以成為信息的有效載體，而且往往比文字閱讀的傳播效果好。

　?、谧⒅仨撁娣指畈季值倪壿嬓浴Ｔ贏PP界面設(shè)計中，以文字說明為主的界面可以在適當(dāng)位置插入圖片和標記，文段內(nèi)容利用分割線對段落進行劃分，某些帶有數(shù)字的說明文字可以用列表方式進行整理。

　?、俟?jié)奏與韻律。在交互界面的設(shè)計中，通過線條、色彩、形體、方向等因素有規(guī)律、有韻律的變化，對整體的版式營造出一種舒適的心理感受。

　　②對稱與平衡。對稱即均齊，是在整體統(tǒng)一中求變化；平衡即是側(cè)重在變化中尋求統(tǒng)一。在交互界面設(shè)計中，對稱可以是一個相對的概念，例如：圖形面積大小的對稱、色彩明度和飽和度的對稱、文本疏密和大小的對稱；而平衡更多時候也是圖形和文字的相互平衡，滿足人們視覺上整體的平衡感，不會使得界面的形式顯得松散和凌亂。

　　③對比與調(diào)和。對比的最基本要素主要是產(chǎn)生統(tǒng)一變化與主從關(guān)系的效果；調(diào)和主要是指舒適、安定、適合、和諧、統(tǒng)一。調(diào)和與對比是密切聯(lián)系、相輔相成的。在交互界面的設(shè)計之中。一般整體版面適應(yīng)調(diào)和，局部版面易形成對比，合理利用對比因素如圖形大小、色彩、風(fēng)格、文字排列、組合、圖片尺寸、位置、空間比例等，將這些元素進行排列、組合、對比，進而取得強烈的視覺功效。

　?、茏兓c統(tǒng)一。變化通常是智慧、想象、運動的表現(xiàn)，是強調(diào)個性化；統(tǒng)一是一種手段與方法,目的最終是達成和諧，可通過調(diào)和、均衡、秩序等形式法則實現(xiàn)。

　　在含有大量信息的交互界面當(dāng)中，應(yīng)該考慮怎樣把圖形、文字、標簽、菜單、導(dǎo)航等這些功能視覺元素運用統(tǒng)一的手法創(chuàng)造內(nèi)在的秩序，要在版式的變化中尋求統(tǒng)一，在統(tǒng)一的基礎(chǔ)上表現(xiàn)變化，使頁面更為豐富、更有活力，使用戶在瀏覽過程中達到視覺與心理的雙重享受。