完成營銷型網(wǎng)站的策劃后，下一步的工作就是網(wǎng)站的設(shè)計(jì)工作。常規(guī)的網(wǎng)站設(shè)計(jì)，就是用pS或者其他網(wǎng)頁設(shè)計(jì)軟件進(jìn)行網(wǎng)站的首頁的設(shè)計(jì)。

在這里，我要提醒大家注意的是，在首頁設(shè)計(jì)之前，需要對整個(gè)網(wǎng)站的頁面進(jìn)行一個(gè)細(xì)致的梳理，主要是內(nèi)容方面，按照網(wǎng)站策劃的拓?fù)鋱D，去落實(shí)每一個(gè)頁面需要展示的內(nèi)容。梳理的順序是從最終的信息頁面開始，然后集中到列表頁，再到欄目頁，最好到首頁，按照分散到集中的原則，這樣做，一是網(wǎng)站的信息會(huì)充分的表現(xiàn)出來，不會(huì)遺漏內(nèi)容，二是通過全面信息的層層遞進(jìn)，提煉出精要的欄目頁和首頁，對于瀏覽者把握整個(gè)網(wǎng)站信息的流動(dòng)和重點(diǎn)有很大的幫助。

所有欄目的內(nèi)容確定以后，下面就是內(nèi)容展現(xiàn)的問題。營銷型網(wǎng)站展現(xiàn)的統(tǒng)一原則是簡介、流暢，這個(gè)原則在頁面設(shè)計(jì)的每個(gè)要素要都要得到體現(xiàn)：

色彩風(fēng)格

這點(diǎn)，在策劃篇中做過一些介紹，主要還是按照企業(yè)和產(chǎn)品的特點(diǎn)，找到網(wǎng)站的色彩風(fēng)格，通過顏色代表的視覺屬性來去設(shè)計(jì)。當(dāng)然，也要做到，網(wǎng)站風(fēng)格獨(dú)特和排他性，這是給一個(gè)瀏覽者留下特殊印象的一個(gè)方法。

版面布局

網(wǎng)站的版面布局是多種多樣的，如廠型布局、同型布局等等。設(shè)計(jì)師要把握網(wǎng)站的整體感，網(wǎng)站不能給人以零散的感覺，同時(shí)設(shè)計(jì)師還要把握板塊之間的銜接，比如使用漸變和不同色塊的方式來聯(lián)系和區(qū)分板塊，同時(shí)給人以層次感。

信息的流動(dòng)

瀏覽者打開一個(gè)網(wǎng)站，頁面就要告訴瀏覽者，網(wǎng)站哪些信息是主要，信息的主次是怎讓的，瀏覽者應(yīng)該如何按照一個(gè)流程去找到自己關(guān)注的信息。這就要求設(shè)計(jì)師找到網(wǎng)站信息的流動(dòng)特征，比如把重要的信息放在頁面左側(cè)，流程指引，列表級別的延伸。網(wǎng)頁就如同一個(gè)講解員一樣，引導(dǎo)瀏覽者一步一步完成流暢的閱讀。

圖形與圖片

圖形和圖片有雙重的屬性，是信息的傳遞元素又是頁面的修飾元素。所有我們要用好它們。

圖形的使用要注意統(tǒng)一性，比如使用同一體系的標(biāo)識圖案等。圖片的選擇首先要符合它要表現(xiàn)的內(nèi)容，比如一張表示數(shù)據(jù)庫服務(wù)的圖片，我們要從圖庫里去尋找一些數(shù)字類的科技圖片等等，其次圖片的顏色方面要注意同頁面風(fēng)格和其他頁面元素的搭配。

文字和標(biāo)題

也許你曾到過一些網(wǎng)站，要么擁擠不堪的文字覺得好象只有把腦袋鉆進(jìn)去才能閱讀，要么深色的背景給人的感覺好象處于非常狹窄的空間里，而且讓人的心情感覺很壓抑。某些背景色的令人閱讀困難;紫色、橙色和紅色讓人眼花繚亂。

參考報(bào)紙的編排方式，為方便或快速閱讀將你的內(nèi)容分欄設(shè)計(jì)，甚至兩欄也要比一滿頁的視覺效果要好。

另一種能夠提高文字可讀性的因素是你所選擇的字體，通用的字體(Arial、Times New Roman、Garamond and Courier)最易閱讀，特殊字體用于標(biāo)題效果較好，但是不適合正文(試想瀏覽整頁的Gothic、、Westminster or Cloister會(huì)是怎樣的感受)。因?yàn)殚喿x費(fèi)力，你的眼睛很快就會(huì)疲勞，不得不轉(zhuǎn)移到其他頁面。

須盡量使你的網(wǎng)頁易于閱讀，除了分欄之外(將頁面縱向分割)，也需要利用標(biāo)題和副標(biāo)題將文檔分段。

為所有標(biāo)題和副標(biāo)題設(shè)置同一字體，并將標(biāo)題字體加大一號，所有標(biāo)題和副標(biāo)題都采用粗體，這樣便于識別標(biāo)題(字體加大加粗)和副標(biāo)題(粗體，與正文字體大小相同)，使瀏覽者一眼就可以看到要點(diǎn)，以便找出并繼續(xù)閱讀有興趣的內(nèi)容。標(biāo)題的重要性可見一斑，要認(rèn)真寫好每個(gè)標(biāo)題!

也可以將整句采用粗體或用不同的顏色突出某些內(nèi)容，不過不要用難以閱讀的顏色。

動(dòng)畫

為了提高營銷型網(wǎng)站打開速度，所以建議盡量少使用動(dòng)畫元素。

導(dǎo)航

最重要的東西，在放在最后來說。我們4個(gè)不要和4個(gè)一定要來說明。

網(wǎng)站標(biāo)題：營銷型網(wǎng)站完美風(fēng)暴—設(shè)計(jì)篇
分享網(wǎng)址：http://chinadenli.net/news/176604.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、響應(yīng)式網(wǎng)站、Google、全網(wǎng)營銷推廣、網(wǎng)站改版、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)