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