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