網(wǎng)頁(yè)核心內(nèi)容對(duì)視覺(jué)表現(xiàn)的影響
日期:12-07 瀏覽次數(shù):20
“對(duì)信息的優(yōu)化和提煉永遠(yuǎn)都是設(shè)計(jì)的先進(jìn)步。”這是百度聯(lián)盟用戶體驗(yàn)中心Banner上的一句話。在自己做網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中,越來(lái)越對(duì)這樣的概括有了切身的體會(huì)和想法。當(dāng)然,這句精煉的句子其實(shí)包含了非常多的內(nèi)容,我個(gè)人認(rèn)為,至少包括這四個(gè)方面:一、從網(wǎng)站的整個(gè)訴求來(lái)講,網(wǎng)頁(yè)上需要放置哪些信息才能更好的實(shí)現(xiàn)網(wǎng)站的訴求?哪些信息是需要保留的?而哪些信息是需要放置在其他頁(yè)面甚至干脆舍棄掉的?二、對(duì)于已經(jīng)確定放置于頁(yè)面的信息,如何更好的撰寫(xiě)文字、挑選圖片才能達(dá)成功能性和視覺(jué)上美觀的完美統(tǒng)一?三、區(qū)分信息的重要程度,哪些是重要的,需要著重表現(xiàn)的?而哪些是次要一些的信息?四、區(qū)分出信息的主次后,在布局、色彩、尺寸上,即在視覺(jué)上如何更好的突出和表現(xiàn)?
核心內(nèi)容對(duì)于頁(yè)面布局的影響
我們可以看到,在宣傳口號(hào)上設(shè)計(jì)師給”wordpress”這個(gè)詞應(yīng)用了非常大的文字尺寸,并且顏色上和其他文字區(qū)別開(kāi),使用了較深的灰色,強(qiáng)調(diào)本公司是建設(shè)專門(mén)以wordpress為后臺(tái)的網(wǎng)站。在宣傳口號(hào)的下方的作品展示圖的尺寸很大,寬度達(dá)到了540像素,而整個(gè)的設(shè)計(jì)寬度是1000像素,在主頁(yè)上這樣大尺寸的展示圖能夠非常清晰而直接的讓客戶看到作品的原貌,從而對(duì)于公司的制作水準(zhǔn)有了一個(gè)直觀的印象。而這樣的大尺寸的作品展示其實(shí)已經(jīng)隱約的決定了整個(gè)網(wǎng)站的布局。想想看,在屏幕的左上方區(qū)域擺放上一個(gè)寬540像素,高460像素的矩形之后,接下來(lái)的區(qū)域該放置哪些信息,其實(shí)就像是擺放積木一樣,按照重要程度挨個(gè)放置就行了。當(dāng)然這并非是唯一的布局方式,但是無(wú)論何種布局方式,我們的想法都應(yīng)該在功能性的考慮的范圍內(nèi)進(jìn)行。所以創(chuàng)意我們可以有,但是要明白和天馬行空的純創(chuàng)意的區(qū)別。
如果上面的頁(yè)面布局仍然讓人覺(jué)得中規(guī)中矩的話,下面的一個(gè)酒店的主頁(yè)的布局也許會(huì)讓我們感覺(jué)有些新意。可以看到,此設(shè)計(jì)的背景用了大幅的食物圖片,導(dǎo)航和主內(nèi)容區(qū)只占到整個(gè)頁(yè)面高度的三分之一,讓背景的圖片大面積的呈現(xiàn)出來(lái),和上面的設(shè)計(jì)一樣,這樣布局的目的并非單純是為了標(biāo)新立異或者是為了視覺(jué)上的美觀,而是該酒店的特色也許就在于餐飲方面,所以為了對(duì)核心內(nèi)容進(jìn)行突出,在布局上做了相應(yīng)的考慮。再下面的一張餐廳也在主視覺(jué)部分強(qiáng)調(diào)了美味的食物,但兩者采用了完全不同的布局方式,雖然各自有信息架構(gòu)方面的獨(dú)特考慮,但是也不妨將它們看作同樣一種核心內(nèi)容的兩種不同的創(chuàng)意方式。
如有意向,請(qǐng)聯(lián)系我們的客戶經(jīng)理
我們會(huì)根據(jù)您的需求為你制定詳細(xì)的解決方案
在線咨詢
or 撥打業(yè)務(wù)熱線:186-0984-0880
-
在線咨詢
-
熱線電話
-
解決方案
-
掃一掃
掃一掃
關(guān)注新圖聞科技
全國(guó)咨詢熱線
186-0984-0880
-
返回頂部