網(wǎng)站內(nèi)頁(yè)設(shè)計(jì)技巧
如何保持網(wǎng)站風(fēng)格的一致,是進(jìn)行內(nèi)頁(yè)設(shè)計(jì)過(guò)程中考慮的重要方面,根據(jù)小編的經(jīng)驗(yàn),您可以嘗試以下幾種設(shè)計(jì)方式:
1、結(jié)構(gòu)的一致性:
我們知道,網(wǎng)站的統(tǒng)一性在網(wǎng)站營(yíng)銷中占重要地位,而網(wǎng)站結(jié)構(gòu)是網(wǎng)站風(fēng)格統(tǒng)一的重要手段,包括網(wǎng)站布局、文字排版、裝飾性元素出現(xiàn)的位置、導(dǎo)航的統(tǒng)一、圖片的位置等等,到國(guó)外著名的電子商務(wù)網(wǎng)站瀏覽,你會(huì)發(fā)現(xiàn)這些網(wǎng)站結(jié)構(gòu)驚奇的一致性,所不同的是色彩或內(nèi)容,在結(jié)構(gòu)的一致性中,我們要強(qiáng)調(diào)網(wǎng)站標(biāo)志性元素的一致性,即網(wǎng)站或公司名稱、網(wǎng)站或企業(yè)標(biāo)志、導(dǎo)航及輔助導(dǎo)航的形式及位置、公司聯(lián)系信息等,這種方式是目前網(wǎng)站普遍采用的結(jié)構(gòu),一方面減少設(shè)計(jì)、開(kāi)發(fā)的工作量,同時(shí)更有利于以后的網(wǎng)站維護(hù)與更新。
2、色彩的一致性:
方式是保持站點(diǎn)主體色彩的一致,只改變局部色塊,優(yōu)點(diǎn)是一個(gè)獨(dú)特色彩的網(wǎng)站會(huì)給人留下很深刻的印象,因?yàn)槿说囊曈X(jué)對(duì)色彩要比布局更敏感,更容易在大腦中形成記憶符號(hào)。在色彩的一致性中,我們強(qiáng)調(diào)的是如果企業(yè)有自身的CI形象,最好在互聯(lián)網(wǎng)中沿襲這個(gè)形象,給觀眾網(wǎng)上網(wǎng)下一致的感覺(jué),更有利于企業(yè)形象的樹(shù)立。一個(gè)建議是選取一兩種主要色彩,幾種輔助色彩。
3、利用導(dǎo)航取得統(tǒng)一:
導(dǎo)航是網(wǎng)站的一項(xiàng)重要組成部分,一個(gè)出色的富有企業(yè)特性的導(dǎo)航將會(huì)給人留下深刻的印象,比如將標(biāo)志的形態(tài)寓于導(dǎo)航之中,或?qū)?dǎo)航設(shè)計(jì)在整個(gè)網(wǎng)站布局之中等等不一而足,花點(diǎn)力氣在導(dǎo)航上,也會(huì)設(shè)計(jì)出一個(gè)出色的'站點(diǎn)。
4、特別元素的一致性:
在網(wǎng)站設(shè)計(jì)中,個(gè)別具有特色的元素(如標(biāo)志、象征圖形、局部設(shè)計(jì)等)重復(fù)出現(xiàn),也會(huì)給訪問(wèn)者留下深刻印象。比如網(wǎng)站結(jié)構(gòu)在某一點(diǎn)上的變化,由直線變?yōu)閳A弧、暗色點(diǎn)綴的亮色、色彩中的補(bǔ)色等等。
5、利用圖像取得統(tǒng)一:
網(wǎng)頁(yè)中的圖像在使用上一定要甚之又甚,尤其是一些動(dòng)畫,網(wǎng)頁(yè)中充斥著各種可有可無(wú)的動(dòng)畫,而這些動(dòng)畫根本與本企業(yè)內(nèi)容無(wú)關(guān)!認(rèn)真檢查網(wǎng)頁(yè)中的動(dòng)畫,將沒(méi)用的刪掉!這里我們所說(shuō)的利用圖像取得統(tǒng)一,決不是在每頁(yè)中放置幾個(gè)動(dòng)畫!而是作為網(wǎng)站結(jié)構(gòu)一部分的局部圖像,根據(jù)網(wǎng)頁(yè)內(nèi)容的不同,配以相應(yīng)的圖像或動(dòng)畫,從而給瀏覽者形成頁(yè)面的連續(xù)性。
6、利用背景取得統(tǒng)一:
從技術(shù)上而言,網(wǎng)頁(yè)背景包括背景色和背景圖像兩種,一般來(lái)說(shuō),我們并不提倡使用背景圖像,而使用背景色或色塊。原因很明顯:
第一,下載速度,背景色的下載速度忽略不計(jì),而背景圖像就得根據(jù)圖像字節(jié)大小下載了,這里需要說(shuō)明的是,如果你的背景圖像比較深,那么最好將背景色置為深色調(diào)(默認(rèn)的背景色是白色),這樣在等待瀏覽器下載背景圖片的時(shí)候前面的淺色文字可以很容易閱讀,因?yàn)槿绻斜尘吧,瀏覽器先將其下載,然后下載背景圖片;
第二,顯示效果,經(jīng)?吹絿(guó)內(nèi)一些網(wǎng)站設(shè)有背景圖像,或者是公司的廠房、辦公大樓,或者是產(chǎn)品圖片,甚至是某某人物的照片,使得前面的文字很難辨認(rèn)!給人一種很不舒服的感覺(jué),讓人無(wú)法停留。
在此,提醒您注意:有效利用背景取得網(wǎng)站統(tǒng)一和專業(yè)化的方法有以下幾種:
第一,認(rèn)識(shí)到并不是所有的圖片都可以作為背景,在考慮設(shè)置網(wǎng)站背景圖像的時(shí)請(qǐng)您注意;
第二,加強(qiáng)與前景的明暗對(duì)比,即要么淡化背景,隱隱約約可以看到即可,要么加深背景,而將前面的文字亮化。
那么什么適合網(wǎng)頁(yè)背景呢?一個(gè)好的建議是將公司的標(biāo)志、象征性的簡(jiǎn)單圖片作為背景,并將其淡化,使瀏覽者在閱讀網(wǎng)站內(nèi)容的同時(shí)不經(jīng)意記下公司的標(biāo)志。曾經(jīng)一個(gè)網(wǎng)站的背景設(shè)計(jì)給我留下深刻的印象:?jiǎn)紊尘爸幸粋(gè)網(wǎng)站標(biāo)志的居中放大淡化,前面元素中也不斷重復(fù)這個(gè)標(biāo)志:如提交按紐形狀刻意設(shè)計(jì)成標(biāo)志的形式等等,在整個(gè)頁(yè)面中形成特有元素在大小、明暗及位置的呼應(yīng),很好地塑造了網(wǎng)站的特有形象。
【網(wǎng)站內(nèi)頁(yè)設(shè)計(jì)技巧】相關(guān)文章:
解析提升網(wǎng)站內(nèi)頁(yè)排名的因素05-11
網(wǎng)站優(yōu)化技巧:網(wǎng)站設(shè)計(jì)的關(guān)鍵10-23
SEO網(wǎng)站導(dǎo)航設(shè)計(jì)技巧11-15
網(wǎng)站美工設(shè)計(jì)配色技巧09-21
網(wǎng)站創(chuàng)意美工設(shè)計(jì)技巧09-20
網(wǎng)站美工色彩設(shè)計(jì)運(yùn)用技巧09-13
網(wǎng)站首屏頁(yè)面設(shè)計(jì)技巧10-05