視覺作業(yè)流程及版式類型

（一）在視覺心理學(xué)家研究中，視覺運(yùn)動(dòng)規(guī)律是其結(jié)果之一。一條垂直線在頁(yè)面上，會(huì)引導(dǎo)視線作上下視覺流動(dòng)；水平線會(huì)引導(dǎo)視線向左右視覺流動(dòng)；斜線比垂直線、水平線有更強(qiáng)視覺訴求力；矩形視線流動(dòng)是向四方發(fā)射；圓形視線流動(dòng)是輻射狀；三角形則伴隨頂角之方向使視線產(chǎn)生流動(dòng)；多種圖形從大到小漸層排列時(shí)，視線會(huì)強(qiáng)烈地根據(jù)排列方向流動(dòng)。視覺步驟，是視線在觀賞物上移動(dòng)過程，是二維或三維空間中運(yùn)動(dòng)。這種視覺流動(dòng)線極為關(guān)鍵，同時(shí)又是很輕易被網(wǎng)頁(yè)設(shè)計(jì)者忽略原因。經(jīng)驗(yàn)豐富設(shè)計(jì)者全部對(duì)此很重視，她們善于利用這條貫穿頁(yè)面根本，設(shè)計(jì)易于瀏覽頁(yè)面。從某個(gè)角度講，視覺步驟設(shè)計(jì)結(jié)果就是版式。本章也將對(duì)網(wǎng)頁(yè)設(shè)計(jì)版式設(shè)計(jì)進(jìn)行總結(jié)和敘述。1.視覺步驟計(jì)劃視覺步驟是網(wǎng)頁(yè)版式設(shè)計(jì)關(guān)鍵內(nèi)容，能夠說，視覺步驟利用好壞，是設(shè)計(jì)者技巧成熟是否表現(xiàn)。視覺步驟計(jì)劃包含多個(gè)關(guān)鍵原因，下面就對(duì)它們作具體歸納和分析。頁(yè)面中不一樣視域，注目程度不一樣，給人心理上感受也不一樣。通常而言，上部給人輕快、漂浮、主動(dòng)、高昂之感；下部給人壓抑、沉重、限制、穩(wěn)定印象；左側(cè)，感覺輕便、自由、舒展，富于活力；右側(cè)，感覺局促卻顯得莊重。網(wǎng)頁(yè)中最關(guān)鍵信息，應(yīng)安排在注目率最高頁(yè)面位置，這個(gè)位置便是頁(yè)面最好視域。

圖1頁(yè)面設(shè)計(jì)輕松而具均衡形式感，把最好視域留給了橫貫頁(yè)面大banner

圖2作為個(gè)性化視覺元素，拼貼剪紙式文字分別占據(jù)了三個(gè)點(diǎn)，吸引視線在它們之間流動(dòng)大家閱讀材料時(shí)習(xí)慣根據(jù)從左到右，從上到下次序進(jìn)行。瀏覽者眼睛首先看到是頁(yè)面左上角，然后逐步往下看。依據(jù)這一習(xí)慣，設(shè)計(jì)時(shí)能夠把關(guān)鍵信息放在頁(yè)面左上角或頁(yè)面頂部，如企業(yè)標(biāo)志、最新消息等，然后按關(guān)鍵性依次放置其它內(nèi)容。關(guān)鍵信息應(yīng)該讓瀏覽者最輕易發(fā)覺，而不是深藏在多層鏈接以后。

圖3瀏覽者眼睛首先看到是頁(yè)面左上角（二）2視覺步驟類型

視覺步驟關(guān)鍵包含以下多個(gè)類型：線型視覺步驟、曲線視覺步驟、焦點(diǎn)視覺步驟、反復(fù)視覺步驟、導(dǎo)向視覺步驟、散點(diǎn)視覺步驟等。

2.1線型視覺步驟

線型視覺步驟，分為直線視覺步驟和曲線視覺步驟兩類。

圖4視覺步驟明確，形成清楚易讀頁(yè)面設(shè)計(jì)

圖5自由視覺步驟形成生動(dòng)活潑頁(yè)面設(shè)計(jì)1、直線視覺步驟

使頁(yè)面流動(dòng)線更為簡(jiǎn)明，直接地訴求專題內(nèi)容，有簡(jiǎn)練而強(qiáng)烈視覺效果。直線視覺步驟表現(xiàn)為三種形式：

豎向視覺步驟：給人堅(jiān)定、直觀感覺。

圖6明確、簡(jiǎn)練豎向視覺步驟橫向視覺步驟：有穩(wěn)定、恬靜之感。

圖7橫向視覺步驟，向大家傳達(dá)出穩(wěn)重、可信視覺

圖8橫向視覺步驟，使頁(yè)面穩(wěn)重直觀斜向視覺步驟：以不穩(wěn)定動(dòng)勢(shì)引發(fā)注意。

三）2.2曲線視覺步驟

曲線視覺步驟，是由視覺要素隨弧線或回旋線運(yùn)動(dòng)而形成。它不如直線視覺步驟直接簡(jiǎn)明，但更具流暢美感。曲線視覺步驟形式微妙而復(fù)雜，可概括為兩種形式：

弧線形（c形）視覺步驟：有擴(kuò)張感和方向感。

圖10弧線形視覺步驟，使頁(yè)面含有很強(qiáng)擴(kuò)張性

回旋形（s形）視覺步驟：兩個(gè)相反弧線則產(chǎn)生矛盾回旋，在平面中增加深度和動(dòng)感。

圖11回旋形視覺步驟，使頁(yè)面產(chǎn)生更多層次，空間感（四）2.3焦點(diǎn)視覺步驟

焦點(diǎn)，是指視覺心理焦點(diǎn)。每個(gè)頁(yè)面中全部有一個(gè)視覺焦點(diǎn)，這是需要關(guān)鍵處理對(duì)象。焦點(diǎn)是否突出，和頁(yè)面版式編排、圖文位置、色彩利用相關(guān)，同時(shí)也和對(duì)“焦點(diǎn)”著力描寫相關(guān)。在視覺心理作用下，焦點(diǎn)視覺步驟利用使專題更為鮮明、強(qiáng)烈。在具體處理上，通常沿著視覺焦點(diǎn)傾向和力度，來發(fā)展視線進(jìn)程。通常以鮮明形象或文字占據(jù)頁(yè)面某個(gè)位置，或完全充斥整版，集合瀏覽者視線，完成視覺心理上焦點(diǎn)建造。另外，向心、離心視覺運(yùn)動(dòng)，也是焦點(diǎn)視覺步驟利用形式。根據(jù)主從關(guān)系次序，使放大專題形象成為視覺焦點(diǎn)，以此來表示專題思想。

圖12利用圖片大小對(duì)比引發(fā)視覺流動(dòng)將文案作整體編排，突出專題形象。

圖13對(duì)專題圖片遮擋，引發(fā)瀏覽者一探到底愛好在專題形象四面增加空白量，使之成為視覺焦點(diǎn)。

圖14留白使頁(yè)面簡(jiǎn)約大方，愈加突出了專題

圖15