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

網(wǎng)站規(guī)劃和設(shè)計(jì)1學(xué)時(shí)1整理ppt概述網(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)銷等等。

2整理ppt3整理ppt網(wǎng)站建設(shè)規(guī)劃書4整理ppt網(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è)置

5整理ppt一、定位你的網(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í)尚

6整理ppt一、定位你的網(wǎng)站主題和名稱題材的選擇的建議：1.主題要小而精。定位要小，內(nèi)容要精。2.題材最好是你自己擅長(zhǎng)或者喜愛的內(nèi)容。3.題材不要太濫或者目標(biāo)太高7整理ppt一、定位你的網(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)的鏈接排版。

8整理ppt一、定位你的網(wǎng)站主題和名稱網(wǎng)站取名的建議：3.名稱要有特色。如：音樂前衛(wèi)，網(wǎng)頁陶吧，天籟絕音。在表達(dá)出網(wǎng)站主題的同時(shí)，能點(diǎn)出特色之處。

總之，定位題材和名稱是設(shè)計(jì)一個(gè)網(wǎng)站的第一步，也是很重要的一局部。9整理ppt二、定位你的網(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形象。10整理ppt二、定位你的網(wǎng)站CI形象網(wǎng)站CI主要內(nèi)容： 1.設(shè)計(jì)網(wǎng)站的標(biāo)志(logo)。logo是你站點(diǎn)特色和內(nèi)涵的集中表達(dá)，看見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)容。

11整理ppt二、定位你的網(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)色彩〞是指能表達(dá)網(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)綴和襯托，絕不能喧賓奪主。12整理ppt二、定位你的網(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è)提高。13整理ppt三、確定你的欄目和版塊

定位網(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ì)14整理ppt三、確定你的欄目和版塊

欄目的實(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è)，主題突出，容易給人留下深刻印象。15整理ppt三、確定你的欄目和版塊

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

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

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

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

16整理ppt三、確定你的欄目和版塊

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

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

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

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

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

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

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

首先按主菜單欄目建立。

所有程序一般都存放在特定目錄。19整理ppt四、網(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.盡量使用意義明確的目錄；

20整理ppt四、網(wǎng)站的層次結(jié)構(gòu)和鏈接結(jié)構(gòu)〔二〕網(wǎng)站的鏈接結(jié)構(gòu)

是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)根底之上，但可以跨越目錄。一個(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)。21整理ppt五、網(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)肅的。22整理ppt五、網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)風(fēng)格是獨(dú)特的，是站點(diǎn)不同與其他網(wǎng)站的地方?；蛘呱?，或者技術(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)有品位，和藹可親，是老師，是朋友。23整理ppt五、網(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)的東西，就是最能表達(dá)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化，宣傳。24整理ppt五、網(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)一的語氣和人稱。25整理ppt五、網(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)格！"

26整理ppt五、網(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á)信息的一種特別方式?！瞫he&S.H.E〕

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

27整理ppt五、網(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í)自由開展，任意結(jié)合；

3.啟示期--意識(shí)開展并結(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)生IP28整理ppt五、網(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)載自樊志育?廣告制作?)29整理ppt六、首頁的設(shè)計(jì)首頁的設(shè)計(jì)

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

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

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

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

○考慮不同的瀏覽器和分辨率○meta標(biāo)簽的重要性

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

30整理ppt六、首頁的設(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é)31整理ppt七、版面布局的竅門設(shè)計(jì)首頁的第一步是設(shè)計(jì)版面布局。布局，就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。讓我們先來了解一下版面布局的步驟：一.草案，我們建議您用一張白紙和一支鉛筆，當(dāng)然用作圖軟件photoshop等也可以。二.粗略布局，將你確定需要放置的功能模塊安排到頁面上。這里我們必須遵循突出重點(diǎn)、平衡諧調(diào)的原那么，將網(wǎng)站標(biāo)志，主菜單等最重要的模塊放在最顯眼，最突出的位置，然后在考慮次要模塊的排放。三.定案，將粗略布局精細(xì)化，具體化。

32整理ppt七、版面布局的竅門我們可以遵循的原那么有：

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

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

3、比照

4、凝視

5、空白

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

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

33整理ppt七、版面布局的竅門我們可以遵循的原那么有：

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

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

3、比照

4、凝視

5、空白

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

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

34整理ppt七、版面布局的竅門常用的版面布局：

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

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

3.“三〞型布局。

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

5.POP布局。

其實(shí)還有許許多多別具一格的布局，關(guān)鍵在于你的創(chuàng)意和設(shè)計(jì)了。對(duì)于版面布局的技巧，這里提供四個(gè)建議：1.加強(qiáng)視覺效果 2.加強(qiáng)文案的可視度和可讀性3.統(tǒng)一感的視覺 4.新鮮和個(gè)性是布局的最高境界35整理ppt八、色彩的搭配網(wǎng)頁的色彩是樹立網(wǎng)站形象的關(guān)鍵之一。

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

●非彩色的搭配

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

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

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

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

綠色---介于冷暖兩中色彩的中間，顯得和睦，寧靜，健康，平安的感覺。

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

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

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

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

它和白色混合，能表達(dá)柔順，淡雅，浪漫的氣氛(象天空的色彩37整理ppt八、色彩的搭配不同的顏色會(huì)給瀏覽者不同的心理感受。

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

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

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

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

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

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

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

38整理ppt八、色彩的搭配

在網(wǎng)頁配色中，