下面概要介紹各頁面布局的網頁設計技巧:
一、Homepage網頁設計技巧
網站首頁是企業(yè)網上的虛擬門面,制作精良和專業(yè)的網站設計,如同制作精美的印刷品,會大大刺激訪問者的閱讀欲望。專業(yè)的網站建設需要由專業(yè)的網站策劃和網站設計人員進行規(guī)劃、設計和制作。
一般來說,網站首頁的形式不外乎有兩種,一種是純粹的形象展示型,這種類型文字信息較少,圖像信息較多。這需要網頁設計者具有良好的網頁設計基礎和審美能力,能夠努力挖掘企業(yè)深層的內涵,展示企業(yè)文化。這種類型的homepage網站設計過程中一定要明確以設計為主導,通過色彩、布局給訪問者留下深刻的印象。
另一種是信息羅列型,一般的大、中型企業(yè)網站和門戶網站常用的方式,即在首頁中就羅列出網站的主要內容分類、重點信息、網站導航、公司信息等等。網頁設計人員在設計過程中要注意使用企業(yè)的VI和CI符號來表達某種獨特的企業(yè)信息。
二、風格保持一致--信息頁網站設計技巧
結構的一致性:包括網站布局、文字排版、裝飾性元素出現(xiàn)的位置、導航的統(tǒng)一、圖片的位置等等。我們要強調網站標志性元素的一致性,即網站或公司名稱、網站或企業(yè)標志、導航及輔助導航的形式及位置、公司聯(lián)系信息等,這種方式是目前網站設計普遍采用的結構,一方面減少設計、開發(fā)的工作量,同時更有利于以后的網站維護與更新。
色彩的一致性:方式是保持站點主體色彩的一致,只改變局部色塊,優(yōu)點是一個獨特色彩的網站會給人留下很深刻的印象,因為人的視覺對色彩要比布局更敏感,更容易在大腦中形成記憶符號。一個建議是選取一兩種主要色彩,幾種輔助色彩。
利用導航取得統(tǒng)一:良好的導航能力是一個網站結構是否合理的重要指標;c力氣在導航設計上,也會設計出一個出色的站點。
特別元素的一致性:在網站設計中,個別具有特色的元素(如標志、象征圖形、局部設計等)重復出現(xiàn),也會給訪問者留下深刻印象。比如網站結構在某一點上的變化,由直線變?yōu)閳A弧、暗色點綴的亮色、色彩中的補色等等。
利用圖像取得統(tǒng)一:網頁中的圖像在使用上一定要甚之又甚,尤其是動畫。利用圖像取得統(tǒng)一就是根據(jù)網頁內容的不同,在網頁局部設計中配以相應的圖像或動畫,從而給瀏覽者形成頁面的連續(xù)性。
利用背景取得統(tǒng)一:從技術上而言,網頁背景包括背景色和背景圖像兩種,一般來說,我們并不提倡使用背景圖像,而使用背景色或色塊。網站設計要從下載速度和顯示效果的角度考慮背景色的應用,對是否使用背景圖像要慎重考慮,并加強與前景的明暗對比。
三、色彩搭配
色彩搭配就是要在網站設計中運用最簡單的色彩表達最豐富的含義。在實際應用中要注意主體色彩的運用,即以一種或兩種色彩為主,其它色彩為輔,不要幾種色彩等量使用,以免造成色彩的混亂。
1、運用相同色系色彩
2、運用對比色或互補色
3、使用過渡色:過渡色包括幾種形式:兩種色彩的中間色調、單色中混入黑、白、灰進行調和以及單色中混入相同色彩進行調和等等。
四、版面布局
可在網站設計中應用的版面布局形式有:等分兩欄式、三欄式、多欄式,不等分兩欄式、三欄式、多欄式、自由式等等,但考慮到瀏覽器分辨率因素,一般不宜設計成三欄以上的布局。
在版面布局中主要是考慮導航、必要信息與正文之間的布局關系及其鏈接結構。在網頁設計中注意多吸取好的網站設計的精髓。