視覺流程及版式類型

（一）在視覺心理學(xué)家的研究中，視覺運(yùn)動(dòng)規(guī)律是其成果之一。一條垂直線在頁(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)烈地按照排列方向流動(dòng)。視覺流程，是視線在觀賞物上的移動(dòng)過程，是二維或三維空間中的運(yùn)動(dòng)。這種視覺的流動(dòng)線極為重要,同時(shí)又是很容易被網(wǎng)頁(yè)設(shè)計(jì)者忽視的因素.經(jīng)驗(yàn)豐富的設(shè)計(jì)者都對(duì)此非常重視，他們善于運(yùn)用這條貫穿頁(yè)面的主線，設(shè)計(jì)易于瀏覽的頁(yè)面。從某個(gè)角度講，視覺流程的設(shè)計(jì)結(jié)果就是版式。本章也將對(duì)網(wǎng)頁(yè)設(shè)計(jì)的版式設(shè)計(jì)進(jìn)行總結(jié)和闡述1。視覺流程的籌劃視覺流程是網(wǎng)頁(yè)版式設(shè)計(jì)的重要內(nèi)容，可以說(shuō)，視覺流程運(yùn)用的好壞，是設(shè)計(jì)者技巧成熟與否的表現(xiàn)。視覺流程的籌劃包括幾個(gè)重要的因素下面就對(duì)它們作具體的歸納與分析。頁(yè)面中不同的視域，注目程度不同，給人心理上的感受也不同。一般而言,上部給人輕快、漂浮、積極、高昂之感;下部給人壓抑、沉重、限制、穩(wěn)定的印象;左側(cè)，感覺輕便、自由、舒展，富于活力；右側(cè),感覺局促卻顯得莊重.網(wǎng)頁(yè)中最重要的信息，應(yīng)安排在注目率最高的頁(yè)面位置，這個(gè)位置便是頁(yè)面的最佳視域。A-imwn?ni?inCl:fqq*ygfli*i*I#ffeiigtfiratii.K^a--inii.ar-d^n?l"VFFfWWF4A-imwn?ni?inCl:fqq*ygfli*i*I#ffeiigtfiratii.K^a--inii.ar-d^n?l"VFFfWWF4W-tB.bm-pL?"■ddtgpti」vidvqO .,■，■』fuipiA<l*idi-aniJrfedIABljEjOL^liHJ.1?EehfldLK>h>nMidTfij^frrtiQ>|?>4iptdhrji,Efi^ki卜+iJ-iFFtt* ii詞JMr(2Ji>nMCfomedlaCVfn<OvET?-lq^.ri|JSn-HFvl??■">ir^iix->■AdslaAMHiii-T*H?ce[fAnonuaiccr*sn^nrinwrTB0dH-ttainia..*同g*b3 *g5■ .卜祐圳寺!^jj 力卜*"Pm5t匾時(shí)*5?HplOdvQijOAAf9^aM^iiv*4uilHpri-iv^LiCteTicHm— 左*4ph~c<wiixNchhi ft?■辨，dA?ph3itH*4wtmI啪■?pro-Lfafj|w+Ad4b?^wtajftapiII?rr.w*trTryAcrobat7.0Professional—freefor30days!IDMWoMlilrtf>>*a.JCMdigtrvgtatiekMicfA￡j^t”而切S7.^hh9?tlJ^tbr*■?>：vr1■圖1頁(yè)面的設(shè)計(jì)輕松而具均衡的形式感，把最佳視域留給了橫貫頁(yè)面的大banner圖2作為個(gè)性化的視覺元素，拼貼剪紙式的文字分別占據(jù)了三個(gè)點(diǎn)，吸引視線在它們之間流動(dòng)人們閱讀材料時(shí)習(xí)慣按照從左到右，從上到下的順序進(jìn)行.瀏覽者的眼睛首先看到的是頁(yè)面的左上角，然后逐漸往下看。根據(jù)這一習(xí)慣，設(shè)計(jì)時(shí)可以把重要信息放在頁(yè)面的左上角或頁(yè)面頂部，如公司的標(biāo)志、最新消息等，然后按重要性依次放置其他內(nèi)容。重要的信息應(yīng)該讓瀏覽者最容易發(fā)現(xiàn)，而不是深藏在多層鏈接之后。

DemandtheBestDemand2V\'ir^.Pfir■1■字MmSTt^^Wr1!TWCmY時(shí)。j^^hrf'j納曾bjMk^tB^iiKWM"**4*+<^4*'*A.^Mwh"rtt* r?-nsbW-TELMEX.MFEica-?i*T7JC*E3'^zfa-jJ-V4*P|5*r?i-ijiunv?Onimowrtamks⑶mrai-TELMEX.MFEica-?i*T7JC*E3'^zfa-jJ-V4*P|5*r?i-ijiunv?Onimowrtamks⑶mraiUHiBdvin^dEflM-idTr^meisrKJUiUJk^HjHUBLdhdindiur-iiMMJiril土iqi^Jw-*jJL_tklmwr?U\S^ihrMfluridmi<3wwHfrw--aPil中*5^15mIjL.TIEMI-圖3瀏覽者的眼睛首先看到的是頁(yè)面的左上角（二）2視覺流程類型視覺流程主要包括以下幾種類型：線型視覺流程、曲線視覺流程、焦點(diǎn)視覺流程、反復(fù)視覺流程、導(dǎo)向視覺流程、散點(diǎn)視覺流程等。2.1線型視覺流程線型視覺流程，分為直線視覺流程和曲線視覺流程兩類。E>DihmEiuiabxitoJin■?*Clr*"!RF<-<i,南言顫|!**1kii—■aY^IWnliEUMBtrndiM*iBm*3V5ri?^hE9WrTrBE>DihmEiuiabxitoJin■?*Clr*"!RF<-<i,南言顫|!**1kii—■aY^IWnliEUMBtrndiM*iBm*3V5ri?^hE9WrTrB'EnwCd-rcM^tJ'riHW'u?4niW4dhlBHNrnti-b1*"■S4CC-v*riCd-reH-iliali-UMi&皿*屁-IMHiPUPWEf■JIQUIII—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)定、恬靜之感。ODIV/VP*1**".O1 1痛U?IW<j4fm^arArr iftfiTMimE官umnE藉W曲閉沱im#r.曜*mtmccwwi-IMTROWGIMGGOCHVASME^1IMTROWGIMGGOCHVASME^1LIMITEDECX1IMTHWFLES■3"時(shí)■:f???mEMN*回5g* I制ITOHlITOHl四!OUWEXn 山此點(diǎn)取?心叫■UEEKgtfE-jSilJMS/ID/EAM4md：>m：NENLi.IUGh5?eVf*li*nniff~iflnri0Thn啟 ? “ ?- Cifl1E43iQO4VA圖7橫向的視覺流程，向人們傳達(dá)出穩(wěn)重、可信的視覺00=8Prp，rl^$ffpTH'WiajrppH00=8Prp，rl^$ffpTH'WiajrppH《pmunrlTX響NF"h^w.TTii hX響NF"h^w.TTii h牌F^FM**F0t45b?te4ph(i^printsr<tdicPrinty*LHemivt>prfarewr.'上H；-T*ewN■nOipNXH]liWM^acdsea?IIkW^acdsea?IIkWriB-ww-1-tUA-ilhH-^Ewli'lr「p^.Wflyni^f,pju^..*|r4由刺.VW"WFEiiJifiaftnirtnMimirdb|midkAUiw.wiiAQcdseerrpoujerpackKir-LEL」?En1、JW±?I?.、?：：!』Ik1fl■H，J■II"-rf^fZ板[Pr■.it)Jij-r;.!>命「『Wm_i Ktihng.Thur$TEd心■atarmgriMi*nu.rnaiffwrnaiffwmjtIa.firv■IvuJti|bujp『心“書■?i『心“書■?i p^-mq1.MW<S 廈+■■■ InjrfiHia.>3E +■■TE5f?n冒cwl^rt<b?ckfeapnrMn-f■n?4?i.r-Ai*vJibr*F.EniVarAr-Lradbc-at日■惘c~^4j■ndcji^cfTiJ4d匚hoisMlbjHiriE.ran...WdKflVa*LKWMOfg^r*sdrr^3-i*—5—￡<^eldU必0 WiVmiiiiMMtkof^ntc*M卜mit mdi*r*man...圖8橫向的視覺流程，使頁(yè)面穩(wěn)重直觀斜向視覺流程：以不穩(wěn)定的動(dòng)勢(shì)引起注意。

三）2。2曲線視覺流程曲線視覺流程，是由視覺要素隨弧線或回旋線運(yùn)動(dòng)而形成的。它不如直線視覺流程直接簡(jiǎn)明，但更具流暢的美感.曲線視覺流程的形式微妙而復(fù)雜，可概括為兩種形式：弧線形（c形）視覺流程：有擴(kuò)張感和方向感.爭(zhēng)IL立頊鬲1苗營(yíng)口調(diào)jfBwj：.副加enoih|制*n口U。|I*雨1經(jīng)wh。|廿*占1/曄|知?"電中|由里回也版珂現(xiàn)I魅舊判畚I垣頃I汕川hIHmrrNhF對(duì)Em蟲J般顫或隊(duì)屆I 加詢IIfcildiUhfe|l￡HIC^nlitfUs|SihjCh?d<XiHf|CMf口湖Lgin圖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)，這是需要重點(diǎn)處理的對(duì)象。焦點(diǎn)是否突出，和頁(yè)面版式編排、圖文的位置、色彩的運(yùn)用有關(guān)，同時(shí)也與對(duì)“焦點(diǎn)”著力描寫有關(guān)。在視覺心理作用下，焦點(diǎn)視覺流程的運(yùn)用使主題更為鮮明、強(qiáng)烈在具體的處理上，一般沿著視覺焦點(diǎn)的傾向與力度，來(lái)發(fā)展視線的進(jìn)程。通常以鮮明的形象或文字占據(jù)頁(yè)面某個(gè)位置，或完全充斥整版，集合瀏覽者的視線，完成視覺心理上的焦點(diǎn)建造。另外，向心、離心的視覺運(yùn)動(dòng)，也是焦點(diǎn)視覺流程的運(yùn)用形式。按照主從關(guān)系的順序，使放大