成都網(wǎng)站建設(shè)過(guò)程中,網(wǎng)頁(yè)的視覺(jué)流程設(shè)計(jì)是一個(gè)很好的很重要的設(shè)計(jì)部分,當(dāng)人們?cè)跒g覽網(wǎng)站界面的時(shí)候,視覺(jué)運(yùn)動(dòng)可以根據(jù)我們的設(shè)計(jì)成一定的方向和順序去了解我們的網(wǎng)站。而一個(gè)好的視覺(jué)流程,對(duì)用戶有一個(gè)很好的視覺(jué)引導(dǎo)。
那么什么叫視覺(jué)流程?
有心理學(xué)研究發(fā)現(xiàn),人的視覺(jué)流動(dòng)習(xí)慣,其實(shí)會(huì)在進(jìn)行觀察或閱讀時(shí),有一種自然的流動(dòng)習(xí)慣,最為普遍的就是:由左到右,由上到下,由左上沿著弧線向右下方流動(dòng),在流動(dòng)的過(guò)程中,這種流動(dòng)線稱做視覺(jué)動(dòng)線。
這種視覺(jué)動(dòng)線并不是絕對(duì)、不可改變,各個(gè)元素在設(shè)計(jì)師經(jīng)過(guò)精心的編排下,能夠很自然的引導(dǎo)用戶的視覺(jué)注意力,就可以改變視線的流向,使其按照設(shè)計(jì)者的意圖跟隨各個(gè)元素版塊之間而瀏覽,從而達(dá)到對(duì)用戶進(jìn)行視覺(jué)上的引導(dǎo),重新設(shè)定視覺(jué)流程。
理想上的視覺(jué)流程,需要有方向性和順序感,符合人們的心理順序和邏輯順序。在網(wǎng)頁(yè)中,靈活而合理的運(yùn)用視覺(jué)流程會(huì)提升用戶在網(wǎng)站上的停留時(shí)間。
那么網(wǎng)頁(yè)中的視覺(jué)流程是怎樣的呢?
1.先整后細(xì),先大后小,先看到大的物體再看到小的細(xì)節(jié)先看到文字“LET‘S TALK“然后才會(huì)注意到字里面的細(xì)節(jié)里面的細(xì)節(jié)
先看到圖片里的人物再看到文字,如果文字的比重較大,我們就會(huì)先看到文字,然后才會(huì)看到圖片
2.先強(qiáng)色后弱色,顏色鮮艷的比較容易吸引人的注意,比如紅色我們首先注意到的會(huì)是紅色的M,接下來(lái)才是灰色的B字,視線首先發(fā)現(xiàn)了由相對(duì)強(qiáng)烈的紅色M,然后才會(huì)發(fā)現(xiàn)灰色B,這說(shuō)明我們的大腦在接收眼睛傳達(dá)信息時(shí)候,首先分析了由強(qiáng)烈顏色組成部分的信息,其次才是分析弱色所傳遞的信息。
4.先近后遠(yuǎn),先實(shí)后虛,這就是為什么有些時(shí)候需要把背景虛化,目的就是突出前面所要展示的內(nèi)容先看到近處的人物后看到遠(yuǎn)處的人物,近實(shí)遠(yuǎn)虛(學(xué)過(guò)素描的人都知道這一理論)
5.先動(dòng)后靜,我們視線的注意力會(huì)根據(jù)某些變化而進(jìn)行轉(zhuǎn)移剛進(jìn)網(wǎng)站視線先跟隨動(dòng)態(tài)的,然后才看靜態(tài)的,當(dāng)網(wǎng)站某一元素運(yùn)動(dòng)變化時(shí)候(有些的還通過(guò)聲音傳遞信息),我們的視線自然而然的就轉(zhuǎn)移過(guò)去了。
視覺(jué)流程的設(shè)計(jì)1.不同的色彩給人的感覺(jué)給人的感覺(jué)耶不一樣,對(duì)比強(qiáng),純度高,亮度高。強(qiáng)色比弱色更讓人注意。
第一眼看到的是不是紅色?是不是感覺(jué)紅色在前,而灰色在向后?(紅色是前進(jìn)色)這就是視覺(jué)心理造成的,不同的顏色會(huì)給人不同的感受,也就是暖色的、鮮艷的比冷色的、暗淡的顏色更能抓住用戶的視線。
2.指示性的圖形和圖標(biāo)
成都網(wǎng)站建設(shè)當(dāng)一些的圖形與符號(hào)被我們所學(xué)習(xí)、記憶、運(yùn)用并賦予它特定的指向性意義時(shí),也會(huì)對(duì)我們的視覺(jué)流程進(jìn)行干擾與引導(dǎo)。例如箭頭、手勢(shì)等。
3.文字或特殊符號(hào)的引導(dǎo)
文字也是一種特殊的符號(hào),但它并不是被賦予了指向性的意義來(lái)對(duì)我們的視覺(jué)進(jìn)行引導(dǎo),而是通過(guò)含義上或內(nèi)容上的連貫性造成的引導(dǎo),如數(shù)字1、2、3、4或者英文的a、b、c、d、年份等。
4.動(dòng)態(tài)元素或聲音進(jìn)行引導(dǎo)
剛進(jìn)網(wǎng)站就會(huì)被這個(gè)頁(yè)面便會(huì)被這動(dòng)態(tài)效果將視線吸引過(guò)去,隨后就是一陣流行音樂(lè)的轟炸隨著HTML5發(fā)展的越來(lái)越快,已經(jīng)逐漸取代flash 。它的出現(xiàn)使得網(wǎng)頁(yè)頁(yè)面中的特殊效果愈發(fā)豐富
5.圖片或文字暗示性/指示性的引導(dǎo)我們首先看到卡通頭像/人物,其次我們會(huì)根據(jù)人物的視線方向看到文字及內(nèi)容
網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)中,圖形和文字的應(yīng)用關(guān)系到網(wǎng)頁(yè)設(shè)計(jì)的成功。合理、出彩的圖形能瞬間抓住人們的視線。暗示性引導(dǎo)是通過(guò)網(wǎng)頁(yè)中圖形元素對(duì)用戶進(jìn)行方向性的暗示,使用戶的視線沿著圖形所暗示的方向進(jìn)行聚焦
6.情感化設(shè)計(jì)上進(jìn)行引導(dǎo)
情感化不知識(shí)趣味這么簡(jiǎn)單,通過(guò)動(dòng)效、文案、卡通形象、彩蛋等等元素進(jìn)行情感化的引導(dǎo),通過(guò)某元素或事件,喚起用戶的情感共鳴,讓用戶去認(rèn)同,從而加深用戶對(duì)網(wǎng)頁(yè)的歸屬感,強(qiáng)化對(duì)網(wǎng)頁(yè)所傳遞的信息的記憶。人類的情感最為復(fù)雜,不同的人,不同的時(shí)期的情感都會(huì)產(chǎn)生很大的差異。認(rèn)知心理學(xué)研究認(rèn)為,人的大腦中已有的知識(shí)和知識(shí)結(jié)構(gòu)對(duì)人的行為和當(dāng)前的認(rèn)識(shí)活動(dòng)有決定作用。暗示的產(chǎn)生依賴于來(lái)自網(wǎng)頁(yè)中的元素以及用戶自身的信息。用戶在觀看網(wǎng)頁(yè)的同時(shí)受到其中某些元素的暗示或者刺激,大腦開(kāi)始搜索已有的經(jīng)驗(yàn)知識(shí)與其進(jìn)行對(duì)比,理解元素中的暗示性含義并對(duì)此產(chǎn)生反應(yīng),視線由此被干擾與引導(dǎo)。每個(gè)人頭腦中的知識(shí)由于其所處環(huán)境都不會(huì)完全相同,所以暗示性的視覺(jué)引導(dǎo)在選擇暗示性圖像時(shí)要考慮到人與人之間的知識(shí)與文化差異,盡量選擇簡(jiǎn)單明了,大眾化的暗示性圖像。
視覺(jué)流程在網(wǎng)頁(yè)中的運(yùn)用方法將視覺(jué)流程合理的用于設(shè)計(jì),從選取視覺(jué)中心、吸引用戶的注意力開(kāi)始,到視覺(jué)流向的誘導(dǎo),頁(yè)面布局的規(guī)劃,再到最后印象的留存為止,這就是網(wǎng)頁(yè)視覺(jué)流程設(shè)計(jì)。運(yùn)用方法 1,思考網(wǎng)頁(yè)大概框架 2.對(duì)網(wǎng)站頁(yè)面布局的進(jìn)行規(guī)劃和調(diào)整 3,吸引用戶的注意力,視覺(jué)上的誘導(dǎo) 4.成功傳達(dá)信息給用戶 5,用戶對(duì)網(wǎng)站的印象存留
成都網(wǎng)站建設(shè)可以說(shuō)把握好視覺(jué)流程,那么在網(wǎng)站建設(shè)中將會(huì)起到事半功倍的作用,視覺(jué)流程設(shè)計(jì)會(huì)為你的網(wǎng)站留住客戶,更是提高轉(zhuǎn)化率的一大利器。
免費(fèi)咨詢:18838171308