對(duì)于有些設(shè)計(jì)項(xiàng)目來(lái)說(shuō),老套的設(shè)計(jì)模式并不奏效,你需要設(shè)計(jì)的大點(diǎn),要比以往設(shè)計(jì)的元素還要大,因此就非常適合采用超大網(wǎng)頁(yè)布局。無(wú)論是采用大塊大塊的背景照片還是背景視頻,超大網(wǎng)頁(yè)布局的效果非常顯著:極具視覺(jué)沖擊力,吸引用戶注意力。
但是超大網(wǎng)頁(yè)布局有什么訣竅呢?這里我們通過(guò)案例給出一些建議。
大的好處
超大網(wǎng)頁(yè)布局最明顯的好處便是具備極強(qiáng)的視覺(jué)沖擊力(就像上圖的妹子一樣,想知道妹子是誰(shuí)咩?私信優(yōu)設(shè)哥唄)。
使用大型的界面元素或者圖像,可以有效的引導(dǎo)用戶駐足、觀看、點(diǎn)擊你的網(wǎng)頁(yè),超大網(wǎng)頁(yè)布局本質(zhì)上能夠虛擬提升網(wǎng)站的功效。
視差滾動(dòng)對(duì)于超大網(wǎng)頁(yè)布局來(lái)說(shuō),非常合適,同時(shí)采用視差動(dòng)和超大網(wǎng)頁(yè)布局的網(wǎng)站效果非常棒,網(wǎng)頁(yè)的每一塊區(qū)域,都包含著方便用戶交互的超大元素。
超大圖片和視頻的顯示效果顯著,可以作為頁(yè)面的背景,也可以僅僅就是一張圖像,能夠營(yíng)造優(yōu)秀的視覺(jué)效果。這里不推薦使用一些普通的、平凡的照片作為大圖,推薦使用一些異常吸引人的,效果顯著的照片。
好的作品要極力展示。好的作品要配以優(yōu)秀的圖像和文字。大字所帶來(lái)的象征性意義不只是字面上的,還能帶來(lái)一種”重要“的感覺(jué),讓人難以忘記。當(dāng)頁(yè)面中句子比較簡(jiǎn)潔、直截了當(dāng)?shù)臅r(shí)候,建議使用這種超大文本的布局方式。
作品集網(wǎng)站就很適合采用超大設(shè)計(jì)——對(duì)于設(shè)計(jì)師、藝術(shù)家、攝影師來(lái)說(shuō),大圖片很便于展示他們的作品,強(qiáng)調(diào)他們的視覺(jué)風(fēng)格。
零售類和食物類網(wǎng)站也很適合采用超大網(wǎng)頁(yè)設(shè)計(jì),那么大的誘人圖像,詳細(xì)的產(chǎn)品細(xì)節(jié),誰(shuí)看了不動(dòng)心?
建議:將網(wǎng)頁(yè)設(shè)計(jì)的”大”一點(diǎn)
并不是頁(yè)面中的每個(gè)元素、每一部分都必須大。巧妙的搭配和組合更為重要,這樣才能達(dá)到最好的視覺(jué)沖擊。
kinhr
聚焦圖像
大圖像必須清晰、深刻、傳遞強(qiáng)烈深刻的信息。如果你的網(wǎng)站出售一些商品,那么這些商品的圖像必須清晰。如果網(wǎng)站是關(guān)于食物,那么盡可能多的展示出食物、菜品的細(xì)節(jié)。最好的大圖網(wǎng)頁(yè)設(shè)計(jì)既能保持色彩的繽紛多樣,又能保持整個(gè)頁(yè)面的可讀性。因此必須選取一流的圖片,盡量避免使用圖片庫(kù)中的圖片,因?yàn)槟阍谟眠@種圖片,別的公司可能也在用,只有獨(dú)一無(wú)二才能保證吸引力。
eshbeata
設(shè)計(jì)優(yōu)美的字體
如果手頭沒(méi)有合適的、優(yōu)秀的大圖,那么可以考慮一下字體設(shè)計(jì),可以使用一些超過(guò)85磅的字體,新奇的字體也能帶來(lái)極強(qiáng)的視覺(jué)沖擊。試著將字體與色彩結(jié)合,逐漸調(diào)整,以達(dá)到最好的效果。
holler
盡量使用標(biāo)準(zhǔn)的導(dǎo)航方式
超大網(wǎng)頁(yè)布局設(shè)計(jì)適合使用簡(jiǎn)單的導(dǎo)航方式。錨導(dǎo)航工具就很不錯(cuò)。
可以自己想想,自己探索一下下面的三個(gè)問(wèn)題。
導(dǎo)航對(duì)于網(wǎng)站來(lái)說(shuō)有多重要?這些導(dǎo)航元素也需要放大嗎?還是這種布局情況下,標(biāo)準(zhǔn)的導(dǎo)航工作起來(lái)更奏效?
skewedicons
正確用色
用色要具有沖擊力,要和整體一致。因?yàn)橐磺性囟甲兇罅耍虼松实膮^(qū)域也變大了。色彩必須配合好其他元素更好的工作,通過(guò)色彩來(lái)創(chuàng)造視覺(jué)上的對(duì)照和強(qiáng)調(diào)。
smokeybones
一定的效果限制
盡量限制一下超大網(wǎng)頁(yè)設(shè)計(jì)的效果,比如動(dòng)效、視差滾動(dòng)等等,如果效果太多,用戶會(huì)感到太繁瑣。最好只添加一種頁(yè)面特效。
themetrus
保持簡(jiǎn)約
這個(gè)還用說(shuō)嗎?我覺(jué)得理所當(dāng)然,保持簡(jiǎn)約,大的元素才能突出,大的網(wǎng)頁(yè)設(shè)計(jì)才有意義。如果有些元素非常值得”大”書(shū)特書(shū),適合做的大一點(diǎn),那么盡量保持頁(yè)面簡(jiǎn)約,別讓其他復(fù)雜的元素干擾了用戶的視覺(jué)注意力。
不是每個(gè)設(shè)計(jì)項(xiàng)目都適合采用超大設(shè)計(jì)
跟其他設(shè)計(jì)工具一樣,超大設(shè)計(jì)不是萬(wàn)能的,并不是適合所有的項(xiàng)目,而且設(shè)計(jì)起來(lái)也不是很容易。
首先,必須要有合適的超大元素來(lái)保證效果??纯瓷厦娴倪@些網(wǎng)站,他們都通過(guò)大號(hào)元素打造了視覺(jué)焦點(diǎn)——圖像、字體、顏色塊、背景圖像。這就是超大設(shè)計(jì)的本質(zhì)。如果沒(méi)有特別合適的這種素材,那么建議不要采用超大設(shè)計(jì)。
強(qiáng)扭的瓜不甜,不要強(qiáng)迫自己使用這種設(shè)計(jì)。其實(shí)有的元素在尺寸較小的情況小比較奏效,那把它放大就不值得了。
超大網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)在于——元素實(shí)際上尺寸很大,但瀏覽起來(lái)感覺(jué)上不大,主要為突出內(nèi)容而服務(wù),一種平衡的藝術(shù)。
本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
標(biāo)題名稱:針對(duì)超大網(wǎng)頁(yè)布局的一些思考和建議
網(wǎng)站路徑:http://jinyejixie.com/news28/313878.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)公司、手機(jī)網(wǎng)站建設(shè)、服務(wù)器托管、網(wǎng)站建設(shè)、App設(shè)計(jì)、網(wǎng)站制作
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)