視覺流程，是視線在觀賞物上的移動(dòng)過(guò)程，是二維或三維空間中的視線運(yùn)動(dòng)。網(wǎng)站頁(yè)面設(shè)計(jì)中視覺的流動(dòng)線極為重要，同時(shí)又很容易被網(wǎng)頁(yè)設(shè)計(jì)者忽視的因素。一條垂直線在頁(yè)面上，會(huì)引導(dǎo)視線作上下的視覺運(yùn)動(dòng)；水平線會(huì)引導(dǎo)視線向左右的視覺運(yùn)動(dòng)；斜線比垂直線、水平線有更強(qiáng)的視覺訴求力；矩形的視線流動(dòng)是向四方發(fā)射的；圓形的視線流動(dòng)是輻射狀的；三角形則隨著頂角之方向使視線產(chǎn)生流動(dòng)；各種圖形從大到小漸層排列時(shí)，視線會(huì)強(qiáng)烈地按照排列方向流動(dòng)。

經(jīng)驗(yàn)豐富的設(shè)計(jì)者善于運(yùn)用貫穿頁(yè)面的主線，設(shè)計(jì)易于瀏覽的頁(yè)面。從某個(gè)角度講，視覺流程的設(shè)計(jì)結(jié)果就是版式，與版式設(shè)計(jì)是相輔相成的關(guān)系。本節(jié)也將對(duì)網(wǎng)頁(yè)設(shè)計(jì)的版式進(jìn)行總結(jié)和闡述。

一：網(wǎng)頁(yè)視覺流程的籌劃

視覺流程是網(wǎng)頁(yè)版式設(shè)計(jì)的重要內(nèi)容，他的籌劃包含以下幾個(gè)重要的因素：

網(wǎng)站頁(yè)面中不同的視域，注目程度不同，給瀏覽者心里上的感受也不同。一般而言，頁(yè)面上部給人輕快、漂浮、積極、高昂之感；下部給人壓抑、沉重、限制、穩(wěn)定的印象；左側(cè)，感覺輕便、自由、舒展、富于活力；右側(cè)，感覺局促卻顯得莊重。

因此。網(wǎng)頁(yè)中最重要的信息，應(yīng)安排在注目率最高的頁(yè)面位置，這個(gè)位置便是頁(yè)面的最佳視域。

一般瀏覽者的閱讀習(xí)慣都是按照從左到右，從上到下的順序進(jìn)行。也就是說(shuō)瀏覽者的眼睛首先看到的是網(wǎng)站頁(yè)面的左上角，然后逐漸往下看。根據(jù)這一習(xí)慣，設(shè)計(jì)時(shí)可以把重要信息放在頁(yè)面的左上角或頁(yè)面頂部，如公司的標(biāo)志、最新消息、公告欄等，然后按重要性依次放置其他信息內(nèi)容。

重要的信息應(yīng)該讓瀏覽者最容易發(fā)現(xiàn)，而不是藏在多層鏈接之后。

二：視覺流程的視覺力場(chǎng)

格式塔心理學(xué)認(rèn)為視覺思維的過(guò)程即客體的結(jié)構(gòu)力場(chǎng)，大腦的生物電場(chǎng)以及主體的心理場(chǎng)三者相互轉(zhuǎn)化的過(guò)程。雖然這個(gè)轉(zhuǎn)化過(guò)程是視覺設(shè)計(jì)本身具有的“張力”作用于人的大腦視皮層而產(chǎn)生的生理現(xiàn)象，但受眾主體已經(jīng)將其體驗(yàn)為客體本身的性質(zhì)。

網(wǎng)頁(yè)頁(yè)面布局的張力與收縮使得每一個(gè)網(wǎng)頁(yè)頁(yè)面都存在一個(gè)視覺焦點(diǎn)，都是設(shè)計(jì)者依據(jù)一定的視覺特性，對(duì)網(wǎng)頁(yè)頁(yè)面合理編排，“迫使”受眾根據(jù)設(shè)計(jì)原創(chuàng)的引導(dǎo)流程進(jìn)行有效的視覺交互，并使其在心里上產(chǎn)生的一種心理場(chǎng)。宏觀地，整個(gè)網(wǎng)站的視覺力場(chǎng)是一個(gè)動(dòng)態(tài)的概念。受眾獲取信息是依據(jù)一定的視覺序列，有秩序地進(jìn)行閱讀與識(shí)記。這種視覺序列經(jīng)過(guò)精心設(shè)計(jì)，有層次上的遞進(jìn)關(guān)系，是每一個(gè)頁(yè)面上的視覺力場(chǎng)沿一定的秩序進(jìn)行流動(dòng)，具有很強(qiáng)的條理性，能夠引導(dǎo)受眾有效地獲取信息，而且還能保持視覺的連續(xù)性和信息傳達(dá)的合理性，促進(jìn)了資訊的交流和思想的交流。