發(fā)布日期:2015/5/11 14:51:07
網(wǎng)站制作視覺配圖缺少不了頁面設(shè)計 一般我們做網(wǎng)站建設(shè)的都會比較重視網(wǎng)站頁面的設(shè)計,頁面設(shè)計當(dāng)然少不了網(wǎng)站的配圖。配圖是不包括信息量的,而人的視覺比較注重從左邊開端,左圖右文字的視覺動線是一個連續(xù)的「Z」,而非一條向下的直線,已然配圖不包括信息量,那么把它挪到右側(cè),也就不會對視覺動線構(gòu)成攪擾,便利用戶疾速(豎直)地閱讀文章標(biāo)題。一起還能對左邊列表和右側(cè)欄進(jìn)行分隔。起初我大約也算被說服了,究竟「圖像的信息量」一聽就覺得好巨大上,如同很有道理的姿態(tài)。直到近來,網(wǎng)站接近上線,主頁也早已成型,故而長期調(diào)查的時機(jī)逐步多了起來,久而久之,便發(fā)現(xiàn)其間的「不對勁」:
1、「信息量」的確不假,但信息量再低,圖像終歸是圖像,終歸要比文字抓人眼球,因此右圖左文字構(gòu)造下的用戶的視覺動線只會是一個從標(biāo)題到配圖再到標(biāo)題的加寬版的「Z」。
因此把標(biāo)題和配圖分這么開,也許的成果往往是「累感不愛」,所以便疾速(豎直)只閱讀標(biāo)題/配圖完事,究竟旅程太長了。
2、而在左圖右文字構(gòu)造下,雖然視覺動線仍時不時呈「Z」型,但比起右圖左文字構(gòu)造,旅程明顯要短得多。即使用戶僅僅疾速環(huán)視配圖/標(biāo)題,也很簡單經(jīng)過余光調(diào)查or疾速切換到相應(yīng)的標(biāo)題/配圖。
3、此外,從微觀規(guī)劃角度而言,左圖右文字構(gòu)造下,標(biāo)題能夠處在頁面的水平中部區(qū)域,不至于讓人覺得頁面太寬,眼球要跑好遠(yuǎn)。加之左邊配圖與右側(cè)欄所構(gòu)成的壁壘,又加之在視覺上營建出了不可逾越感,使得新聞有些看起來會短些。 或者說,它就像一個漢堡相同,把主要內(nèi)容的有些夾在了中心,這在某種意義上恰恰突出了新聞內(nèi)容;而右圖左文字構(gòu)造,正如BOSS所想要的那樣,對擺布進(jìn)行了分隔——事實是我們網(wǎng)站右側(cè)欄的內(nèi)容的確和別人家新聞博客太不相同,做一些區(qū)隔多少也是需要的——但這種構(gòu)造卻是把用戶關(guān)懷的有些甩在了左邊,因此右側(cè)欄也就離用戶更遙遠(yuǎn)了,這恐怕不是初衷。
4、終,左圖右文字構(gòu)造下,眼球從標(biāo)題向右移動至配圖時,右側(cè)是沒有不可逾越的,換言之,此刻用戶將下意識地面對:①看右側(cè)欄亦或者②折回看下一篇?。矀€挑選;而左圖右文字構(gòu)造呢?正如第2點所述,眼球能夠輕松地在配圖和標(biāo)題之間來回?fù)u擺,而不至于分心至間隔較遠(yuǎn)的右側(cè)欄,因此從部分聯(lián)系上來看,也是左圖右文字構(gòu)造更勝一籌。
所以一般看來,網(wǎng)站制作的配圖部分還是要專業(yè)設(shè)計一下視覺效果才能達(dá)到,這一點新任站長們可不能掉以輕心哦!
以上講解由合肥衛(wèi)來網(wǎng)絡(luò)科技有限公司官方小王講解提供,關(guān)于網(wǎng)頁設(shè)計中配圖知識請關(guān)注官方網(wǎng)站詳細(xì)了解溝通:http://meiyijiagou.cn/