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