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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（一）線型視覺流程

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

1.直線視覺流程

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

其中，豎向視覺流程傳達出堅定、直觀的視覺感受。

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

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

2.曲線視覺流程

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

（二）焦點視覺流程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（五）散點視覺流程

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

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

標題名稱：在網(wǎng)站制作中影響視覺力場的要素有以下幾個方面
當前路徑：http://jinyejixie.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è)計

廣告

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