網(wǎng)站規(guī)劃和設(shè)計(jì)課件

網(wǎng)站規(guī)劃和設(shè)計(jì)1學(xué)時(shí)網(wǎng)站規(guī)劃和設(shè)計(jì)1學(xué)時(shí)概述網(wǎng)站設(shè)計(jì)，包含的內(nèi)容非常多。大體分兩個(gè)方面：

一方面是純網(wǎng)站本身的設(shè)計(jì)比如文字排版，圖片制作，平面設(shè)計(jì)，三維立體設(shè)計(jì)，靜態(tài)無聲圖文，動(dòng)態(tài)有聲影像等；

另一方面是網(wǎng)站的延伸設(shè)計(jì)，包括網(wǎng)站的主題定位和瀏覽群的定位，智能交互，制作策劃，形象包裝，宣傳營(yíng)銷等等。

概述網(wǎng)站設(shè)計(jì)，包含的內(nèi)容非常多。大體分兩個(gè)方面：

一方面網(wǎng)站規(guī)劃和設(shè)計(jì)課件網(wǎng)站建設(shè)規(guī)劃書網(wǎng)站建設(shè)規(guī)劃書網(wǎng)站規(guī)劃和設(shè)計(jì)的主要內(nèi)容1.定位你的網(wǎng)站主題和名稱；

2.定位你的網(wǎng)站CI形象；

3.確定你的欄目和版塊；

4.網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)

5.網(wǎng)站的層次結(jié)構(gòu)和鏈接結(jié)構(gòu)

6.首頁的設(shè)計(jì)

7.版面布局的竅門

8.色彩的搭配

9.網(wǎng)頁字體的設(shè)置

網(wǎng)站規(guī)劃和設(shè)計(jì)的主要內(nèi)容1.定位你的網(wǎng)站主題和名稱；

2.定一、定位你的網(wǎng)站主題和名稱所謂主題也就是你的網(wǎng)站的題材。網(wǎng)絡(luò)上的網(wǎng)站題材千奇百怪,琳瑯滿目。只要你想的到，就可以把它制作出來。常見題材：

第1類：網(wǎng)上求職

第2類：網(wǎng)上聊天／即時(shí)信息/ICQ

第3類：網(wǎng)上社區(qū)／討論/郵件列表

第4類：計(jì)算機(jī)技術(shù)

第5類：網(wǎng)頁/網(wǎng)站開發(fā)

第6類：娛樂網(wǎng)站

第7類：旅行

第8類：參考/資訊

第9類：家庭/教育

第10類：生活/時(shí)尚

一、定位你的網(wǎng)站主題和名稱所謂主題也就是你的網(wǎng)站的題材。網(wǎng)絡(luò)一、定位你的網(wǎng)站主題和名稱題材的選擇的建議：1.主題要小而精。定位要小，內(nèi)容要精。2.題材最好是你自己擅長(zhǎng)或者喜愛的內(nèi)容。3.題材不要太濫或者目標(biāo)太高一、定位你的網(wǎng)站主題和名稱題材的選擇的建議：一、定位你的網(wǎng)站主題和名稱網(wǎng)站取名的建議：1.名稱要正。其實(shí)就是要合法，合法。不能用反動(dòng)的，色情的，迷信的，危害社會(huì)安全的名詞語句。2.名稱要易記。中文網(wǎng)站名稱最好用中文名稱，不要使用英文或者中英文混合型名稱。另外，網(wǎng)站名稱的字?jǐn)?shù)應(yīng)該控制在六個(gè)字（最好四個(gè)字）以內(nèi)，比如“XX閣”“XX設(shè)計(jì)室”，四個(gè)字的可以用成語，如“一網(wǎng)打進(jìn)”。字?jǐn)?shù)少還有個(gè)好處，一般適合于其他站點(diǎn)的鏈接排版。

一、定位你的網(wǎng)站主題和名稱網(wǎng)站取名的建議：一、定位你的網(wǎng)站主題和名稱網(wǎng)站取名的建議：

3.名稱要有特色。如：音樂前衛(wèi)，網(wǎng)頁陶吧，天籟絕音。在體現(xiàn)出網(wǎng)站主題的同時(shí)，能點(diǎn)出特色之處。

總之，定位題材和名稱是設(shè)計(jì)一個(gè)網(wǎng)站的第一步，也是很重要的一部分。一、定位你的網(wǎng)站主題和名稱網(wǎng)站取名的建議：二、定位你的網(wǎng)站CI形象

所謂CI，是借用的廣告術(shù)語。(CI是英文corporateidentity的縮寫)，意思是通過視覺來統(tǒng)一企業(yè)的形象。如：可口可樂公司，全球統(tǒng)一的標(biāo)志，色彩和產(chǎn)品包裝，給我們的印象極為深刻。 一個(gè)杰出的網(wǎng)站，和實(shí)體公司一樣，也需要整體的形象包裝和設(shè)計(jì)。準(zhǔn)確的，有創(chuàng)意的CI設(shè)計(jì)，對(duì)網(wǎng)站的宣傳推廣有事半功倍的效果。在您的網(wǎng)站主題和名稱定下來之后，需要思考的就是網(wǎng)站的CI形象。二、定位你的網(wǎng)站CI形象 所謂CI，是借用的廣告術(shù)語。(CI二、定位你的網(wǎng)站CI形象網(wǎng)站CI主要內(nèi)容：

1.設(shè)計(jì)網(wǎng)站的標(biāo)志(logo)。logo是你站點(diǎn)特色和內(nèi)涵的集中體現(xiàn)，看見logo就讓大家聯(lián)想起你的站點(diǎn)。（不是指88X31的小banner）

標(biāo)志可以是中文，英文字母，可以是符號(hào)，圖案，可以是動(dòng)物或者人物等等。如：新浪用字母sina+眼睛作為標(biāo)志。標(biāo)志的設(shè)計(jì)創(chuàng)意來自你網(wǎng)站的名稱和內(nèi)容。

二、定位你的網(wǎng)站CI形象網(wǎng)站CI主要內(nèi)容：二、定位你的網(wǎng)站CI形象網(wǎng)站CI主要內(nèi)容：

2.設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩。網(wǎng)站給人的第一印象來自視覺沖擊，確定網(wǎng)站的標(biāo)準(zhǔn)色彩是相當(dāng)重要的一步。不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒。

“標(biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩。如：IBM的深藍(lán)色，肯得基的紅色條型，windows視窗標(biāo)志上的紅藍(lán)黃綠色塊。如果將IBM改用黃色呢？

一般來說，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過3種，太多則讓人眼花繚亂。標(biāo)準(zhǔn)色彩要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。二、定位你的網(wǎng)站CI形象網(wǎng)站CI主要內(nèi)容：二、定位你的網(wǎng)站CI形象網(wǎng)站CI主要內(nèi)容：

3.設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體。和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。一般我們網(wǎng)頁默認(rèn)的字體是宋體。注意：使用非默認(rèn)字體只能用圖片的形式！

4.設(shè)計(jì)網(wǎng)站的宣傳標(biāo)語。也可以說是網(wǎng)站的精神，網(wǎng)站的目標(biāo)。如：鵲巢的“味道好極了”；Intel的“給你一個(gè)奔騰的心”。

以上四方面：標(biāo)志，色彩，字體，標(biāo)語，是一個(gè)網(wǎng)站樹立CI形象的關(guān)鍵，確切的說是網(wǎng)站的表面文章，設(shè)計(jì)并完成這幾步，你的網(wǎng)站將脫胎換骨，整體形象有一個(gè)提高。二、定位你的網(wǎng)站CI形象網(wǎng)站CI主要內(nèi)容：三、確定你的欄目和版塊

定位網(wǎng)站主題和確立網(wǎng)站的CI形象。是否該進(jìn)入實(shí)質(zhì)性的設(shè)計(jì)制作階段呢？答案是：不能。經(jīng)驗(yàn)告訴我們，建立一個(gè)網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰；也好比造一座高樓，首先要設(shè)計(jì)好框架圖紙，才能使樓房結(jié)構(gòu)合理。

在動(dòng)手制作網(wǎng)頁前，一定要考慮好以下三方面：

1.確定欄目和版塊；

2.確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)

3.確定網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)三、確定你的欄目和版塊 定位網(wǎng)站主題和確立網(wǎng)站的CI形象。是三、確定你的欄目和版塊

欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。

1.一定記住要緊扣你的主題！

一般的做法是：將你的主題按一定的方法分類并將它們作為網(wǎng)站的主欄目。例如上面的例子，可以將欄目分為動(dòng)物動(dòng)畫，標(biāo)志動(dòng)畫，三維動(dòng)畫，卡通動(dòng)畫等，在首頁上標(biāo)明最近更新的動(dòng)畫。記?。褐黝}欄目個(gè)數(shù)在總欄目中要占絕對(duì)優(yōu)勢(shì)，這樣的網(wǎng)站顯的專業(yè)，主題突出，容易給人留下深刻印象。三、確定你的欄目和版塊 欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引三、確定你的欄目和版塊

2.設(shè)一個(gè)最近更新或網(wǎng)站指南欄目

如果你的首頁沒有安排版面放置最近更新內(nèi)容信息，就有必要設(shè)立一個(gè)“最近更新”的欄目。如果你的主頁內(nèi)容龐大、層次較多，建議您設(shè)置“本站指南”欄目。

3.設(shè)定一個(gè)可以雙向交流的欄目

不需要很多，但一定要有。比如論壇，留言本，郵件列表等，可以讓瀏覽者留下信息。

三、確定你的欄目和版塊

2.設(shè)一個(gè)最近更新或網(wǎng)站指南三、確定你的欄目和版塊

4.設(shè)一個(gè)下載或常見問題回答欄目

網(wǎng)絡(luò)的特點(diǎn)是信息共享。如果你看到一個(gè)站點(diǎn)有大量的優(yōu)秀的有價(jià)值的資料，你肯定希望能一次性下載，而不是一頁一頁瀏覽存盤。

至于其他的輔助內(nèi)容，如關(guān)于本站，版權(quán)信息等可以不放在主欄目里，以免沖淡主題?？偨Y(jié)以上幾點(diǎn)，我們得出劃分欄目需要注意的是：

●盡可能刪除與主題無關(guān)的欄目

●盡可能將網(wǎng)站最有價(jià)值的內(nèi)容列在欄目上

●盡可能方便訪問者的瀏覽和查詢

三、確定你的欄目和版塊

4.設(shè)一個(gè)下載或常見問題回答欄目三、確定你的欄目和版塊

有關(guān)版塊設(shè)置：版塊比欄目的概念要大一些，每個(gè)版塊都有自己的欄目。舉個(gè)例子：網(wǎng)易的站點(diǎn)分新聞，體育，財(cái)經(jīng)，娛樂，教育等版塊，每個(gè)版塊下面有各有自己的主欄目。一般的個(gè)人站點(diǎn)內(nèi)容少，只有主欄目(主菜單)就夠了，不需要設(shè)置版塊。如果你覺得的確有必要設(shè)置版塊的，應(yīng)該注意1.各版塊要有相對(duì)獨(dú)立性。2.各版塊要有相互關(guān)聯(lián)。3.版塊的內(nèi)容要圍繞站點(diǎn)主題。關(guān)于版塊方面，主要是門戶站點(diǎn)等較大ICP需要考慮的問題。三、確定你的欄目和版塊 有關(guān)版塊設(shè)置：版塊比欄目的概念要大一四、網(wǎng)站的層次結(jié)構(gòu)和鏈接結(jié)構(gòu)（一）網(wǎng)站的目錄結(jié)構(gòu)

網(wǎng)站的目錄是指你建立網(wǎng)站時(shí)創(chuàng)建的目錄。目錄的結(jié)構(gòu)是一個(gè)容易忽略的問題，目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來說并沒有什么太大的感覺，但是對(duì)于站點(diǎn)本身的上傳維護(hù)，內(nèi)容未來的擴(kuò)充和移植有著重要的影響。

●不要將所有文件都存放在根目錄下。

1.文件管理混亂。

2.上傳速度慢。盡可能減少根目錄的文件存放數(shù)。

●按欄目?jī)?nèi)容建立子目錄。

首先按主菜單欄目建立。

所有程序一般都存放在特定目錄。四、網(wǎng)站的層次結(jié)構(gòu)和鏈接結(jié)構(gòu)（一）網(wǎng)站的目錄結(jié)構(gòu)

網(wǎng)站四、網(wǎng)站的層次結(jié)構(gòu)和鏈接結(jié)構(gòu)（一）網(wǎng)站的目錄結(jié)構(gòu)

●在每個(gè)主目錄下都建立獨(dú)立的images目錄。

剛開始學(xué)習(xí)主頁制作時(shí)，習(xí)慣將所有圖片都存放在這個(gè)目錄里?？墒呛髞戆l(fā)現(xiàn)很不方便（欄目打包、下載等，為每個(gè)主欄目建立一個(gè)獨(dú)立的images目錄是最方便管理的。

●目錄的層次不要太深。

目錄的層次建議不要超過3層。

●其它需要注意的還有：1.不要使用中文目錄；2.不要使用過長(zhǎng)的目錄；3.盡量使用意義明確的目錄；

四、網(wǎng)站的層次結(jié)構(gòu)和鏈接結(jié)構(gòu)（一）網(wǎng)站的目錄結(jié)構(gòu)

●在每個(gè)四、網(wǎng)站的層次結(jié)構(gòu)和鏈接結(jié)構(gòu)（二）網(wǎng)站的鏈接結(jié)構(gòu)

是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。一個(gè)點(diǎn)可以和一個(gè)點(diǎn)連接，也可以和多個(gè)點(diǎn)連接。

●用最少的鏈接，使得瀏覽最有效率。

1.樹狀鏈接結(jié)構(gòu)（一對(duì)一）。

2.星狀鏈接結(jié)構(gòu)（一對(duì)多）。

這兩種基本結(jié)構(gòu)都只是理想方式，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來使用。

●首頁和一級(jí)頁面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁面之間用樹狀鏈接結(jié)構(gòu)。四、網(wǎng)站的層次結(jié)構(gòu)和鏈接結(jié)構(gòu)（二）網(wǎng)站的鏈接結(jié)構(gòu)

是指五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是站長(zhǎng)們最希望掌握，也是最難以學(xué)習(xí)的。難就難在沒有一個(gè)固定的程式可以參照和模仿。給你一個(gè)主題，任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)站。

1.風(fēng)格是什么，如何樹立網(wǎng)站風(fēng)格？

2.創(chuàng)意是什么，如何產(chǎn)生創(chuàng)意？

●風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。

“整體形象”包括站點(diǎn)的CI（標(biāo)志，色彩，字體，標(biāo)語），版面布局，交互性，文字，語氣，內(nèi)容價(jià)值，存在意義等等。迪斯尼是生動(dòng)活潑的，IBM是專業(yè)嚴(yán)肅的。五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)風(fēng)格是獨(dú)特的，是站點(diǎn)不同與其他網(wǎng)站的地方?；蛘呱剩蛘呒夹g(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。

風(fēng)格是有人性的。通過網(wǎng)站的外表，內(nèi)容，文字，交流可以概括出一個(gè)站點(diǎn)的個(gè)性，情緒。是溫文儒雅，是執(zhí)著熱情，是活潑易變,是放任不羈。象詩詞中的“豪放派”和“婉約派”，你可以用人的性格來比喻站點(diǎn)。

普通網(wǎng)站你看到的只是堆砌在一起的信息，你的感受是理性的（信息量大小，瀏覽速度快慢）。但你瀏覽有風(fēng)格的網(wǎng)站后你能有更深一層的感性認(rèn)識(shí)，比如站點(diǎn)有品位，和藹可親，是老師，是朋友。五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)風(fēng)格是獨(dú)特的，是站點(diǎn)不同與其五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)如何樹立網(wǎng)站風(fēng)格呢？

第一，確信風(fēng)格是建立在有價(jià)值內(nèi)容之上的。一個(gè)網(wǎng)站有風(fēng)格而沒有內(nèi)容，就好比繡花枕頭一包草。你首先必須保證內(nèi)容的質(zhì)量和價(jià)值性。

第二，你需要徹底搞清楚自己希望站點(diǎn)給人的印象是什么。

思路

第三，在明確自己的網(wǎng)站印象后，開始努力建立和加強(qiáng)這種印象。經(jīng)過第二步印象的的“量化”后，你需要進(jìn)一步找出其中最有特色特點(diǎn)的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化，宣傳。五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)如何樹立網(wǎng)站風(fēng)格呢？

第一，確五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)

努力建立和加強(qiáng)這種印象，如：

1.將你的標(biāo)志logo,盡可能的出現(xiàn)在每個(gè)頁面上。

2.突出你的標(biāo)準(zhǔn)色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用與標(biāo)準(zhǔn)色彩一致的色彩。

3.突出你的標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題，菜單，圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。

4.想一條朗朗上口宣傳標(biāo)語。把它做在你的banner里，或者放在醒目的位置，告訴大家你的網(wǎng)站的特色是...

5.使用統(tǒng)一的語氣和人稱。五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì) 努力建立和加強(qiáng)這種印象，如：

五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)努力建立和加強(qiáng)這種印象，如：

6.使用統(tǒng)一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。

7.創(chuàng)造一個(gè)你的站點(diǎn)特有的符號(hào)或圖標(biāo)。比如在一句鏈接前的一個(gè)點(diǎn)，可以使用☆※○

□△→（區(qū)位碼里自己參看）等等。

8.用自己設(shè)計(jì)的花邊，線條，點(diǎn)

9.展示你網(wǎng)站的榮譽(yù)和成功作品。

10.告訴網(wǎng)友關(guān)于你的真實(shí)的故事和想法。

風(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強(qiáng)化，調(diào)整，修飾，直到有一天，網(wǎng)友們寫信告訴你："我喜歡你的站點(diǎn)，因?yàn)樗苡酗L(fēng)格！"

五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)努力建立和加強(qiáng)這種印象，如：

6五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)●創(chuàng)意(idea)是網(wǎng)站生存的關(guān)鍵。作為網(wǎng)頁設(shè)計(jì)師，最苦惱的就是沒有好的創(chuàng)意來源。

創(chuàng)意到底是什么，如何產(chǎn)生創(chuàng)意呢？創(chuàng)意是引人入勝，精彩萬分，出奇不意的；創(chuàng)意是捕捉出來的點(diǎn)子，是創(chuàng)作出來的奇招....

○創(chuàng)意是傳達(dá)信息的一種特別方式。（she&S.H.E）

創(chuàng)意并不是天才者的靈感，而是思考的結(jié)果。生活的結(jié)合(或者虛擬現(xiàn)實(shí))，例如在線書店，電子社區(qū)，在線拍賣。你是否想到了一種更好的創(chuàng)意呢？

五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)●創(chuàng)意(idea)是網(wǎng)站生存的五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)根據(jù)美國(guó)廣告學(xué)教授詹姆斯的研究，創(chuàng)意思考的過程分五階段：

1.準(zhǔn)備期--研究所搜集的資料，根據(jù)舊經(jīng)驗(yàn)，啟發(fā)新創(chuàng)意；

2.孵化期--將資料咀嚼消化，使意識(shí)自由發(fā)展，任意結(jié)合；

3.啟示期--意識(shí)發(fā)展并結(jié)合，產(chǎn)生創(chuàng)意；

4.驗(yàn)證期--將產(chǎn)生的創(chuàng)意討論修正；

5.形成期--設(shè)計(jì)制作網(wǎng)頁，將創(chuàng)意具體化。

○創(chuàng)意是將現(xiàn)有的要素重新組合。

比如，網(wǎng)絡(luò)與電話結(jié)合，產(chǎn)生IP電話五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)根據(jù)美國(guó)廣告學(xué)教授詹姆斯的研究，五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)創(chuàng)意思考的途徑最常用的是聯(lián)想，這里提供了網(wǎng)站創(chuàng)意的25種聯(lián)想線索：

1.把它顛倒2.把它縮小3.把顏色換一下4.使它更長(zhǎng)

5.使它閃動(dòng)6.把它放進(jìn)音樂里7.結(jié)合文字音樂圖畫8.使它成為年輕的9.使它重復(fù)10.使它變成立體11.參加競(jìng)賽12.參加打賭13.變更一部分14.分裂它15.使它羅曼蒂克16.使它速度加快17.增加香味18.使它看起來流行19.使它對(duì)稱20.將它向兒童訴求21.價(jià)格更低22.給它起個(gè)綽號(hào)23.把它打包24.提供免費(fèi)“午餐”25.以上各項(xiàng)延伸組合

-------------(轉(zhuǎn)載自樊志育《廣告制作》)五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)創(chuàng)意思考的途徑最常用的是聯(lián)想，這六、首頁的設(shè)計(jì)首頁的設(shè)計(jì)

“良好的開端是成功的一半”，在網(wǎng)站設(shè)計(jì)上也是如此，首頁的設(shè)計(jì)是一個(gè)網(wǎng)站成功與否的關(guān)鍵。所以，首頁的設(shè)計(jì)和制作是絕對(duì)要重視和花心思的。（一般首頁設(shè)計(jì)和制作占整個(gè)制作時(shí)間的40%）

是否需要為站點(diǎn)設(shè)計(jì)一個(gè)“封面”？除非你是很藝術(shù)類的站點(diǎn)，或者可以確信。

○版面布局的竅門○色彩的搭配

○字體的設(shè)置和表格的嵌套○細(xì)微之處見功力

○考慮不同的瀏覽器和分辨率

○meta標(biāo)簽的重要性

○設(shè)計(jì)好你的banner和位置○首頁設(shè)計(jì)的小建議

六、首頁的設(shè)計(jì)首頁的設(shè)計(jì)

“良好的開端是成功的一半六、首頁的設(shè)計(jì)首頁，從根本上說就是全站內(nèi)容的目錄，是一個(gè)索引。一般的步驟是：

一).確定首頁的功能模塊：

首頁的內(nèi)容模塊是指你需要在首頁上實(shí)現(xiàn)的主要內(nèi)容和功能。一般的站點(diǎn)都需要這樣一些模塊：

網(wǎng)站名稱(logo),廣告條(banner),主菜單(menu),

新聞(what’snew),搜索(search),友情鏈接(links),

郵件列表(maillist),計(jì)數(shù)器(count),版權(quán)(copyright).

二).設(shè)計(jì)首頁的版面

在功能模塊確定后，開始設(shè)計(jì)首頁的版面。

先將你理想中的草圖勾勒出來，然后再用網(wǎng)頁制作軟件實(shí)現(xiàn)。三).處理技術(shù)上的細(xì)節(jié)六、首頁的設(shè)計(jì)首頁，從根本上說就是全站內(nèi)容的目錄，是一七、版面布局的竅門設(shè)計(jì)首頁的第一步是設(shè)計(jì)版面布局。布局，就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。讓我們先來了解一下版面布局的步驟：一.草案，我們建議您用一張白紙和一支鉛筆，當(dāng)然用作圖軟件photoshop等也可以。二.粗略布局，將你確定需要放置的功能模塊安排到頁面上。這里我們必須遵循突出重點(diǎn)、平衡諧調(diào)的原則，將網(wǎng)站標(biāo)志，主菜單等最重要的模塊放在最顯眼，最突出的位置，然后在考慮次要模塊的排放。三.定案，將粗略布局精細(xì)化，具體化。

七、版面布局的竅門設(shè)計(jì)首頁的第一步是設(shè)計(jì)版面布局。七、版面布局的竅門我們可以遵循的原則有：

1、正常平衡---亦稱“勻稱”。

2、異常平衡---即非對(duì)照形式。

3、對(duì)比

4、凝視

5、空白

6、盡量用圖片解說○網(wǎng)頁的白色背景太虛，則可以加些色塊；○版面零散，可以用線條和符號(hào)串聯(lián)；○左面文字過多，右面則可以插一張圖片保持平衡；○表格太規(guī)矩，可以改用導(dǎo)角試試。

經(jīng)過不斷的嘗試，你的網(wǎng)頁一定會(huì)亮麗起來的哦:)

七、版面布局的竅門我們可以遵循的原則有：

1、正常平衡--七、版面布局的竅門我們可以遵循的原則有：

1、正常平衡---亦稱“勻稱”。

2、異常平衡---即非對(duì)照形式。

3、對(duì)比

4、凝視

5、空白

6、盡量用圖片解說○網(wǎng)頁的白色背景太虛，則可以加些色塊；○版面零散，可以用線條和符號(hào)串聯(lián)；○左面文字過多，右面則可以插一張圖片保持平衡；○表格太規(guī)矩，可以改用導(dǎo)角試試。

經(jīng)過不斷的嘗試，你的網(wǎng)頁一定會(huì)亮麗起來的哦:)

七、版面布局的竅門我們可以遵循的原則有：

1、正常平衡--七、版面布局的竅門常用的版面布局：

1.“T”結(jié)構(gòu)布局。

2.“國(guó)”字型布局。

3.“三”型布局。

4.對(duì)稱對(duì)比布局。

5.POP布局。

其實(shí)還有許許多多別具一格的布局，關(guān)鍵在于你的創(chuàng)意和設(shè)計(jì)了。對(duì)于版面布局的技巧，這里提供四個(gè)建議：1.加強(qiáng)視覺效果 2.加強(qiáng)文案的可視度和可讀性3.統(tǒng)一感的視覺 4.新鮮和個(gè)性是布局的最高境界七、版面布局的竅門常用的版面布局：

1.“T”結(jié)構(gòu)布局。

八、色彩的搭配網(wǎng)頁的色彩是樹立網(wǎng)站形象的關(guān)鍵之一。

我們通常的做法是：主要內(nèi)容文字用非彩色(黑色)，邊框，背景，圖片用彩色。這樣頁面整體不單調(diào)，看主要內(nèi)容也不會(huì)眼花。

●非彩色的搭配

黑白是最基本和最簡(jiǎn)單的搭配，白字黑底，黑底白字都非常清晰明了。

灰色是萬能色，可以和任何彩色搭配，也可以幫助兩種對(duì)立的色彩和諧過渡。

●彩色的搭配八、色彩的搭配網(wǎng)頁的色彩是樹立網(wǎng)站形象的關(guān)鍵之一。

我們八、色彩的搭配不同的顏色會(huì)給瀏覽者不同的心理感受。

紅色---是一種激奮的色彩。刺激效果，能使人產(chǎn)生沖動(dòng)，憤怒，熱情，活力的感覺。

綠色---介于冷暖兩中色彩的中間，顯得和睦，寧?kù)o，健康，安全的感覺。

它和金黃，淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。

橙色---也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時(shí)尚的效果。

黃色---具有快樂，希望，智慧和輕快的個(gè)性，它的明度最高。

藍(lán)色---是最具涼爽，清新，專業(yè)的色彩。

它和白色混合，能體現(xiàn)柔順，淡雅，浪漫的氣氛(象天空的色彩八、色彩的搭配不同的顏色會(huì)給瀏覽者不同的心理感受。

紅色-八、色彩的搭配不同的顏色會(huì)給瀏覽者不同的心理感受。

白色---具有潔白，明快，純真，清潔的感受。

黑色---具有深沉，神秘，寂靜，悲哀，壓抑的感受。

灰色---具有中庸，平凡，溫和，謙讓，中立和高雅的感覺。

色彩在飽和度，透明度上略微變化就會(huì)產(chǎn)生不同的感覺。以綠色為例，黃綠色有青春，旺盛的視覺意境，而藍(lán)綠色則顯得幽寧，陰深。

○網(wǎng)頁色彩搭配的技巧

1.用一種色彩。 2.用兩種色彩。

3.用一個(gè)色系。 4.用黑色和一種彩色。

八、色彩的搭配不同的顏色會(huì)給瀏覽者不同的心理感受。

白色-八、色彩的搭配

在網(wǎng)頁配色中，忌諱的是：

1.