鄭州網(wǎng)站建設網(wǎng)頁(yè)核心內容對視覺(jué)表現的影響 “對信息的優(yōu)化和提煉永遠都是設計的第一步。”這是百度聯(lián)盟用戶(hù)體驗中心Banner上的一句話(huà)。在自己做網(wǎng)頁(yè)設計的過(guò)程中，越來(lái)越對這樣的概括有了切身的體會(huì )和想法。當然，這句精煉的句子其實(shí)包含了非常多的內容，我個(gè)人認為，至少包括這四個(gè)方面：一、從網(wǎng)站的整個(gè)訴求來(lái)講，網(wǎng)頁(yè)上需要放置哪些信息才能更好的實(shí)現網(wǎng)站的訴求？哪些信息是需要保留的？而哪些信息是需要放置在其他頁(yè)面甚至干脆舍棄掉的？二、對于已經(jīng)確定放置于頁(yè)面的信息，如何更好的撰寫(xiě)文字、挑選圖片才能達成功能性和視覺(jué)上美觀(guān)的完美統一？三、區分信息的重要程度，哪些是重要的，需要著(zhù)重表現的？而哪些是次要一些的信息？四、區分出信息的主次后，在布局、色彩、尺寸上，即在視覺(jué)上如何更好的突出和表現？ 這四個(gè)部分的每一部分幾乎都有討論不完的話(huà)題，那么在這篇文章中我只就第四個(gè)方面，也就是網(wǎng)頁(yè)上核心內容和視覺(jué)表現的關(guān)系來(lái)梳理和概括一下自己在這方面的一些理解，盡量的將我所考慮到的內容都寫(xiě)出來(lái)，同時(shí)舉一些具體的案例來(lái)說(shuō)明我的觀(guān)點(diǎn)，便于大家更好地理解。
一、核心內容對于頁(yè)面布局的影響 下圖是一個(gè)提供鄭州網(wǎng)站建設 的公司，在它的主頁(yè)上從上到下可以看到這樣幾部分信息：導航、Logo、口號、作品展示、選擇我們的理由、聯(lián)系表單、日志列表、郵件訂閱、Twitter信息以及版權信息。其中的第一視覺(jué)無(wú)疑是公司的口號和作品展示，這就是此網(wǎng)站主頁(yè)上的核心內容。因為作為一個(gè)網(wǎng)站建設公司來(lái)講，直觀(guān)的讓客戶(hù)知道你是干什么的？干的怎么樣？應該是客戶(hù)最想要了解的內容。那么對于核心內容，在視覺(jué)上做了哪些考慮呢？ 我們可以看到，在宣傳口號上設計師給”wordpress”這個(gè)詞應用了非常大的文字尺寸，并且顏色上和其他文字區別開(kāi)，使用了較深的灰色，強調本公司是建設專(zhuān)門(mén)以wordpress為后臺的網(wǎng)站。在宣傳口號的下方的作品展示圖的尺寸很大，寬度達到了540像素，而整個(gè)的設計寬度是1000像素，在主頁(yè)上這樣大尺寸的展示圖能夠非常清晰而直接的讓客戶(hù)看到作品的原貌，從而對于公司的制作水準有了一個(gè)直觀(guān)的印象。而這樣的大尺寸的作品展示其實(shí)已經(jīng)隱約的決定了整個(gè)網(wǎng)站的布局。想想看，在屏幕的左上方區域擺放上一個(gè)寬540像素，高460像素的矩形之后，接下來(lái)的區域該放置哪些信息，其實(shí)就像是擺放積木一樣，按照重要程度挨個(gè)放置就行了。當然這并非是唯一的布局方式，但是無(wú)論何種布局方式，我們的想法都應該在功能性的考慮的范圍內進(jìn)行。所以創(chuàng )意我們可以有，但是要明白和天馬行空的純創(chuàng )意的區別。 
如果上面的頁(yè)面布局仍然讓人覺(jué)得中規中矩的話(huà)，下面的一個(gè)酒店的主頁(yè)的布局也許會(huì )讓我們感覺(jué)有些新意?？梢钥吹?，此設計的背景用了大幅的食物圖片，導航和主內容區只占到整個(gè)頁(yè)面高度的三分之一，讓背景的圖片大面積的呈現出來(lái)，和上面的設計一樣，這樣布局的目的并非單純是為了標新立異或者是為了視覺(jué)上的美觀(guān)，而是該酒店的特色也許就在于餐飲方面，所以為了對核心內容進(jìn)行突出，在布局上做了相應的考慮。再下面的一張餐廳也在主視覺(jué)部分強調了美味的食物，但兩者采用了完全不同的布局方式，雖然各自有信息架構方面的獨特考慮，但是也不妨將它們看作同樣一種核心內容的兩種不同的創(chuàng )意方式。
二、核心內容對于色彩方案的影響 Lofter是網(wǎng)易提供的輕博客服務(wù)，其中的信息類(lèi)型主要有四類(lèi)：即：圖片、音樂(lè )、文字、視頻。關(guān)于Lofer的模板設計，木偶同學(xué)在《LOFTER輕博模板設計》一文中對主要展示圖片的模板的有如下設計方面的考慮，”該模板通常是為了滿(mǎn)足攝影用戶(hù)，圖片展示面積要夠大，夠爽；模板首頁(yè)一屏能看多圖；背景要暗，突顯當前圖片；邊框的設計讓圖片更突出，或讓圖片更精美。”通過(guò)分析和理解此設計思路，我們能夠發(fā)現，其中的圖片展示面積要夠大，也就是我們上面提到的布局方面的考慮，而背景要暗即是我們這里要討論的對于色彩方案的影響。 從木偶同學(xué)的完成作品中我們可以看到，按照設計思路做出來(lái)的灰色的背景平靜而低調，和白色的圖片邊框和背景形成鮮明的對比，而灰白的色彩方案和色彩多變的圖片不會(huì )沖突，無(wú)論圖片怎么變化都能和灰色和白色百搭，所以彩色的圖片在白色的背景和邊框的映襯下更加搶眼，讓照片這樣重要的信息在視覺(jué)方面得到了充分的表達。
另外的一個(gè)例子來(lái)自于韓國的搜索引擎服務(wù)網(wǎng)站Naver。liuman0722在《高效的設計可視化》一文中針對Naver的設計寫(xiě)到”韓國著(zhù)名門(mén)戶(hù)/搜索引擎網(wǎng)站Naver旗下的Naver Shopping，其產(chǎn)品定位即提供商品的搜索服務(wù)，通過(guò)搜索商品名稱(chēng)，可以按照商品類(lèi)別列出幾乎韓國所有的大型電子商務(wù)網(wǎng)站提供的該商品鏈接。所以在界面上，用強對比色調突出搜索功能和導航區（頁(yè)面左上角的綠色區域）。通過(guò)視覺(jué)化引導，讓用戶(hù)專(zhuān)注于核心內容，聚焦用戶(hù)視線(xiàn)的焦點(diǎn)，在白色為主色調的頁(yè)面，視線(xiàn)會(huì )先看到強色調的部分，所以也可以用強色調來(lái)突出核心內容，讓用戶(hù)的視覺(jué)聚焦在那里。”
所有的視覺(jué)設計都是圍繞信息來(lái)做的，鄭州網(wǎng)站建設 必須首先梳理好了信息的內容和結構，才能知道應該在哪里施以重墨，在哪里點(diǎn)到為止。反過(guò)來(lái)，很多的設計思路和想法可以說(shuō)本身已經(jīng)暗含在信息中了，比如我們上面提到的布局和色彩方案。只要提煉和優(yōu)化好了信息，怎么來(lái)做其實(shí)在梳理信息的過(guò)程中就漸漸的明晰了。
技術(shù)創(chuàng )造價(jià)值 服務(wù)締造品牌
Copyright ? 2011-2024 鄭州開(kāi)拓者電子科技有限公司 All Rights Reserved