以下內(nèi)容由寶雞網(wǎng)站建設(shè)、寶雞網(wǎng)絡(luò)公司，寶雞世紀(jì)網(wǎng)絡(luò)為您編輯整理。

一、從網(wǎng)站的整個(gè)訴求來(lái)講，網(wǎng)頁(yè)上需要放置哪些信息才能更好的實(shí)現(xiàn)網(wǎng)站的訴求？哪些信息是需要保留的？而哪些信息是需要放置在其他頁(yè)面甚至干脆舍棄掉的？

二、對(duì)于已經(jīng)確定放置于頁(yè)面的信息，如何更好的撰寫文字、挑選圖片才能達(dá)成功能性和視覺上美觀的完美統(tǒng)一？

三、區(qū)分信息的重要程度，哪些是重要的，需要著重表現(xiàn)的？而哪些是次要一些的信息？

四、區(qū)分出信息的主次后，在布局、色彩、尺寸上，即在視覺上如何更好的突出和表現(xiàn)？

這四個(gè)部分的每一部分幾乎都有討論不完的話題，那么在這篇文章中我只就第四個(gè)方面，也就是網(wǎng)頁(yè)上核心內(nèi)容和視覺表現(xiàn)的關(guān)系來(lái)梳理和概括一下自己在這方面的一些理解，盡量的將我所考慮到的內(nèi)容都寫出來(lái)，同時(shí)舉一些具體的案例來(lái)說明我的觀點(diǎn)，便于大家更好地理解。

一、核心內(nèi)容對(duì)于頁(yè)面布局的影響

下圖是一個(gè)提供WordPress網(wǎng)站建設(shè)的公司，在它的主頁(yè)上從上到下可以看到這樣幾部分信息：導(dǎo)航、Logo、口號(hào)、作品展示、選擇我們的理由、聯(lián)系表單、日志列表、郵件訂閱、Twitter信息以及版權(quán)信息。其中的第一視覺無(wú)疑是公司的口號(hào)和作品展示，這就是此網(wǎng)站主頁(yè)上的核心內(nèi)容。因?yàn)樽鳛橐粋€(gè)網(wǎng)站建設(shè)公司來(lái)講，直觀的讓客戶知道你是干什么的？干的怎么樣？應(yīng)該是客戶最想要了解的內(nèi)容。那么對(duì)于核心內(nèi)容，在視覺上做了哪些考慮呢？

我們可以看到，在宣傳口號(hào)上設(shè)計(jì)師給”wordpress”這個(gè)詞應(yīng)用了非常大的文字尺寸，并且顏色上和其他文字區(qū)別開，使用了較深的灰色，強(qiáng)調(diào)本公司是建設(shè)專門以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è)面布局仍然讓人覺得中規(guī)中矩的話，下面的一個(gè)酒店的主頁(yè)的布局也許會(huì)讓我們感覺有些新意?？梢钥吹?，此設(shè)計(jì)的背景用了大幅的食物圖片，導(dǎo)航和主內(nèi)容區(qū)只占到整個(gè)頁(yè)面高度的三分之一，讓背景的圖片大面積的呈現(xiàn)出來(lái)，和上面的設(shè)計(jì)一樣，這樣布局的目的并非單純是為了標(biāo)新立異或者是為了視覺上的美觀，而是該酒店的特色也許就在于餐飲方面，所以為了對(duì)核心內(nèi)容進(jìn)行突出，在布局上做了相應(yīng)的考慮。再下面的一張餐廳也在主視覺部分強(qiáng)調(diào)了美味的食物，但兩者采用了完全不同的布局方式，雖然各自有信息架構(gòu)方面的獨(dú)特考慮，但是也不妨將它們看作同樣一種核心內(nèi)容的兩種不同的創(chuàng)意方式。

二、核心內(nèi)容對(duì)于色彩方案的影響

Lofter是網(wǎng)易提供的輕博客服務(wù)，其中的信息類型主要有四類：即：圖片、音樂、文字、視頻。該模板通常是為了滿足攝影用戶，圖片展示面積要夠大，夠爽；模板首頁(yè)一屏能看多圖；背景要暗，突顯當(dāng)前圖片；邊框的設(shè)計(jì)讓圖片更突出，或讓圖片更精美?！蓖ㄟ^分析和理解此設(shè)計(jì)思路，我們能夠發(fā)現(xiàn)，其中的圖片展示面積要夠大，也就是我們上面提到的布局方面的考慮，而背景要暗即是我們這里要討論的對(duì)于色彩方案的影響。

從木偶同學(xué)的完成作品中我們可以看到，按照設(shè)計(jì)思路做出來(lái)的灰色的背景平靜而低調(diào)，和白色的圖片邊框和背景形成鮮明的對(duì)比，而灰白的色彩方案和色彩多變的圖片不會(huì)沖突，無(wú)論圖片怎么變化都能和灰色和白色百搭，所以彩色的圖片在白色的背景和邊框的映襯下更加搶眼，讓照片這樣重要的信息在視覺方面得到了充分的表達(dá)。

韓國(guó)著名門戶/搜索引擎網(wǎng)站Naver旗下的Naver Shopping，其產(chǎn)品定位即提供商品的搜索服務(wù)，通過搜索商品名稱，可以按照商品類別列出幾乎韓國(guó)所有的大型電子商務(wù)網(wǎng)站提供的該商品鏈接。所以在界面上，用強(qiáng)對(duì)比色調(diào)突出搜索功能和導(dǎo)航區(qū)（頁(yè)面左上角的綠色區(qū)域）。通過視覺化引導(dǎo)，讓用戶專注于核心內(nèi)容，聚焦用戶視線的焦點(diǎn)，在白色為主色調(diào)的頁(yè)面，視線會(huì)先看到強(qiáng)色調(diào)的部分，所以也可以用強(qiáng)色調(diào)來(lái)突出核心內(nèi)容，讓用戶的視覺聚焦在那里?！?/SPAN>

所有的視覺設(shè)計(jì)都是圍繞信息來(lái)做的，我們必須首先梳理好了信息的內(nèi)容和結(jié)構(gòu)，才能知道應(yīng)該在哪里施以重墨，在哪里點(diǎn)到為止。反過來(lái)，很多的設(shè)計(jì)思路和想法可以說本身已經(jīng)暗含在信息中了，比如我們上面提到的布局和色彩方案。只要提煉和優(yōu)化好了信息，怎么來(lái)做其實(shí)在梳理信息的過程中就漸漸的明晰了。

以上內(nèi)容就是由寶雞網(wǎng)站建設(shè)、寶雞網(wǎng)絡(luò)公司，寶雞世紀(jì)網(wǎng)絡(luò)為您搜集整理的《網(wǎng)頁(yè)設(shè)計(jì)圍繞網(wǎng)站中心內(nèi)容展開》的全部?jī)?nèi)容。我公司是在寶雞市工商局注冊(cè)的專業(yè)提供網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、網(wǎng)站推廣，軟件開發(fā)的高新技術(shù)企業(yè)，一直致力于面向?qū)氹u地區(qū)黨政機(jī)關(guān)、企事業(yè)單位提供大中型門戶網(wǎng)站解決方案、 OA 辦公自動(dòng)化系統(tǒng)解決方案，以及中小型應(yīng)用軟件開發(fā)及其它信息化外包業(yè)務(wù)。目前已承建寶雞地區(qū)近680多家政府網(wǎng)站、企業(yè)網(wǎng)站，是寶雞網(wǎng)站建設(shè)行業(yè)規(guī)模最大、客戶數(shù)量最多、技術(shù)力量雄厚的寶雞網(wǎng)絡(luò)公司。歡迎您來(lái)電咨詢，咨詢熱線：0917-3535180 3536690……