對(duì)于有些設(shè)計(jì)項(xiàng)目來說，老套的設(shè)計(jì)模式并不奏效，你需要設(shè)計(jì)的大點(diǎn)，要比以往設(shè)計(jì)的元素還要大，因此就非常適合采用超大網(wǎng)頁布局。無論是采用大塊大塊的背景照片還是背景視頻，超大網(wǎng)頁布局的效果非常顯著：極具視覺沖擊力，吸引用戶注意力。

但是超大網(wǎng)頁布局有什么訣竅呢？這里我們通過案例給出一些建議。

大的好處

超大網(wǎng)頁布局最明顯的好處便是具備極強(qiáng)的視覺沖擊力（就像上圖的妹子一樣，想知道妹子是誰咩？私信優(yōu)設(shè)哥唄）。 使用大型的界面元素或者圖像，可以有效的引導(dǎo)用戶駐足、觀看、點(diǎn)擊你的網(wǎng)頁，超大網(wǎng)頁布局本質(zhì)上能夠虛擬提升網(wǎng)站的功效。

視差滾動(dòng)對(duì)于超大網(wǎng)頁布局來說，非常合適，同時(shí)采用視差動(dòng)和超大網(wǎng)頁布局的網(wǎng)站效果非常棒，網(wǎng)頁的每一塊區(qū)域，都包含著方便用戶交互的超大元素。

超大圖片和視頻的顯示效果顯著，可以作為頁面的背景，也可以僅僅就是一張圖像，能夠營造優(yōu)秀的視覺效果。這里不推薦使用一些普通的、平凡的照片作為大圖，推薦使用一些異常吸引人的，效果顯著的照片。

好的作品要極力展示。好的作品要配以優(yōu)秀的圖像和文字。大字所帶來的象征性意義不只是字面上的，還能帶來一種”重要“的感覺，讓人難以忘記。當(dāng)頁面中句子比較簡(jiǎn)潔、直截了當(dāng)?shù)臅r(shí)候，建議使用這種超大文本的布局方式。

作品集網(wǎng)站就很適合采用超大設(shè)計(jì)——對(duì)于設(shè)計(jì)師、藝術(shù)家、攝影師來說，大圖片很便于展示他們的作品，強(qiáng)調(diào)他們的視覺風(fēng)格。

零售類和食物類網(wǎng)站也很適合采用超大網(wǎng)頁設(shè)計(jì)，那么大的誘人圖像，詳細(xì)的產(chǎn)品細(xì)節(jié)，誰看了不動(dòng)心？

建議：將網(wǎng)頁設(shè)計(jì)的”大”一點(diǎn)

并不是頁面中的每個(gè)元素、每一部分都必須大。巧妙的搭配和組合更為重要，這樣才能達(dá)到最好的視覺沖擊。

kinhr

聚焦圖像

大圖像必須清晰、深刻、傳遞強(qiáng)烈深刻的信息。如果你的網(wǎng)站出售一些商品，那么這些商品的圖像必須清晰。如果網(wǎng)站是關(guān)于食物，那么盡可能多的展示出食物、菜品的細(xì)節(jié)。最好的大圖網(wǎng)頁設(shè)計(jì)既能保持色彩的繽紛多樣，又能保持整個(gè)頁面的可讀性。因此必須選取一流的圖片，盡量避免使用圖片庫中的圖片，因?yàn)槟阍谟眠@種圖片，別的公司可能也在用，只有獨(dú)一無二才能保證吸引力。

eshbeata

設(shè)計(jì)優(yōu)美的字體

如果手頭沒有合適的、優(yōu)秀的大圖，那么可以考慮一下字體設(shè)計(jì)，可以使用一些超過85磅的字體，新奇的字體也能帶來極強(qiáng)的視覺沖擊。試著將字體與色彩結(jié)合，逐漸調(diào)整，以達(dá)到最好的效果。

holler

盡量使用標(biāo)準(zhǔn)的導(dǎo)航方式

超大網(wǎng)頁布局設(shè)計(jì)適合使用簡(jiǎn)單的導(dǎo)航方式。錨導(dǎo)航工具就很不錯(cuò)。 可以自己想想，自己探索一下下面的三個(gè)問題。

導(dǎo)航對(duì)于網(wǎng)站來說有多重要？這些導(dǎo)航元素也需要放大嗎？還是這種布局情況下，標(biāo)準(zhǔn)的導(dǎo)航工作起來更奏效？

skewedicons

正確用色

用色要具有沖擊力，要和整體一致。因?yàn)橐磺性囟甲兇罅?，因此色彩的區(qū)域也變大了。色彩必須配合好其他元素更好的工作，通過色彩來創(chuàng)造視覺上的對(duì)照和強(qiáng)調(diào)。

smokeybones

一定的效果限制

盡量限制一下超大網(wǎng)頁設(shè)計(jì)的效果，比如動(dòng)效、視差滾動(dòng)等等，如果效果太多，用戶會(huì)感到太繁瑣。最好只添加一種頁面特效。

themetrus

保持簡(jiǎn)約

這個(gè)還用說嗎？我覺得理所當(dāng)然，保持簡(jiǎn)約，大的元素才能突出，大的網(wǎng)頁設(shè)計(jì)才有意義。如果有些元素非常值得”大”書特書，適合做的大一點(diǎn)，那么盡量保持頁面簡(jiǎn)約，別讓其他復(fù)雜的元素干擾了用戶的視覺注意力。

不是每個(gè)設(shè)計(jì)項(xiàng)目都適合采用超大設(shè)計(jì)

跟其他設(shè)計(jì)工具一樣，超大設(shè)計(jì)不是萬能的，并不是適合所有的項(xiàng)目，而且設(shè)計(jì)起來也不是很容易。

首先，必須要有合適的超大元素來保證效果?？纯瓷厦娴倪@些網(wǎng)站，他們都通過大號(hào)元素打造了視覺焦點(diǎn)——圖像、字體、顏色塊、背景圖像。這就是超大設(shè)計(jì)的本質(zhì)。如果沒有特別合適的這種素材，那么建議不要采用超大設(shè)計(jì)。

強(qiáng)扭的瓜不甜，不要強(qiáng)迫自己使用這種設(shè)計(jì)。其實(shí)有的元素在尺寸較小的情況小比較奏效，那把它放大就不值得了。 超大網(wǎng)頁設(shè)計(jì)的藝術(shù)在于——元素實(shí)際上尺寸很大，但瀏覽起來感覺上不大，主要為突出內(nèi)容而服務(wù)，一種平衡的藝術(shù)。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

標(biāo)題名稱：針對(duì)超大網(wǎng)頁布局的一些思考和建議
網(wǎng)站路徑：http://www.rwnh.cn/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í)需注明來源： 創(chuàng)新互聯(lián)