視覺流程，是視線在觀賞物上的移動過程，是二維或三維空間中的視線運動。網站頁面設計中視覺的流動線極為重要，同時又很容易被網頁設計者忽視的因素。一條垂直線在頁面上，會引導視線作上下的視覺運動；水平線會引導視線向左右的視覺運動；斜線比垂直線、水平線有更強的視覺訴求力；矩形的視線流動是向四方發射的；圓形的視線流動是輻射狀的；三角形則隨著角之方向使視線產生流動；各種圖形從大到小漸層排列時，視線會強烈地按照排列方向流動。
經驗豐富的設計者善于運用貫穿頁面的主線，設計易于瀏覽的頁面。從某個角度講，視覺流程的設計結果就是版式，與版式設計是相輔相成的關系。本節也將對網頁設計的版式進行總結和闡述。

一：網頁視覺流程的籌劃
視覺流程是網頁版式設計的重要內容，他的籌劃包含以下幾個重要的因素：
網站頁面中不同的視域，注目程度不同，給瀏覽者心里上的感受也不同。一般而言，頁面上部給人輕快、漂浮、積極、高昂之感；下部給人壓抑、沉重、限制、穩定的印象；左側，感覺輕便、自由、舒展、富于活力；右側，感覺局促卻顯得莊重。
因此。網頁中重要的信息，應安排在注目率高的頁面位置，這個位置便是頁面的佳視域。
一般瀏覽者的閱讀習慣都是按照從左到右，從上到下的順序進行。也就是說瀏覽者的眼睛先看到的是網站頁面的左上角，然后逐漸往下看。根據這一習慣，設計時可以把重要信息放在頁面的左上角或頁面部，如公司的標志、新消息、公告欄等，然后按重要性依次放置其他信息內容。
重要的信息應該讓瀏覽者容易發現，而不是藏在多層鏈接之后。

二：視覺流程的視覺力場
格式塔心理學認為視覺思維的過程即客體的結構力場，大腦的生物電場以及主體的心理場三者相互轉化的過程。雖然這個轉化過程是視覺設計本身具有的“張力”作用于人的大腦視皮層而產生的生理現象，但受眾主體已經將其體驗為客體本身的性質。
網頁頁面布局的張力與收縮使得每一個網頁頁面都存在一個視覺焦點，都是設計者依據一定的視覺特性，對網頁頁面合理編排，“迫使”受眾根據設計原創的引導流程進行有效的視覺交互，并使其在心里上產生的一種心理場。宏觀地，整個網站的視覺力場是一個動態的概念。受眾獲取信息是依據一定的視覺序列，有秩序地進行閱讀與識記。這種視覺序列經過精心設計，有層次上的遞進關系，是每一個頁面上的視覺力場沿一定的秩序進行流動，具有很強的條理性，能夠引導受眾有效地獲取信息，而且還能保持視覺的連續性和信息傳達的合理性，促進了資訊的交流和思想的交流。