營(yíng)銷型網(wǎng)站完美風(fēng)暴—設(shè)計(jì)篇

2022-07-11    分類: 網(wǎng)站建設(shè)

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

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

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

色彩風(fēng)格

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

版面布局

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

信息的流動(dòng)

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

圖形與圖片

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

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

文字和標(biāo)題

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

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

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

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

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

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

動(dòng)畫

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

導(dǎo)航

最重要的東西,在放在最后來(lái)說(shuō)。我們4個(gè)不要和4個(gè)一定要來(lái)說(shuō)明。

網(wǎng)站欄目:營(yíng)銷型網(wǎng)站完美風(fēng)暴—設(shè)計(jì)篇
路徑分享:http://www.muchs.cn/news4/176604.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)企業(yè)網(wǎng)站制作、自適應(yīng)網(wǎng)站、商城網(wǎng)站、定制開發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司

廣告

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

網(wǎng)站托管運(yùn)營(yíng)