（一）網頁頁面的版面率

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

網站制作的要素">

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

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

（二）網頁頁面的知覺中心與視覺律動引導

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

1.創建統一的、律動的、交互式的視覺引導

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

2.加強對比，創造頁面知覺中心

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

3.變換表現手法，追求視覺變化的韻律感

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

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

（三）網頁的視覺流程類型

網頁設計中的視覺流程主要包括以下幾種類型：線型視覺流程、曲線視覺流程、焦點視覺流程、反復視覺流程、導向視覺流程、散點視覺流程等。

（一）線型視覺流程

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

1.直線視覺流程

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

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

橫向視覺流程傳達出穩定、恬靜之感。

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

2.曲線視覺流程

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

（二）焦點視覺流程

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

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

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

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

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

（三）反復視覺流程

反復視覺流程是指網頁中相同或相似的視覺要素，作規律、秩序、節奏的逐次運動。其產生的視覺效果更富于韻律美和秩序美。

（四）導向視覺流程

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

1.文字導向視覺流程

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

2.手勢導向視覺流程

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

3.形象導向視覺流程

形象導向與手勢導向相同，比較容易理解。

(四)視線導向視覺流程

一組形象面向同一方向，回因共同的視線而一致起來。不同的物品方向一致，也可以產生統一感。如果將頁面中人物的視線對著物品，就會引導瀏覽者的視線集中到物品上。充分利用視線導向，可以使視覺元素之間的聯系加強，結構更加緊湊。

（五）散點視覺流程

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

掌握合理的視覺流程，與適合的版式設計結合，就能夠設計出具有強烈的視覺沖擊力的網站版式。

標題名稱：在網站制作中影響視覺力場的要素有以下幾個方面
當前路徑：http://m.kartarina.com/news32/200232.html

成都網站建設公司_創新互聯，為您提供網站建設、網站內鏈、靜態網站、企業網站制作、微信小程序、網站設計

廣告

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