公司簡介 聯系我們 客戶服務
  首頁 域名注冊 主機空間 網頁設計 網站推廣 電子郵箱 網控寶 話控寶 業務案例 下載中心
  世通網絡--企業信息化專家
世通網絡是一家專業從事(shì)于互聯網領域的技術服務企業。公司成(chéng)立于2001年3月份,從誕生之日起(qǐ)就(jiù)緻力于互聯網事(shì)業,立足于爲企業提供全方位的企業信息化服務。
  網站建設方案
·中小企業網站建設方案
·大型企業網站建設方案
·集團企業網站建設方案
·電子商務網站建設方案
·行業門戶網站建設方案
·地方門戶網站建設方案
   企業網頁設計技巧

首先我們需要了解一下網站的頁面(miàn)組成(chéng),網站一般包括以下幾部分:

首頁:網站的門面(miàn),如同公司的形象,特别注重設計和規劃。
框架頁:網站的主要結構頁面(miàn),又稱次首頁、内頁,大型網站往往框架頁即首頁,如一些門戶網站。框架頁主要是網站内部主要欄目的首頁,講究風格的一緻性,并于主頁呼應。
普通頁:網站主要的承載信息的頁面(miàn),設計要求不高,但要求鏈接準确、文字無誤、圖文并茂,并沿襲網頁的風格。
彈出頁:一般用于廣告、新聞、消息、到其他網站的鏈接等等,一般用的很少。

通過(guò)上面(miàn)的分析,我們可以看出:

從功能(néng)上來看,首頁主要承擔著(zhe)樹立企業形象(當然不僅僅是首頁)的作用,框架頁在導航方面(miàn)起(qǐ)著(zhe)重要的作用,比如各欄目内部主要内容的介紹,都(dōu)可以在框架頁中體現再進(jìn)入普通頁,讓浏覽者能(néng)夠迅速了解網站各欄目的主要内容,擇其需要而浏覽,而普通頁則是主要的信息頁面(miàn),也是網站的最終頁面(miàn),對(duì)于大型網站,這(zhè)種(zhǒng)結構非常重要,而對(duì)于中小型企業,網站規模較小、頁面(miàn)數量不多,有時(shí)框架頁就(jiù)起(qǐ)著(zhe)普通頁的作用,至于彈出頁,建議您不是必要,最好(hǎo)不要用。下面(miàn)詳細介紹各頁面(miàn)的設計技巧:

一、首頁設計技巧
網站首頁是企業網上的虛拟門面(miàn),在此,提醒上網的企業注意自己門面(miàn)的設計,決不能(néng)敷衍了事(shì)、馬馬虎虎。我們會(huì)經(jīng)常看到印刷精美的産品目錄或廣告,當您屢屢看到那些印有産品目錄或廣告的精美印刷制品的時(shí)候,相信您或多或少會(huì)對(duì)有關的産品形成(chéng)一種(zhǒng)好(hǎo)感,即使您不會(huì)購買,也必然對(duì)這(zhè)些産品形成(chéng)一定程度的認同。而對(duì)于設計毛糙的宣傳品,您肯定會(huì)懷疑其内容的真實性,從而對(duì)其産品或服務産生質疑。好(hǎo),現在說(shuō)說(shuō)網站的設計,相信您會(huì)同意這(zhè)種(zhǒng)說(shuō)法:網站的頁面(miàn)就(jiù)好(hǎo)比是“無紙的印刷品”。既然如此,我們會(huì)因此而得出一個結論:精良和專業網站的設計,如同制作精美的印刷品,會(huì)大大刺激消費者(訪問者)的購買欲望,反之,您公司所提供的産品或服務將(jiāng)不會(huì)給消費者(訪問者)留下較好(hǎo)的印象。值得一提的是,除非您的企業有專業的網站規劃、設計人員,否則您最好(hǎo)找專業公司或專業人員爲您設計制作,一個優秀的專業設計人員會(huì)很快明白您的意圖,并根據您的建站目的提出建設性的意見。

一般來說(shuō),網站首頁的形式不外乎有兩(liǎng)種(zhǒng),一種(zhǒng)是純粹的形象展示型,這(zhè)種(zhǒng)類型文字信息較少,圖像信息較多,通過(guò)藝術造型和設計布局,利用一系列與公司形象和産品、服務有關的圖像、文字信息,組成(chéng)一幅生動的畫面(miàn),向(xiàng)浏覽者展示一種(zhǒng)形象、一個氛圍,從而吸引浏覽者進(jìn)入浏覽。這(zhè)需要設計者具有良好(hǎo)的設計基礎和審美能(néng)力,能(néng)夠努力挖掘企業深層的内涵,展示企業文化。這(zhè)種(zhǒng)類型的首頁在設計過(guò)程中一定要明确要以設計爲主導,通過(guò)色彩、布局給訪問者留下深刻的印象,當然,我們不能(néng)爲了設計而設計,我們的目的是營銷,在設計過(guò)程中一定要牢記這(zhè)一點!

另一種(zhǒng)是信息羅列型,一般的大、中型企業網站和門戶網站常用的方式,即在首頁中就(jiù)羅列出網站的主要内容分類、重點信息、網站導航、公司信息等等,也就(jiù)是我們上面(miàn)談到的框架頁,這(zhè)種(zhǒng)風格比較适合網站信息量大,内容豐富的網站,因爲是以展示信息爲主,這(zhè)是的設計就(jiù)要在細微之處體現企業形象,建議設計人員最好(hǎo)仔細閱讀企業的CI手冊,熟悉企業标志、吉祥物、字體及用色标準,在網站的局部體現出來,往往平淡之中一個優美的符合企業特點的曲線就(jiù)能(néng)夠給人以深刻的印象,從而將(jiāng)企業形象印在浏覽者的腦海裡(lǐ)。設計人員在設計過(guò)程中要注意使用這(zhè)些語言符号來表達一種(zhǒng)獨特的企業信息。

二、風格保持一緻——内頁設計技巧
如何保持網站風格的一緻,是進(jìn)行内頁設計過(guò)程中考慮的重要方面(miàn),根據我的經(jīng)驗,您可以嘗試以下幾種(zhǒng)設計方式:

1、結構的一緻性:我們知道(dào),網站的統一性在網站營銷中占重要地位,而網站結構是網站風格統一的重要手段,包括網站布局、文字排版、裝飾性元素出現的位置、導航的統一、圖片的位置等等,到國(guó)外著名的電子商務網站浏覽,你會(huì)發(fā)現這(zhè)些網站結構驚奇的一緻性,所不同的是色彩或内容,在結構的一緻性中,我們要強調網站标志性元素的一緻性,即網站或公司名稱、網站或企業标志、導航及輔助導航的形式及位置、公司聯系信息等,這(zhè)種(zhǒng)方式是目前網站普遍采用的結構,一方面(miàn)減少設計、開(kāi)發(fā)的工作量,同時(shí)更有利于以後(hòu)的網站維護與更新。

2、色彩的一緻性:方式是保持站點主體色彩的一緻,隻改變局部色塊,優點是一個獨特色彩的網站會(huì)給人留下很深刻的印象,因爲人的視覺對(duì)色彩要比布局更敏感,更容易在大腦中形成(chéng)記憶符号。在色彩的一緻性中,我們強調的是如果企業有自身的CI形象,最好(hǎo)在互聯網中沿襲這(zhè)個形象,給觀衆網上網下一緻的感覺,更有利于企業形象的樹立。一個建議是選取一兩(liǎng)種(zhǒng)主要色彩,幾種(zhǒng)輔助色彩。

3、利用導航取得統一:導航是網站的一項重要組成(chéng)部分,一個出色的富有企業特性的導航將(jiāng)會(huì)給人留下深刻的印象,比如將(jiāng)标志的形态寓于導航之中,或將(jiāng)導航設計在整個網站布局之中等等不一而足,花點力氣在導航上,也會(huì)設計出一個出色的站點。

| 4、特别元素的一緻性:在網站設計中,個别具有特色的元素(如标志、象征圖形、局部設計等)重複出現,也會(huì)給訪問者留下深刻印象。比如網站結構在某一點上的變化,由直線變爲圓弧、暗色點綴的亮色、色彩中的補色等等。

5、利用圖像取得統一: 網頁中的圖像在使用上一定要甚之又甚,尤其是一些動畫,網頁中充斥著(zhe)各種(zhǒng)可有可無的動畫,而這(zhè)些動畫根本與本企業内容無關!認真檢查網頁中的動畫,將(jiāng)沒(méi)用的删掉!這(zhè)裡(lǐ)我們所說(shuō)的利用圖像取得統一,決不是在每頁中放置幾個動畫!而是作爲網站結構一部分的局部圖像,根據網頁内容的不同,配以相應的圖像或動畫,從而給浏覽者形成(chéng)頁面(miàn)的連續性。

6、利用背景取得統一:從技術上而言,網頁背景包括背景色和背景圖像兩(liǎng)種(zhǒng),一般來說(shuō),我們并不提倡使用背景圖像,而使用背景色或色塊。原因很明顯,第一,下載速度,背景色的下載速度忽略不計,而背景圖像就(jiù)得根據圖像字節大小下載了,這(zhè)裡(lǐ)需要說(shuō)明的是,如果你的背景圖像比較深,那麼(me)最好(hǎo)將(jiāng)背景色置爲深色調(默認的背景色是白色),這(zhè)樣(yàng)在等待浏覽器下載背景圖片的時(shí)候前面(miàn)的淺色文字可以很容易閱讀,因爲如果有背景色,浏覽器先將(jiāng)其下載,然後(hòu)下載背景圖片;第二,顯示效果,經(jīng)常看到國(guó)内一些網站設有背景圖像,或者是公司的廠房、辦公大樓,或者是産品圖片,甚至是某某人物的照片,使得前面(miàn)的文字很難辨認!給人一種(zhǒng)很不舒服的感覺,讓人無法停留。在此,提醒您注意:有效利用背景取得網站統一和專業化的方法有以下幾種(zhǒng):
第一,認識到并不是所有的圖片都(dōu)可以作爲背景,在考慮設置網站背景圖像的時(shí)請您注意;
第二,加強與前景的明暗對(duì)比,即要麼(me)淡化背景,隐隐約約可以看到即可,要麼(me)加深背景,而將(jiāng)前面(miàn)的文字亮化。

那麼(me)什麼(me)适合網頁背景呢?一個好(hǎo)的建議是將(jiāng)公司的标志、象征性的簡單圖片作爲背景,并將(jiāng)其淡化,使浏覽者在閱讀網站内容的同時(shí)不經(jīng)意記下公司的标志。曾經(jīng)一個網站的背景設計給我留下深刻的印象:單色背景中一個網站标志的居中放大淡化,前面(miàn)元素中也不斷重複這(zhè)個标志:如提交按紐形狀刻意設計成(chéng)标志的形式等等,在整個頁面(miàn)中形成(chéng)特有元素在大小、明暗及位置的呼應,很好(hǎo)地塑造了網站的特有形象。

三、色彩搭配
網頁中最難處理的也就(jiù)是色彩搭配的問題了。如何運用最簡單的色彩表達最豐富的含義,體現企業形象是網頁設計人員需要不斷學(xué)習、探索的課題。如何進(jìn)行色彩搭配是一門學(xué)問,下面(miàn)的一些方法是我在實踐過(guò)程中的體會(huì),希望能(néng)夠爲您起(qǐ)到一定的參考作用。

1、運用相同色系色彩:所謂相同色系,是指幾種(zhǒng)色彩在360°色相環上位置十分相近,大約在45°左右或同一色彩不同明度的幾種(zhǒng)色彩,如: ,這(zhè)種(zhǒng)搭配的優點是易于使網頁色彩趨于一緻,對(duì)于網頁設計新手有很好(hǎo)的借鑒作用,這(zhè)種(zhǒng)用色方式容易塑造網頁和諧統一的氛圍,缺點是容易造成(chéng)頁面(miàn)的單調,因此往往利用局部加入對(duì)比色來增加變化,如局部對(duì)比色彩的圖片等。這(zhè)種(zhǒng)方法不失爲一種(zhǒng)設計的好(hǎo)方法。

2、運用對(duì)比色或互補色:所謂對(duì)比色,是指色相環相距較遠,大約在100°左右,視覺效果鮮亮、強烈,而互補色則是色相環上相距最遠的連種(zhǒng)色彩,即相距180°,其對(duì)比關系最強烈、最富有刺激性,往往使畫面(miàn)十分突出,如: ,這(zhè)種(zhǒng)用色方式容易塑造活潑、韻動的網頁效果,特别适合體現輕松、積極的素材的網站,缺點是容易造成(chéng)色彩的花,使用中注意色彩使用的度。

值得注意的是,以上兩(liǎng)種(zhǒng)用色方式在實際應用中要注意主體色彩的運用,即以一種(zhǒng)或兩(liǎng)種(zhǒng)色彩爲主,其它色彩爲輔,不要幾種(zhǒng)色彩等量使用,以免造成(chéng)色彩的混亂。

3、使用過(guò)渡色:過(guò)渡色能(néng)夠神奇地將(jiāng)幾種(zhǒng)不協調的色彩統一起(qǐ)來,在網頁中合理地使用過(guò)渡色能(néng)夠使你的色彩搭配技術更上一層樓。過(guò)渡色包括幾種(zhǒng)形式:兩(liǎng)種(zhǒng)色彩的中間色調、單色中混入黑、白、灰進(jìn)行調和以及單色中混入相同色彩進(jìn)行調和等等,您可以自己嘗試調配,在以後(hòu)的更新中,我會(huì)專題介紹如何使用過(guò)渡色。

四、版面(miàn)布局
一般來說(shuō),企業網站首頁的布局比較靈活,著(zhe)重設計,這(zhè)裡(lǐ)我所說(shuō)的布局主要是指内頁的版面(miàn)布局。中、小型企業網站的内頁布局一般比較簡單,即内頁的一欄式版面(miàn)布局,從排版布局的角度而言,我們還(hái)可以設計成(chéng)等分兩(liǎng)欄式、三欄式、多欄式,不等分兩(liǎng)欄式、三欄式、多欄式等等,但因爲浏覽器寬幅有限,一般不宜設計成(chéng)三欄以上的布局。

在版面(miàn)布局中主要是考慮導航、必要信息與正文之間的布局關系。比較多的情況是采用頂部放置必要的信息,如公司名稱、标志、廣告條以及導航條,或將(jiāng)導航條放在左側而右側是正文等等,這(zhè)樣(yàng)的布局結構清晰、易于使用。當然,您也可以嘗試這(zhè)些布局的變化形式,如:左右兩(liǎng)欄式布局,一半是正文,另一半是形象的圖片、導航;或正文不等兩(liǎng)欄式布置,通過(guò)背景色區分,分别放置圖片和文字等等。在設計中注意多吸取好(hǎo)的網站設計的精髓。


版權所有 杭州世通網絡技術有限公司
Copyright www.shitong.cn 2001, All rights reserved.浙ICP備05000895号
鄭重聲明:嚴禁任何單位或個人不得以任何形式仿照或拷貝相關此站點及數字互聯關聯網站的信息和版面(miàn)設計特征