網(wǎng)格系統(tǒng)在手機(jī)界面設(shè)計(jì)中的應(yīng)用研究

梁海健 黃錦超 朱武鋒 廣東天訊達(dá)資訊科技股份有限公司

引言

頁(yè)面設(shè)計(jì)就是將信息用不同的文字圖形和色彩來進(jìn)行表達(dá)，要將內(nèi)容以最為簡(jiǎn)潔直接的形式傳達(dá)給使用者，優(yōu)秀的網(wǎng)格系統(tǒng)設(shè)計(jì)能讓使用者感受不到設(shè)計(jì)的痕跡。設(shè)計(jì)師在利用網(wǎng)格系統(tǒng)設(shè)計(jì)頁(yè)面時(shí)，不僅要設(shè)計(jì)出簡(jiǎn)潔的頁(yè)面，還需能吸引使用者，用不同的表現(xiàn)形式來吸引使用者，并且可以形成一系列的聯(lián)系。網(wǎng)格系統(tǒng)可以將不同的元素放置在不同的位置來進(jìn)行不同的設(shè)計(jì)，從而呈現(xiàn)出不同的視覺效果，傳達(dá)出各種信息。手機(jī)內(nèi)的信息只能通過手機(jī)界面這唯一途徑傳達(dá)出來，在設(shè)計(jì)手機(jī)界面時(shí)，需同時(shí)兼顧美觀和傳達(dá)信息兩大方面。手機(jī)頁(yè)面是相對(duì)有限的范圍，在設(shè)計(jì)這一頁(yè)面時(shí)，設(shè)計(jì)元素既是獨(dú)立的，也有相互之間的關(guān)系。在網(wǎng)格系統(tǒng)應(yīng)用于手機(jī)頁(yè)面設(shè)計(jì)時(shí)，需要達(dá)到美觀的目的，還需要滿足手機(jī)頁(yè)面所需功能。

一、網(wǎng)格系統(tǒng)合理有效的傳達(dá)信息

一個(gè)版面的各個(gè)組成部分如何分配是由網(wǎng)格進(jìn)行指導(dǎo)的，一個(gè)版面有多個(gè)組成部分，每個(gè)組成部分都有其功能和表達(dá)效果。網(wǎng)格系統(tǒng)大致可以分為版心，版面和留白這幾部分，網(wǎng)格系統(tǒng)利用分割線將頁(yè)面進(jìn)行分割，劃分為不同的區(qū)域。手機(jī)界面的信息就是通過版面來傳達(dá)，不同信息的傳遞是通過版面不同的分割和元素不同的排列組合進(jìn)行。信息的傳達(dá)需要做到完整直觀，這就需要傳達(dá)信息時(shí)有主要次要的區(qū)分，這種區(qū)分就是從網(wǎng)格版面和元素的排列組合中得到。

二、網(wǎng)格系統(tǒng)的三維空間展示

當(dāng)網(wǎng)格系統(tǒng)應(yīng)用于報(bào)紙、雜志等紙張類的設(shè)計(jì)時(shí)，頁(yè)面信息是通過二維空間來展示的。使用者閱讀時(shí)通常也有閱讀順序，但將網(wǎng)格系統(tǒng)應(yīng)用于手機(jī)頁(yè)面的設(shè)計(jì)時(shí)，網(wǎng)格系統(tǒng)的展示從二維空間變成了三維空間。網(wǎng)格系統(tǒng)的三維空間展示可以將視覺效果通過動(dòng)態(tài)的形式展示出來，這就要求設(shè)計(jì)師將系統(tǒng)應(yīng)用于手機(jī)界面設(shè)計(jì)的各個(gè)方面。版面的分割也不僅僅是應(yīng)用于平面圖形中，同時(shí)也要應(yīng)用于立體圖形中。雖然網(wǎng)格系統(tǒng)應(yīng)用于手機(jī)界面設(shè)計(jì)是由二維空間走向了三維空間，但仍可以通過擴(kuò)大元素的比例來突出頁(yè)面重點(diǎn)，利用不同的色彩組合和頁(yè)面布局來吸引使用者。

三、網(wǎng)格系統(tǒng)滿足最易觀察、最易操作的需求

（一）網(wǎng)格系統(tǒng)滿足最易觀察

網(wǎng)格系統(tǒng)應(yīng)用于手機(jī)界面設(shè)計(jì)師要同時(shí)滿足使用者最易觀察的需求。使用者觀察頁(yè)面時(shí)最易觀察到的區(qū)域就是網(wǎng)格系統(tǒng)的版面核心，被稱作最佳觀察區(qū)域。設(shè)計(jì)師應(yīng)當(dāng)將最需要突出的內(nèi)容放置于最佳觀察區(qū)域，讓使用者最直接的觀察到信息。最佳觀察區(qū)的設(shè)計(jì)主要是通過垂直線和水平線對(duì)手機(jī)界面的分割進(jìn)行的，設(shè)計(jì)師需要做到在手機(jī)界面這個(gè)有限的范圍內(nèi)，進(jìn)行最合理的布局。不僅要滿足手機(jī)界面的完整性，仍需將最重要的信息放置于最易觀察到的區(qū)域。保證使用者有最直接的視覺體驗(yàn)，完成對(duì)信息的重視。

（二）網(wǎng)格系統(tǒng)滿足最易操作

傳統(tǒng)紙張類頁(yè)面設(shè)計(jì)只需要滿足使用者的閱讀需求，當(dāng)用網(wǎng)格系統(tǒng)來設(shè)計(jì)手機(jī)界面時(shí)，還需要滿足使用者的操作需求.這就要求設(shè)計(jì)師在設(shè)計(jì)出容易操作的手機(jī)界面。當(dāng)使用者滑動(dòng)頁(yè)面或者翻頁(yè)時(shí)，會(huì)利用到三維空間的每個(gè)方面。手機(jī)界面的設(shè)計(jì)不僅需要網(wǎng)格系統(tǒng)，還需要交互設(shè)計(jì)。使用者在操作手機(jī)時(shí)通常是一只手握著手機(jī)利用大拇指來進(jìn)行上下翻動(dòng)或者左右翻頁(yè)，滿足使用者的最易操作需求時(shí)，不僅需要將板面的工具欄放置于大拇指容易觸碰到的兩側(cè)，仍需將頁(yè)面的主要內(nèi)容放置于大拇指容易觸碰到的地方。當(dāng)使用者使用手機(jī)界面時(shí)，可以輕易操作自己感興趣的內(nèi)容，手機(jī)界面的最優(yōu)觀察區(qū)應(yīng)與最易操作區(qū)域有重合之處。

四、結(jié)束語(yǔ)

手機(jī)界面設(shè)計(jì)不是簡(jiǎn)單的滿足功能需求，更要滿足使用者對(duì)美的需求。手機(jī)界面需要擁有強(qiáng)大的功能性和完整的藝術(shù)性，這樣才能吸引到使用者。隨著信息的更新和技術(shù)的提高，手機(jī)的作用不僅局限于通訊，有了更多樣的功能。多樣的功能需要更好的手機(jī)界面設(shè)計(jì)，這就使手機(jī)界面的視覺效果更加重要。當(dāng)設(shè)計(jì)師利用網(wǎng)格系統(tǒng)設(shè)計(jì)手機(jī)界面時(shí)，需符合使用者的需求，完成手機(jī)界面的功能性和藝術(shù)性的高度統(tǒng)一。設(shè)計(jì)師要利用最基礎(chǔ)的設(shè)計(jì)工具設(shè)計(jì)出最符合使用者需求的手機(jī)界面。