（一）網(wǎng)頁頁面的版面率

版面率是網(wǎng)頁頁面中文字、圖形、圖像、動(dòng)畫、視頻等的占有率，它影響著頁面信息傳遞的效率，也決定了整個(gè)頁面的視覺傳達(dá)效果。一般情況下，版面率與視覺傳達(dá)效果、頁面創(chuàng)意空間成反比。版面率低，單個(gè)頁面所容納信息量較少，其視覺表現(xiàn)相對(duì)比較集中，因此視覺沖擊力較強(qiáng)，同時(shí)留給設(shè)計(jì)師的創(chuàng)意空間自由度相對(duì)來說比較大。

網(wǎng)站制作的要素">

在網(wǎng)頁設(shè)計(jì)中，流行“少即是多”。由于人們比較容易記住可以人機(jī)交流的內(nèi)容，因此，在網(wǎng)站的設(shè)計(jì)中，采用多層鏈接的遞進(jìn)方式，如同寫作中的插敘手法。一方面，它滿足了受眾的好奇、探求的欲望，為網(wǎng)站的個(gè)性化風(fēng)格營造了氛圍；另一方面，通過人機(jī)對(duì)話（網(wǎng)絡(luò)的互動(dòng)性），誘發(fā)了受眾的活力與興趣，使得網(wǎng)絡(luò)自然而然成為營銷手段的延伸。如個(gè)人網(wǎng)站、設(shè)計(jì)師以及設(shè)計(jì)機(jī)構(gòu)自己的網(wǎng)站等，其商業(yè)氣息相對(duì)淡泊，大都考慮使用版面率較低的設(shè)計(jì)。

版面率高，所傳達(dá)的信息量大，而其視覺沖擊力相對(duì)較弱，留給設(shè)計(jì)師的創(chuàng)意空間自由度也相對(duì)較少。網(wǎng)頁頁面設(shè)計(jì)不僅僅是一個(gè)視覺問題，它必須能夠從動(dòng)能和目標(biāo)角度來考慮版面的大小和版式。選擇版面率比較高的設(shè)計(jì)時(shí)，講究空間的有效利用與秩序的合理劃分，而且每一版面的大小和位置關(guān)系要和諧。否則要么排版呆板，要么秩序混亂。

（二）網(wǎng)頁頁面的知覺中心與視覺律動(dòng)引導(dǎo)

網(wǎng)頁頁面的知覺中心，是頁面中三度幻覺動(dòng)態(tài)空間的中心點(diǎn)，所謂幻覺動(dòng)態(tài)空間是指網(wǎng)頁頁面隨時(shí)的互動(dòng)變化、視覺上的瞬間動(dòng)態(tài)變化，其變化是與顯示器的屏幕分辨率緊密結(jié)合的，針對(duì)不同的屏幕分辨率，其知覺中心也不同。一般情況下，知覺中心位于屏幕中央偏上的部位。對(duì)頁面知覺中心的把握就是合理地捕獲受眾的視線，把重要的元素安排在頁面的知覺中心，以贏得受眾的視覺力場，便于突出重點(diǎn)。

1.創(chuàng)建統(tǒng)一的、律動(dòng)的、交互式的視覺引導(dǎo)

無論頁面的信息多么龐雜，無論采用何種視覺引導(dǎo)方式，都應(yīng)符合基本的視覺規(guī)律。在合乎視覺規(guī)律的前提下，進(jìn)行有秩序的動(dòng)態(tài)閱讀設(shè)計(jì)，是突出重點(diǎn)、吸引注意力的主要方法。如果違背視覺規(guī)律，往往會(huì)事倍功半。比如，人們的閱讀順序通常是從左上角向右下角掃視，如果采用從右下到左上的視覺引導(dǎo)，就會(huì)降低信息的識(shí)別度。視線的流動(dòng)應(yīng)依據(jù)一定的韻律，在頁面空間中延伸，造成視覺美感。

2.加強(qiáng)對(duì)比，創(chuàng)造頁面知覺中心

頁面的編排設(shè)計(jì)總是按照設(shè)計(jì)師的想法、意圖等進(jìn)行組織，以突出主要傳達(dá)的信息為目標(biāo)，組織頁面的設(shè)計(jì)元素，合理引導(dǎo)視覺。對(duì)比的手法可以突出重點(diǎn)，比如動(dòng)靜的對(duì)比，色彩的對(duì)比，排列位置的對(duì)比，信息內(nèi)容的對(duì)比等，都可以創(chuàng)造網(wǎng)頁頁面知覺中心。在設(shè)計(jì)中，充分利用動(dòng)態(tài)媒體特性，把主要的內(nèi)容做成動(dòng)畫并設(shè)置音樂，或者拉大圖底對(duì)比、適當(dāng)保留空白、留出視覺緩沖等，都是吸引注意力的有效措施。

3.變換表現(xiàn)手法，追求視覺變化的韻律感

一般情況下，“變化”最容易吸引眼球，因此，交互的關(guān)鍵往往設(shè)置于動(dòng)態(tài)的、變化的元素之上。此外，通過排列的變換、位置的對(duì)比，同樣可以使所要強(qiáng)調(diào)的內(nèi)容成為首要的視覺中心。

視覺引導(dǎo)的方式比較多，可以使注意視覺元素偏離視覺中心，引起視線的流動(dòng)，但絕對(duì)不是游離于網(wǎng)頁頁面之外；也可以利用圖形、符號(hào)、文字、文字序號(hào)等易識(shí)別元素吸引受眾視線。

（三）網(wǎng)頁的視覺流程類型

網(wǎng)頁設(shè)計(jì)中的視覺流程主要包括以下幾種類型：線型視覺流程、曲線視覺流程、焦點(diǎn)視覺流程、反復(fù)視覺流程、導(dǎo)向視覺流程、散點(diǎn)視覺流程等。

（一）線型視覺流程

線型視覺流程，分為直線視覺流程和曲線視覺流程兩類。

1.直線視覺流程

使頁面的流動(dòng)線更為簡明，直接地訴求主題內(nèi)容，有簡潔而強(qiáng)烈的視覺效果。直線視覺流程表現(xiàn)為三種形式—豎向、橫向、斜向視覺流程。

其中，豎向視覺流程傳達(dá)出堅(jiān)定、直觀的視覺感受。

橫向視覺流程傳達(dá)出穩(wěn)定、恬靜之感。

斜向視覺流程以不穩(wěn)定的動(dòng)勢引起瀏覽者的注意。

2.曲線視覺流程

曲線視覺流程，是由視覺要素隨弧線或回旋線運(yùn)動(dòng)而形成的。它不如直線視覺流程直接簡明，但更具有流暢的美感。曲線視覺流程的形式微妙而復(fù)雜，可概括為兩種形式：弧線形（C形）視覺流程有擴(kuò)張感和方向感，回旋形（S形）視覺流程能夠在畫面中增加深度和動(dòng)感。

（二）焦點(diǎn)視覺流程

每個(gè)網(wǎng)站頁面中獨(dú)有一個(gè)視覺焦點(diǎn)，是需要重點(diǎn)處理的對(duì)象。視覺焦點(diǎn)是否突出，和頁面版式編排、圖文的位置、色彩的運(yùn)用有關(guān)。在視覺心理作用下，焦點(diǎn)視覺流程的運(yùn)用可以使主題更為鮮明、強(qiáng)烈。

在具體的設(shè)計(jì)處理上，一般沿著視覺焦點(diǎn)的傾向與力度，來發(fā)展視線的進(jìn)程。通常以鮮明的形象或文字占據(jù)頁面某個(gè)位置，或完全充斥整版，集合瀏覽者的視線，完成視覺心理上的焦點(diǎn)建造。另外，向心、離心的視覺運(yùn)動(dòng)，也是焦點(diǎn)視覺流程的運(yùn)用形式。

1.按照主從關(guān)系的順序，使放大的主題形象成為視覺焦點(diǎn)，以此來表達(dá)主題思想。

2.將網(wǎng)頁中的文案作整體編排，突出主題形象。

3.在主題形象四周增加空白量，使之成為視覺焦點(diǎn)。

（三）反復(fù)視覺流程

反復(fù)視覺流程是指網(wǎng)頁中相同或相似的視覺要素，作規(guī)律、秩序、節(jié)奏的逐次運(yùn)動(dòng)。其產(chǎn)生的視覺效果更富于韻律美和秩序美。

（四）導(dǎo)向視覺流程

導(dǎo)向視覺流程，是通過誘導(dǎo)性視覺元素，主動(dòng)引導(dǎo)讀者視線向一定方向作順序運(yùn)動(dòng)，按照由主及次的順序，把頁面各構(gòu)成要素依次串聯(lián)起來，形成一個(gè)有機(jī)整體。導(dǎo)向視覺流程的應(yīng)用可以使網(wǎng)頁重點(diǎn)突出、條理清晰，發(fā)揮大的信息傳達(dá)功能。

1.文字導(dǎo)向視覺流程

“請(qǐng)按這里”、“點(diǎn)擊進(jìn)入”等文字，是通過語義的表達(dá)產(chǎn)生理念上的導(dǎo)向作用。另外，也可以對(duì)文字進(jìn)行圖形化處理，對(duì)瀏覽者產(chǎn)生自覺的視覺導(dǎo)向作用。

2.手勢導(dǎo)向視覺流程

手勢導(dǎo)向比文字更容易理解，且具有一種親和力。

3.形象導(dǎo)向視覺流程

形象導(dǎo)向與手勢導(dǎo)向相同，比較容易理解。

(四)視線導(dǎo)向視覺流程

一組形象面向同一方向，回因共同的視線而一致起來。不同的物品方向一致，也可以產(chǎn)生統(tǒng)一感。如果將頁面中人物的視線對(duì)著物品，就會(huì)引導(dǎo)瀏覽者的視線集中到物品上。充分利用視線導(dǎo)向，可以使視覺元素之間的聯(lián)系加強(qiáng)，結(jié)構(gòu)更加緊湊。

（五）散點(diǎn)視覺流程

散點(diǎn)視覺流程，是指在分散處理視覺元素的編排方式。它強(qiáng)調(diào)感性、自由性、隨機(jī)性、偶然性。其視覺流程為：視線隨各視覺元素或上或下、或左或右的自由移動(dòng)。這種視覺流程不如其他視覺流程嚴(yán)謹(jǐn)、快捷、明朗，但生動(dòng)有趣，給人一種輕松隨意和慢節(jié)奏的感受。

掌握合理的視覺流程，與適合的版式設(shè)計(jì)結(jié)合，就能夠設(shè)計(jì)出具有強(qiáng)烈的視覺沖擊力的網(wǎng)站版式。

標(biāo)題名稱：在網(wǎng)站制作中影響視覺力場的要素有以下幾個(gè)方面
當(dāng)前路徑：http://m.newbst.com/news32/200232.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、靜態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作、微信小程序、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)