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