1)網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)流程策劃
視覺(jué)流程,原本是二維或三維空間中一種視線的運(yùn)動(dòng)。在網(wǎng)頁(yè)設(shè)計(jì)中,這種“視線的運(yùn)動(dòng)”將引導(dǎo)瀏覽者的閱讀視線隨各視覺(jué)元素在網(wǎng)頁(yè)版面中沿一定軌跡運(yùn)動(dòng)。視覺(jué)流程是網(wǎng)頁(yè)版式設(shè)計(jì)的重要內(nèi)容,根據(jù)不同的網(wǎng)頁(yè)類型與風(fēng)格所策劃的視覺(jué)流程對(duì)于塑造網(wǎng)頁(yè)版面的個(gè)性特征,以及確定網(wǎng)頁(yè)版面的信息層次具有至關(guān)重要的作用。視覺(jué)流程使得網(wǎng)頁(yè)版面的整體效果完整和諧,能夠增加網(wǎng)頁(yè)作品的視覺(jué)愉悅感。
在網(wǎng)頁(yè)視覺(jué)流程的策劃中,第一步是將網(wǎng)頁(yè)中最重要的信息安排在頁(yè)面注目率最高的地方,即頁(yè)面的最佳視域,以便能夠在極短的時(shí)間內(nèi)迅速捕捉到瀏覽者的目光;第二步是在頁(yè)面視覺(jué)流程的指導(dǎo)下,有條不紊地安排頁(yè)面的各類信息內(nèi)容,以達(dá)到傳遞信息的目的,最終形成瀏覽者對(duì)網(wǎng)頁(yè)的印象存留。
2)網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)流程的類型
網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)流程主要包括單向視覺(jué)流程、曲線視覺(jué)流程、焦點(diǎn)視覺(jué)流程、反復(fù)視覺(jué)流程、導(dǎo)向視覺(jué)流程、散點(diǎn)視覺(jué)流程等類型。不同的視覺(jué)流程具有不同的性格特征,可以表達(dá)不同的感情傾向。
1、單向視覺(jué)流程。單向視覺(jué)流程可以表現(xiàn)為橫向、縱向和斜向三種形式,簡(jiǎn)而言之就是網(wǎng)頁(yè)版面的圖形、文字、符號(hào)等視覺(jué)要素以或橫向、或縱向、或斜向的方式組織構(gòu)圖。單向視覺(jué)流程使得頁(yè)面結(jié)構(gòu)更加清晰明了,直接觸及訴求主題,視覺(jué)效果簡(jiǎn)潔而強(qiáng)烈。
其中,橫向視覺(jué)流程能傳達(dá)出單純、穩(wěn)定、恬靜的視覺(jué)感受和性格特征??v向視覺(jué)流程給瀏覽者帶來(lái)的是堅(jiān)定、直接和端莊的頁(yè)面印象和視覺(jué)效果。
如栗說(shuō)橫向和縱向視覺(jué)流程給瀏覽者以靜態(tài)的視覺(jué)享受,斜向視覺(jué)流程則是以動(dòng)態(tài)的視覺(jué)力量吸引瀏覽者,它能以不穩(wěn)定的動(dòng)勢(shì)、動(dòng)感活潑的視覺(jué)效果給瀏覽者留下深刻的視覺(jué)印象。
2、曲線視覺(jué)流程。這是指頁(yè)面各視覺(jué)要素隨弧線或回旋線運(yùn)動(dòng)變化的視覺(jué)流程,可歸納為弧線形(C形)視覺(jué)流程和回旋線形(SB)視覺(jué)流程兩種。曲線視覺(jué)流程所構(gòu)成的頁(yè)面結(jié)構(gòu)呈不如單向視覺(jué)流程那樣簡(jiǎn)潔明了,但卻更具有飄逸流暢的視覺(jué)美感。
弧線形(C形)視覺(jué)流程具有擴(kuò)張感和方向感,能夠増加頁(yè)面的視覺(jué)力度。
回旋線形(SB)視覺(jué)流程能帶來(lái)具有節(jié)奏感和韻律感的動(dòng)態(tài)效果,使頁(yè)面呈現(xiàn)出靈動(dòng)、周全的性格情緒特征。
3、焦點(diǎn)視覺(jué)流程。它通常是指以鮮明的主題視覺(jué)要素占據(jù)頁(yè)面最能成為視覺(jué)焦點(diǎn)的位置或醫(yī)域,以聚焦瀏覽者的視線,形成視覺(jué)與心理上的焦點(diǎn)建造,使網(wǎng)頁(yè)主題更加鮮明突出。使用焦點(diǎn)視覺(jué)流程的網(wǎng)站頁(yè)面中,焦點(diǎn)的設(shè)計(jì)表現(xiàn)至關(guān)重要,焦點(diǎn)的形式、色彩、編排的層次關(guān)系都決定著頁(yè)面的結(jié)構(gòu)關(guān)系與視覺(jué)效果的成敗。焦點(diǎn)視覺(jué)流程從具體表現(xiàn)形式可以分為中心視覺(jué)流程、向心視覺(jué)流程與離心視覺(jué)流程三種形式。
中心視覺(jué)流程將視覺(jué)要素編排組合在頁(yè)面的中心位置,周?chē)O(shè)計(jì)有大量空白區(qū)域進(jìn)行對(duì)比,視覺(jué)形象效果突出而強(qiáng)烈,可傳達(dá)出權(quán)威、端莊的情向心視覺(jué)流程以頁(yè)面主題形象為中心,形成強(qiáng)大的視覺(jué)磁場(chǎng),引導(dǎo)其余視覺(jué)要素以向內(nèi)集中的方式圍繞該主題形象進(jìn)行編排。這種方式明確突出了主題形象的地位和與其他視覺(jué)要素的層次關(guān)系,盡顯單純和活潑的視覺(jué)效應(yīng)。
4、導(dǎo)向視覺(jué)流程。是指通過(guò)在頁(yè)面設(shè)置誘導(dǎo)性視覺(jué)元素,引導(dǎo)瀏覽者視線沿一定方向做順序運(yùn)動(dòng),由主及次,把頁(yè)面各構(gòu)成要素串聯(lián)起來(lái)形成一個(gè)有機(jī)的整體,使頁(yè)面重點(diǎn)突出、條理清晰,發(fā)揮最大的信息傳達(dá)功能。網(wǎng)頁(yè)中導(dǎo)向的形式多樣,有虛有實(shí),有直接的形象表現(xiàn),也有間接的心理暗示。因此,導(dǎo)向視覺(jué)流程大致可以分為文字導(dǎo)向、手勢(shì)導(dǎo)向、形象導(dǎo)向和視線導(dǎo)向四種類型。
文字導(dǎo)向視覺(jué)流程是指通過(guò)頁(yè)面中設(shè)置的文字的語(yǔ)義表達(dá)來(lái)引導(dǎo)瀏覽者產(chǎn)生理念上的導(dǎo)向作用。用于導(dǎo)向的文字通常經(jīng)過(guò)設(shè)計(jì)處理,能夠在第一時(shí)間抓住瀏覽者視線,發(fā)揮其導(dǎo)向作用,使得頁(yè)面重點(diǎn)突出、條理清晰。勢(shì)來(lái)引導(dǎo)瀏覽者的閱讀視線,比起文字導(dǎo)向視覺(jué)流程顯得更為生動(dòng)、親切,在信息傳達(dá)方面更具有視覺(jué)上的凝聚力,盡顯人性關(guān)懷與溫情脈脈。
形象導(dǎo)向視覺(jué)流程,是指利用具象的形象或抽象的符號(hào)來(lái)引導(dǎo)瀏覽者視線的頁(yè)面排列構(gòu)成方式,它可以使得頁(yè)面信息的瀏覽層次更加清晰與明確。
視線導(dǎo)向視覺(jué)流程,是指利用頁(yè)面中人物形象的視線對(duì)瀏覽者產(chǎn)生引導(dǎo)效應(yīng),將重要的信息內(nèi)容進(jìn)行有序排列,形成人物視線與信息內(nèi)容之間引導(dǎo)與被引導(dǎo)的關(guān)系。該視覺(jué)流程的運(yùn)用能夠使頁(yè)面產(chǎn)生統(tǒng)一的視覺(jué)方向感,引導(dǎo)瀏覽者有效地瀏覽網(wǎng)頁(yè)的主要信息;同時(shí),通過(guò)視線的導(dǎo)向,會(huì)增加頁(yè)面的方向感和視覺(jué)張力,加強(qiáng)瀏覽者的心理暗示,使傳達(dá)效果深入人心。
5、散點(diǎn)視覺(jué)流程。是指將視覺(jué)要素在頁(yè)面上作自由分散的排列構(gòu)成,以形成一種隨意、個(gè)性的頁(yè)面效果,給瀏覽者帶來(lái)輕松、自在、生動(dòng)有趣的視覺(jué)體驗(yàn)。在散點(diǎn)視覺(jué)流程的頁(yè)面編排中,要注意統(tǒng)一視覺(jué)元素之間在風(fēng)格或表現(xiàn)方面的共同點(diǎn),以確保頁(yè)面效果的變化與統(tǒng)一。
免費(fèi)學(xué)習(xí)課堂
- 免費(fèi)推廣知識(shí)
- 競(jìng)價(jià)推廣知識(shí)
- 新媒體營(yíng)銷(xiāo)知識(shí)
- 網(wǎng)站運(yùn)營(yíng)知識(shí)
- 網(wǎng)站設(shè)計(jì)知識(shí)
- 網(wǎng)站建設(shè)知識(shí)
- Web前端知識(shí)
- 軟文營(yíng)銷(xiāo)知識(shí)
- 網(wǎng)站策劃知識(shí)
- 整合營(yíng)銷(xiāo)
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件
- 整頓微信公眾號(hào)過(guò)度營(yíng)銷(xiāo) 對(duì)嚴(yán)重違
- SEO優(yōu)化過(guò)程要避免什么?
- 網(wǎng)站空間被掛馬的原因原因及解決
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營(yíng)銷(xiāo)
- WEB前端項(xiàng)目開(kāi)發(fā)中需注意的細(xì)節(jié)
- 低價(jià)網(wǎng)站建設(shè)的危害有哪些?
- 如何詳細(xì)的分析你網(wǎng)站的競(jìng)爭(zhēng)對(duì)手
- 網(wǎng)站設(shè)計(jì)中四個(gè)常犯的錯(cuò)誤
- 如何搭配網(wǎng)站設(shè)計(jì)中的色彩?
網(wǎng)站建設(shè)過(guò)程中的視覺(jué)流程非常重要
來(lái)源:北京匯仁智杰科技有限公司 時(shí)間:2016-03-25 點(diǎn)擊: 次
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件2016-09-05
- 整頓微信公眾號(hào)過(guò)度營(yíng)銷(xiāo) 對(duì)嚴(yán)重違2016-01-26
- SEO優(yōu)化過(guò)程要避免什么?2016-01-26
- 網(wǎng)站空間被掛馬的原因原因及解決2016-01-26
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營(yíng)銷(xiāo)2016-01-26
- WEB前端項(xiàng)目開(kāi)發(fā)中需注意的細(xì)節(jié)2016-01-26
- 低價(jià)網(wǎng)站建設(shè)的危害有哪些?2016-01-15
- 如何詳細(xì)的分析你網(wǎng)站的競(jìng)爭(zhēng)對(duì)手2015-06-10
- 網(wǎng)站設(shè)計(jì)中四個(gè)常犯的錯(cuò)誤2015-01-22
- 如何搭配網(wǎng)站設(shè)計(jì)中的色彩?2015-01-22