網站設計，包括的內容十分多。大致分2個層面：
一方面是網址的拓寬設計方案，包含網址的主題風格精準定位和訪問群的精準定位，智能化互動，制做方案策劃，品牌形象包裝，宣傳策劃營銷推廣這些。
另一方面是純網址自身的設計方案例如文字排版設計，照片制作，廣告設計，三維立體設計方案，靜態數據無音文圖，動態性有音影象等；
這兩層面緊密聯系（覺得有點兒象寫辯證畢業論文：），加上網絡科技的迅猛發展，要明確提出一個肯定恰當和權威性的設計理念是不太可能的，要想在一篇文章中歸納出去也難以，因此阿捷依據基本建設一個網站的構思，將自身兩年來網站設計制做的體會心得梳理成一個系列“專題講座”，告知給大伙兒（留意：我并不會十分實際地講某一個技術性或制作技巧，關鍵取決于構思）期待能給您一些協助。下邊是大概的大綱：
1.精準定位你的網址CI品牌形象；
2.精準定位你的網址主題風格和名字；
3.網址的總體設計風格設計創意
4.明確你的頻道和版面；
5.主頁的設計方案
6.網址的結構分析和連接構造
7.版塊合理布局的小技巧
8.色調搭配
9.實際效果與速率
10.替訪問者考慮到
11.微小的地方見功底
12.基本建設完成率與發布時間
13.易用性與親和力度
14.考慮到不一樣的電腦瀏覽器和屏幕分辨率
15.字體樣式的設定和報表的嵌套循環
16.新技術應用的應用選擇
17.設計方案你要的banner和部位
18.對網站設計新手的提議
19.句子文本--融進情感
之上是本“系列產品”文章內容的大綱，會依據具體編寫狀況作些變化。每周一篇。大家剛開始以前，最先確立好多個前提條件：
一．在文章內容中，很有可能舉例子或評價到一些實際網站。最先聲明，阿捷不會有為一切網站作廣告宣傳的“行為“。
二．網站設計與網站制作。大家說網址“設計方案”而不是網址“制做”，他們的差別取決于設計方案是一個思索的全過程，而制做僅僅將思索的結果主要表現出去。一個取得成功的網址最先必須一個出色的設計方案，隨后輔之出色的制做。設計方案是網址的關鍵和生命，一個同樣的設計方案能夠 有多種多樣制做主要表現的方法。
三．大家說的“網址”就是指有明確主題風格和確立目地的應用性網站，不包括純主要表現類或是文字類網址。
好啦，廢話少說，大家進到主題：
========================================================
一：精準定位你的網址主題風格和名字
設計方案一個網站，最先碰到的難題便是精準定位網址主題風格。
說白了主題風格也便是你的網址的主題。互聯網上的網址主題稀奇古怪,應有盡有。如果你想的到，就可以把它制做出去。下邊是英國《個人電腦》雜志期刊(PC Magazine)評選的98年度排名前100位的美國知名網站的十類主題，對大家有一些實用價值。
第一類：日常生活/時尚潮流
第二類：網上求職
第三類：網絡聊天／及時信息內容/ ICQ
第4類：在網上小區／探討 / 郵件歸檔
第5類：電子信息技術
第六類：網頁頁面/ 網站建設
第7類：娛樂網站
第八類：旅游
第9類：參照 /新聞資訊
第10類：家中/文化教育
每一個大類都能夠再次細分化，例如游戲娛樂類再分成體育文化 /影片/ 歌曲大類，歌曲又可以按文件格式分成MP3，VQF，Ra，按表達形式分古典風格，當代，搖滾樂等。之上都僅僅最普遍的主題，也有很多技術專業的，極具特色的，與眾不同的主題能夠 挑選，例如中醫學，觀賞魚，天氣預告這些，另外，每個主題相聯絡和交叉式融合能夠 造成新得主題，比如旅游論壇（度假旅游 探討），經典進球播放視頻（足球隊 影視制作）按那樣分下來，主題能夠 有不計其數個，你肯定不會再為主題反復，無法挑選而苦惱了吧:)
針對主題的挑選，我們建議是：
1.主題最好是就是你自身善于或是鐘愛的內容。例如：您對善于程序編寫，就可以創建一個編程愛好者網址；對足球隊很感興趣，能夠 報導全新的戰績，籃球明星動態性等。那樣在制做時，才不容易感覺無趣或是心有余而力不足。興趣愛好是制作網頁的驅動力，沒有激情，難以制作出優秀的著作。
3.主題不必太濫或是總體目標太高。“太濫”就是指四處由此可見，每個人都是有的主題；例如軟件免費下載，免費發信息。“總體目標太高”就是指在這里一主題上早已有十分出色，名氣很高的網站，你需要超出它是很艱難的。除非是你下定決心和有整體實力市場競爭并超出它，記牢，在互聯網技術上僅有第一，大家通常只還記得比較好的網站，第二第三名的印像則會淺得多。
2.主題風格要小而美。精準定位要小，內容要精。假如你要制做一個應有盡有的網站，把全部您覺得精彩紛呈的物品都放到上邊，那麼通常會不如人意，給人的覺得是沒有主題風格，沒有特點，每樣有卻每樣都很淺薄，由于您不太可能有那么多的活力去維護保養它。互聯網的較大特性便是新和快，現階段最受歡迎的個人中心全是每日更新乃至幾個小時升級一次。全新的調查報告也顯示信息，互聯網上的“主題風格站”比“必備站”更受大家鐘愛，就如同經銷店和百貨商城，假如必須買某層面的物品，毫無疑問會挑選專買店。再舉個事例，我的一位網民KK期待制做文學類層面的主題，可是文學類也包含很多很多內容，有小說集，詩文，短文；有科幻片，武俠江湖，邏輯推理；阿捷細心了解了他的善于和要想出示的具體內容，最終將主題精準定位在文學網站上，刪除了原來的一些不相干的文學著作，集中化擴張和梳理文學網站著作。網址發布后，迅速遭受大伙兒的鐘愛。
OK，假如你早已有一個絕佳的想法了，那大家剛開始為網址取名字。（哎喲，別踢我！）您很有可能覺得取名字與網站設計不相干，阿捷在這兒虛度光陰。實際上網站名也是網站設計的一部分，并且是很重要的一個因素。你看來，“電腦上學習室”和“電腦之家”顯而易見是后面一種簡潔；“迷笛游樂園”和“MIDI游樂園”顯而易見是后面一種明確；“少年兒童乾坤”和“我國幼稚園”顯而易見是后面一種空氣。大家都了解PIIICUP的中文名字“奔流”，假如改成“飛奔”，很有可能就沒有今日那么“火”了:)。和現實生活中一樣，網站名是不是浩然正氣，洪亮，易記，對網址的品牌形象和宣傳推廣也是有非常大危害。一般的提議是：
1. 名字要正。這一“正”是阿捷自身的叫法，實際上便是要合理合法，和理，和情。不能用反革命的，情色的，封建迷信的，傷害社會安全的專有名詞句子。
2. 名字要易記。依據中文網址訪問者的特性，除非是特殊必須，網站名最好用中文名字，不必使用英文或是中英復合型名字。比如：beyond studio和超過個人工作室，后面一種更親近易記。此外，網站名的篇幅應當操縱在六個字（最好是四個字）之內，例如“XX閣”“XX設計所”，四個字的能夠 用成語，如“一網打入”。篇幅少也有個益處，一般友鏈的小logo規格是88X31，而六個字的總寬是78上下，合適于別的網站的連接排版設計。
3. 名字要有特點。名字樸實就可以接納，假如能反映一定的內函，給訪問者大量的視覺沖擊和邏輯思維能力，則為佳品。這兒舉好多個阿捷覺得非常好的名字：歌曲新潮，網頁頁面陶吧，天籟絕音。在反映出網址主題風格的另外，能點出特點之處。
總而言之，精準定位主題和名字是設計方案一個網站的第一步，也是很重要的一部分。假如能尋找一個令人滿意的名字，花一天時間翻字典也是非常值得的:)
好，今日的體會心得就提到這兒。由于是第一篇，因此假如您對本系列講座方式有一切提議，請速信件告知阿捷，便于阿捷作相對變更。假如您有更強的體會心得，也請信件，阿捷會擇優錄用發布。謝謝你們！下一次大家探討的主題風格是“精準定位你的網址CI品牌形象”。
說白了CI，是使用的廣告宣傳專業術語。(CI是英語corporate identity的簡稱)，意思是根據視覺效果來統一企業的品牌形象。現實生活中的CI策劃數不勝數，優秀的事例如：可口可樂公司公 司，全世界統一的標示，顏色和包裝設計，讓我們的印像極其刻骨銘心。大量的事例如SONY,三菱，肯德基這些。
一個優秀的網址，和實體線企業一樣，也必須總體的品牌形象包裝和設計方案。精確的，有創意的CI 設計方案，對網址的宣傳推廣有事倍功半的實際效果。在您的網址主題風格和名字定出來以后，必須思索的便是網址的CI品牌形象。
有網民要問了：不是我學廣告專業的，CI一件事而言很有可能真的很難吧:( 不必擔心，阿捷自身都沒有學過專業設計哦。大伙兒要是參照我的一些具體方法和工作經驗，非常容易將自身網址的CI拿下:)
1.
網站設計的標示(logo).最先你需要制作一個網站的標示(logo)。就好似商標logo一樣，logo就是你網站特點和內函的充分體現，看到logo就要大伙兒感悟到你的網站。留意：這兒的logo并不是指88X31的小圖標banner,只是網址的標示。
標示能夠 是簡體中文，英語字母，能夠 是標記，圖案設計，能夠 是小動物或是角色這些。例如：soim是用soim的英語做為標示，新浪網用英文字母sina 雙眼做為標示。標示的創意設計來源于你網址的名字和內容。
(1).網址有象征性的角色，小動物，花草植物，可以用他們做為設計方案的原型，多方面卡通化和形象化，比如迪士尼的米奇老鼠，搜狐網的卡通狐貍，鯊威體育界的籃球賽大白鯊。
(2).網址有專業能力的，能夠 以本技術專業有意味著的物件做為標示。例如中行的銅錢標示，奔馳汽車的汽車方向盤標示。
(3).最常見和非常簡單的方法是用自身網站的英文名字作標示。選用不一樣的字體樣式， 英文字母的形變，英文字母的組成能夠 非常容易制做好自身的標示。
2.網站設計的規范顏色。網址給人的第一印象來源于視覺沖擊，明確網址的規范顏色是非常關鍵的一步。不一樣的色彩的搭配造成不一樣的實際效果，并很有可能危害到來訪者的心態。
“規范顏色”就是指能反映網址型象和拓寬內函的顏色。舉個具體的事例就懂了：IBM的暗藍色，肯得基的鮮紅色條形，windows窗口標示上的紅藍黃翠綠色塊，都使大家感覺很切合，很和睦。假如將IBM改成翠綠色或橙黃色，大家會有哪些覺得？
一般來說，一個網站的規范顏色不超過3種，太更多就是令人目不暇接。規范顏色要用以網址的標示，題目，主菜單和主圖形。給人一種總體統一的覺得。對于其他顏色還可以應用，僅僅做為裝點和烘托，決不能反客為主。
一般來說，合適于網頁頁面主色調的色調有：深藍色，黃/橘色，黑/灰/乳白色三大系列產品色。(注：有關色彩的搭配的具體做法，大家會在本系列產品文章內容的第八篇詳細介紹)。
3.網站設計的規范字體樣式。和規范顏色一樣，規范字體樣式就是指用以標示，題目，主菜單的獨有字體樣式。一般大家網頁頁面默認設置的字體樣式是宋體字。為了更好地反映網站的“不同尋常”和獨有設計風格，我們可以依據必須挑選一些尤其字體樣式。比如，為了更好地反映技術專業能夠 應用粗仿宋字體，反映設計方案精致可以用廣告宣傳體，反映親近隨便可以用手寫體這些。自然這種全是阿捷的本人觀點，你能依據自身網址所表述的內函，挑選更切合的字體樣式。現階段普遍的字體樣式有二三十種，常見的英文字體樣式有近千種，互聯網上也有很多專用型英語造型藝術字體下載，要找尋一款令人滿意的字體樣式并算不上艱難:)
必須表明的是：應用非默認設置字體樣式只有用照片的方式，由于很可能訪問者的PC里沒有安裝你的尤其字體樣式，那麼您的艱辛制作便付諸東流啦！
4.網站設計的宣傳語。還可以說成網址的精神實質，網址的總體目標。用一句話乃至一個詞來高寬比歸納。相近具體日常生活的廣告宣傳經典話語。比如：鵲巢的“味道太好了”；麥斯威爾的“好產品和最好的朋友一起共享”；Intel的“讓你一個奔流的心”。
之上四方面：標示，顏色，字體樣式，宣傳語，是一個網站塑造CI品牌形象的重要，準確的說是網址的表面文章，設計方案并進行這兩步，你的網址將洗心革面，總體品牌形象有一個提升。品牌形象地說：你從一個俗氣的農戶變化為一位西裝筆挺的上班族人員。(留意：大家僅僅以平面圖靜態數據設計制作CI,都還沒引進響聲，三維立體等要素。)
好啦，看過之上的詳細介紹，你應該對網址CI擁有一個基本的定義。或許并不是很搞清楚，由于這些大道理太抽象性了，你很有可能必須一些具體的，更栩栩如生的事例。阿捷會在自身的首頁上另外改動填補一些案例。下一節，大家來探討“明確網址的頻道版面”，歡迎你參加，感謝！
明確網址的頻道和版面
《設計的思考》系列產品文章內容，從今天開始寫第三篇。阿捷并不是技術專業的網站設計師，但阿捷將盡自身所可以把這一系列產品文章內容寫好，盡量將自身實踐過程中小結的工作經驗和體會心得告知給大伙兒，期待能給您一點獲得，一點啟迪。文章內容中列出見解若有不一樣建議，歡迎你信件探討，信件寄
[email protected]，感謝。
我們在前二一篇文章里學了精準定位網址主題風格和建立網址的CI品牌形象。下邊是不是該進到實際性的制作環節呢？回答是：不可以。工作經驗告知大家，創建一個網站如同寫一篇文章，最先要擬好大綱，文章內容才可以主題風格確立，層級清楚；也如同造一座高樓大廈，最先要設計方案好架構工程圖紙，才可以使房子合理配置。
新手(包含自己:-)，最非常容易犯的不正確便是：明確主題后馬上剛開始制做。如果你一頁一頁制做結束后才發覺：網址構造不清楚，文件目錄繁雜，內容東一塊西一塊。結果不僅訪問者看得糊里糊涂，自身擴大和網站建設維護也非常艱難，您的網址也許從此急于求成，更槽糕的是：你因而失去制做首頁的自信心和興趣愛好！
因此，我們在動手能力設計網頁前，一定要考慮到好下列三層面：
1.明確頻道和版面；
2.明確網址的文件目錄構造和連接構造
3.明確網址的總體設計風格設計創意
今日大家最先來探討“明確網址的頻道和版面”。
網址的主題明確后，相信你早已搜集和機構了很多有關的材料內容。你一定覺得這種全是最好是的，毫無疑問能吸引住網民們來訪問網址。可是你有沒有將最好是的，最吸引人的內容放到最突顯的部位呢？是否有讓好產品在版塊遍布上占較大優勢呢？
看見了很多個人中心的頻道(主菜單)并不是這樣的。舉個事例：有一個以出示動畫素材為主題風格的網站，它的主頻道是：有關網站站長，本網站導航欄，動漫寶藏，本網站社區論壇，本網站留言本，聯絡網站站長。主頁上寫著本網站網站地址和著作權聲明(竟然也有將本網站設為首頁字眼)。最關鍵的，最吸引人的動畫素材在主頻道里占1/6，在主頁上一字沒提。我覺得即便這一網站確實有很多的，精致的動畫素材，也難以吸引住訪問者再次發掘。
頻道的本質是一個網站的考試大綱數據庫索引，數據庫索引應當將網址的行為主體確立顯示信息出去。在制訂頻道的情況下，要細心考慮到，科學安排。一般的網址頻道分配要留意下列幾層面：
1.一定記牢要圍繞你的主題風格！
一般的作法是：將你的主題風格按一定的方式 歸類并將他們做為網址的主頻道。比如上邊的事例，能夠 將頻道分成動物動畫，標示動漫，三維動畫，動漫卡通等，在主頁上標出最近更新的動漫。記牢：主題風格頻道數量在總頻道時要占較大優勢，那樣的網址顯的技術專業，主題風格突顯，非常容易給人留有深刻的印象。
2.設一個最近更新或網址手冊頻道
假如你的主頁沒有分配版塊置放最近更新內容信息內容，就必須開設一個“最近更新”的頻道。那樣做是為了更好地照料常到的瀏覽量，給你的首頁更有個性化。
假如你的首頁內容巨大(超出15MB)，層級較多，而又沒有網站內部的百度搜索引擎，建議設定“本網站手冊”頻道。能夠 協助初訪者迅速尋找她們要想的內容。
3.設置一個能夠 雙向交流的頻道
不用許多，但一定要有。例如社區論壇，留言本，郵件歸檔等，能夠 讓訪問者留有她們的信息內容。有調研說明，出示雙向交流的網站比簡易的留一個"Email me"的網站更具備感染力。
4.設一個免費下載或疑難問題回應頻道
網絡的特點是資源共享。假如你見到一個網站有很多的出色的有使用價值的材料，你毫無疑問期待能一次性免費下載，而不是一頁一頁訪問存盤。“以誠待人”在你自己的首頁上設定一個教材下載頻道，會獲得大伙兒的喜愛。一些網站為了更好地廣告宣傳顯示信息量，一篇文章也要分兩頁顯示信息，我認為終究會因瀏覽量降低而取代(意見與建議:)。此外，假如您的網站常常接到網民有關某層面的難題信件，你最好開設一個疑難問題回應的頻道，既便捷了網民，還可以節省自身大量時間用于學習培訓。
對于別的的輔助內容，如有關本網站，版權信息等可以不放到主頻道里，以防淡化主題風格。小結之上幾個方面，大家得到區劃頻道必須留意的是：
●盡量刪掉與主題風格不相干的頻道
●盡量將網址最有使用價值的內容列在頻道上
●盡量便捷來訪者的訪問和查尋
上邊說的是頻道，大家再看一下版面設定。版面比頻道的定義要大一些，每一個版面都是有自身的頻道。舉個事例：網易游戲的網站分新聞報道，體育文化，金融，游戲娛樂，文化教育等版面，每一個版面下邊有都有自身的主頻道。一般的本人網站內容少，僅有主頻道(主菜單)就可以了，不用設定版面。如果你覺得確實必須設定版面的，應當留意1.各版面要有相對性自覺性。2.各版面要有互相關系。3.版面的內容要緊緊圍繞網站主題風格。有關版面層面，主要是門戶網網站等很大ICP必須考慮到的難題，阿捷在這里
已不作深入探討。
好，早已深更半夜了，今日就寫到這。阿捷下一次再次和大伙兒討論怎樣"明確網址的文件目錄構造和連接構造"，謝
謝。
明確網址的文件目錄構造和連接構造
各位好！。它是《設計的思考》系列產品文章內容第四篇。假如你必須前幾集文章內容能夠 到索易下載《多媒體與網站開發》電子期刊，還可以到我個人中心《網頁設計師》訪問。
續篇提到：我們在動手能力設計網頁前，一定要考慮到好下列三層面：
1.明確頻道和版面；
2.明確網址的文件目錄構造和連接構造
3.明確網址的總體設計風格設計創意
今日大家再次來探討“明確網址的文件目錄構造和連接構造”。
一.網址的文件目錄構造
網址的文件目錄就是指你建設網站時建立的文件目錄。比如：再用frontpage98建設網站時都默認設置創建了網站根目錄和images根目錄。文件目錄的構造是一個非常容易忽視的難題，大部分網站站長全是沒經整體規劃，隨便建立根目錄。文件目錄構造的優劣，對訪問者而言并沒什么很大的覺得，可是針對網站自身的提交維護保養，內容將來的擴大和移殖擁有關鍵的危害。下邊是創建文件目錄構造的一些提議：
●不必將全部文檔都儲放在根目錄下。
有網民為了更好地便捷，將全部文檔都放到根目錄下。那樣做導致的不好危害取決于：
1.文檔多頭管理。你經常分不清什么文檔必須編寫和升級，什么沒用的文檔能夠 刪掉，什么是關聯的文檔，危害工作效能。
2.上傳速度慢。網絡服務器一般都是會為網站根目錄創建一個文檔數據庫索引。當您將全部文檔都放到根目錄下，那麼即便你只提交升級一個文檔，網絡服務器也必須將全部文檔再查找一遍，創建新的數據庫索引文檔。很顯著，文檔量越大，等候的時間也將越長。因此，給您的提議是：盡量減少網站根目錄的文檔儲放數。
●按頻道內容創建根目錄。
根目錄的創建，最先按主菜單頻道創建。比如:網頁教程類網站能夠 依據技術性類型各自建立完善的文件目錄，象Flash,Dhtml,Javascript等；公司網站能夠 按公司概況，產品簡介，價錢，線上訂單，意見反饋聯絡等建立完善文件目錄。
別的的主次頻道，相近what's new，友情鏈接內容較多，必須常常升級的能夠 創建單獨的根目錄。而一些關聯性強，不用常常升級的頻道，比如：有關本網站，有關網站站長，網站歷經等能夠 合拼放到一個統一文件目錄下。
全部程序流程一般都儲放在特殊文件目錄。比如：CGI程序流程放到cgi-bin文件目錄。有利于維護保養管理方法。全部必須免費下載的內容也最好是放到一個文件目錄下。
●在每一個主目錄下都創建單獨的images文件目錄。
默認設置的，一個網站根目錄下都是有一個images文件目錄。剛開始學習首頁制做時，阿捷習慣性將全部圖片都儲放在這個文件目錄里。但是之后發覺很不方便，當我們必須將某一主頻道裝包供網民免費下載，或是將某一頻道刪掉時，照片的管理方法非常不便。歷經實踐活動發覺：為每一個主頻道創建一個單獨的images文件目錄是最便于管理的。而根目錄下的images文件目錄僅僅用于放主頁和一些主次頻道的照片。
●文件目錄的層級不必過深。
文件目錄的層級提議不必超出3層。緣故非常簡單，維護保養管理方法便捷。
其他必須留意的也有：
1.不必應用簡體中文文件目錄；互聯網跨越國界，應用簡體中文文件目錄很有可能對網站地址的恰當顯示信息導致艱難。
2.不必應用太長的文件目錄；雖然網絡服務器適用長文件夾名稱，可是過長的目標目錄不有利于記憶力。
3.盡可能應用實際意義確立的文件目錄；上邊的事例中，你能用Flash,Dhtml,Javascript來創建文件目錄，還可以用1，2，3創建文件目錄，可是哪一個更確立，更有利于記憶力和管理方法呢？顯而易見是前面一種！
伴隨著網頁頁面技術性的持續發展趨勢，運用數據庫查詢或是別的后臺運行自動生成網頁頁面愈來愈廣泛，網址的文件目錄構造也終將飛越到一個新的結構層次。
二.網址的連接構造
網址的連接構造就是指網頁頁面中間互相連接的網絡拓撲結構。它創建在文件目錄構造基本以上，但能夠 超越文件目錄。品牌形象的說：每一個網頁頁面全是一個支撐點，連接則是在2個支撐點中間的聯線。一個點能夠 和一個點聯接，還可以和好幾個點聯接。更關鍵的是，這種點并并不是遍布在一個平面圖上，只是存有于一個立體式的室內空間中。
●大家科學研究網址的連接構造的目地取決于：用至少的連接，促使訪問最高效率。
一般的，建設網站的連接構造有二種基礎方法：
1.樹形結構連接構造（一對一）。相近DOS的文件目錄構造，主頁連接偏向一級網頁頁面，一級網頁頁面連接偏向二級網頁頁面。立體式構造看上去就象蒲公英花。那樣的連接構造訪問時，一級級進到，一級級撤出。優勢是條理清楚，來訪者確立了解自身在什么位置，不容易"迷"路。缺陷是訪問高效率低，一個頻道下的子網頁頁面到另一個頻道下的子網頁頁面，務必繞經主頁。
2.星狀連接構造（一對多）。相近網站服務器的連接，每一個網頁頁面彼此之間都創建有連接。立體式構造象上海東方明珠廣播電視塔上的軸承鋼球。這類連接構造的優勢是訪問便捷，隨時隨地能夠 抵達自身喜愛的網頁頁面。缺陷是連接過多，非常容易使訪問者迷了路，分不清自身在什么位置，看過是多少內容。
這二種基礎構造都僅僅理想化方法，在具體的網站設計中，一直將這二種構造混和起來應用。大家期待訪問者既能夠 便捷迅速的做到自身必須的網頁頁面，又可以清楚的了解自身的部位。因此，最好是的方法是：
●主頁和一級網頁頁面中間用星狀連接構造，一級和二級網頁頁面中間用樹形結構連接構造。
舉個事例。一個新聞報道網站的網頁頁面構造以下：
---------------------------------------------------
一級網頁頁面 二級網頁頁面
財經資訊頁 -- [金融新聞1，財經資訊2...]
/ |
主頁 -- 游戲娛樂新聞網頁 -- [游戲娛樂新聞1，明星新聞2...]
|
IT新聞網頁 -- [IT新聞1，IT新聞報道2...]
----------------------------------------------------
在其中，主頁，財經資訊頁，游戲娛樂新聞網頁，IT新聞網頁中間是星狀連接，能夠 相互之間點一下，立即抵達。而財經資訊頁和它的子網頁頁面中間是樹形結構聯接，訪問金融新聞1后，你務必返回財經資訊頁，才可以訪問IT新聞報道2。因此,有網站為了更好地免除回到一級網頁頁面的不便，將二級網頁頁面立即用新開窗口(POP up windows)開啟，訪問完畢后關掉就可以。
留意：之上我們是用的三級網頁頁面舉例說明。假如您的網站內容巨大，歸類清單，必須超出三級網頁頁面，那麼提議你一直在網頁頁面里顯示信息導航欄，能夠 協助訪問者確立自身所在的部位。便是您常常見到很多網頁頁面頂端的，相近那樣：“您所在位置是：主頁->財經資訊->股市信息->深圳市股->深發展”
有關連接構造的設計方案，在具體的網頁設計中是十分重要一環。選用哪些的連接構造立即危害到版塊的合理布局。比如你的主菜單放到什么位置，是不是每張都必須置放，是不是必須用分幀架構，是不是必須添加回到首頁的連接。在卡扣結構明確后，再剛開始考慮到連接的實際效果和方式，是選用往下拉表格，還是用DHTML動態性萊單這些。
伴隨著電商的營銷推廣，網址市場競爭的愈來愈猛烈，對連接總體設計的規定早已不僅限于能夠 便捷迅速的訪問，更為重視人性化和關聯性。比如，一個孕嬰主題風格網址里，在8個月嬰兒的營養成分難題網頁頁面上，你需要添加8個月嬰兒的健康問題連接，智商塑造連接，或是是相關嬰兒奶粉宣傳策劃的連接，一本書籍，一個小玩具的連接。由于爸爸媽媽不太可能到每一個頻道下來找尋有關8個月嬰兒的信息內容，她們很有可能在尋找必須的難題后就離去網址了。怎樣盡量吸引來訪者，是網站設計者將來務必考慮到的難題。
講到這兒，阿捷突然感覺自身很厲害，竟然會小結出這么大一套基礎理論:)哪些，皮薄?可能吧，這么多大神都沒講話呢！有建議請信件
[email protected]
下一次大家再次探討“明確網址的總體設計風格設計創意”，歡迎你的參加。
明確網址的總體設計風格和設計創意
網址的總體設計風格以及設計創意是網站站長們最期待把握，也是最無法學習培訓的。難就難在沒有一個固定不動的程序能夠 參考和效仿。讓你一個主題風格，一切兩個人都不太可能設計方案出徹底一樣的網址。在我們說："這一網站很cool，很有個性！"那麼，是啥給你感覺很cool呢？它究竟和一般的網址有什么不同呢？文中嘗試最簡要的語言來表明：
1.設計風格是啥，怎樣塑造網站布局？
2.藝術創意是啥，怎樣造成藝術創意？
●設計風格(style)是抽象性的。就是指網站的總體品牌形象給訪問者的綜合性體會。
這一“總體品牌形象”包含網站的CI（標示，顏色
，字體樣式，宣傳語），版塊合理布局，訪問方法，易用性，文本，語調，內容使用價值，存有實際意義，網站殊榮這些眾多要素。舉個事例：大家感覺網易游戲是和藹可親的，迪士尼是生動有趣的，IBM是技術專業嚴肅認真的。這種全是網址給大家留有的不一樣體會。
設計風格是與眾不同的，是網站不一樣與別的網址的地區。或是顏色，或是技術性，或是是交互技術，能讓訪問者確立辨別出這是你的網址特有的。比如新時代互聯網(www.century.2000c.net)的黑白色,網易壁紙站的獨有架構,即便你只見到在其中一頁，還可以辨別出是哪個網站的。
設計風格是有人的本性的。根據網址的表面，內容，文本，溝通交流能夠 歸納出一個網站的個性化，心態。是溫文爾雅，是執著激情，是開朗非常容易,是縱容灑脫。象古詩詞中的“豪放派”和“婉約派”，你能用人的個性來形容網站。
有設計風格的網址與一般網址的差別取決于：一般網址你見到的僅僅堆積在一起的信息內容，你只有用客觀的體會來敘述，例如數據量尺寸，訪問速率速度。但你訪問有過設計風格的網址后你可以有更深一層的理性認識，例如網站有品味，平易近人，是教師，是盆友。
看過之上敘述，你很有可能對設計風格是啥很有可能仍然模糊不清。實際上設計風格便是一句話：不同尋常！
怎樣塑造網站布局呢？我們可以分那樣好多個流程：
第一，相信設計風格是創建在有使用價值內容以上的。一個網站有設計風格而沒有內容，就如同繡花枕頭一包草，如同一個性情高傲但卻目不識丁的人。你最先務必確保內容的品質和使用價值性。它是最基礎的，不必質疑。
第二，你需要完全弄清楚自身期待網站給人的印像是啥。能夠 從這幾層面來理清思路：
1.假如只用一句話來敘述你的網站，應該是:_____________
答案：
有創意，技術專業，有(技術性)整體實力，有藝術美，有撞擊力
2.想到你的網站，能夠 想到到的顏色是：________________
答案：
激情的鮮紅色，想象的天籃色，聰慧的橙黃色
3.想到你的網站，能夠 想到到的界面是：________________
答案：
一份晨報，一輛蘭博基尼跑車，群體擁堵的城市廣場，雜貨鋪
4.假如網址是一個人，他有著的個性化是：________________
答案：
觀念完善的成年人，野性豪放的牛仔褲，信心憨厚老實的創業人
5.做為網站站長，你期待給人的印像是：____________________
答案：
愛崗敬業，用心資金投入，有深度，承擔，童真，直率，氣質女人
6.用一種動物來形容，你的網址最象：__________________
答案：
貓(神密高雅)，鷹(眼光鋒利)，小兔子(聰慧比較敏感)，獅子座(信心威信和權威)
7.訪問者感覺你與別的網址的不一樣是：__________________
答案：
值得信賴，信息內容更快，溝通交流便捷，
8.訪問者與你溝通交流協作的體會是：______________________
答案：
老師學生，朋友，盆友，長幼尊卑。
你能自身先填好一份回答，隨后讓別的網民填好。較為后的結果會對你說：你網址如今的差別，缺點及必須改善的地區。
第三，在確立自身的網址印像后，剛開始勤奮創建和提升這類印像。
歷經第二步印像的的"量化分析"后，你需要進一步找到在其中最有特點特性的物品，便是充分體現網站布局的物品。并且以它做為網址的特點多方面關鍵加強，宣傳策劃。比如：再度核查網站名，網站域名，欄目名稱是不是合乎這類個性化，是不是易記。核查網站標準顏色是不是非常容易想到到這類特點，是不是能反映網址的性情這些。實際的作法，沒有圍棋定式。我這里出示一些參照：
1.將你的標示logo,盡量的出現在每一個網頁頁面上。或是頁眉，或是底部，或者情況。
2.突顯你的規范顏色。文本的連接顏色，照片的主顏色，背景顏色，外框等顏色盡可能應用與規范顏色一致的顏色。
3.突顯你的規范字體樣式。在重要的題目，萊單，照片里應用統一的規范字體樣式。
4.想一條順口宣傳語。把它做在你的banner里，或是放到顯眼的部位，告知大伙兒你的網址的特點是...
5.應用統一的語調和尊稱。即便是多本人協作維護保養，還要讓閱讀者感覺是同一個人寫的。
6.應用統一的照片處理實際效果。例如，黑影實際效果的方位，薄厚，模糊不清度都務必一樣。
7.造就一個你的網站獨有的標記或標志。例如在一句連接前的一個點，能夠 應用,.。☆※○◇□△→（區位碼里自身查看）這些。盡管非常簡單的一個轉變，卻給人不同尋常的覺得，(為何也沒有想起呢？)
8.用自身設計方案的花邊圖，線框，點
9.展現你網址的殊榮和取得成功著作。
10.告知網民關于你的真人真事和念頭。
設計風格的產生并不是一次精準定位的，你能結合實際持續加強，調節，裝飾，直至有一天，網民們寄信對你說："我愛你的網站，因為它很有設計風格！"
● 藝術創意(idea)是網址存活的重要。這一點堅信大家都早已認可。殊不知做為網站設計師，最煩惱的便是沒有好的藝術創意來源于。
留意，這兒說的藝術創意就是指網站的總體藝術創意，(由于這一藝術創意而造成這一網站，或是同樣的內容，發布的藝術創意不一樣),網頁頁面的平面圖創意設計我將在后面的版塊合理布局小技巧里詳細介紹。
藝術創意究竟是什么，怎樣造成藝術創意呢？
藝術創意是扣人心弦，精彩紛呈十分，十分不意的；
藝術創意是捕獲出去的好點子，是寫作出去的奇招....
這種說法都講出了藝術創意的一些特性，本質上，
○藝術創意是傳達信息的一種尤其方法。
例如Webdesigner(網站設計師)，大家將在其中的E字母大寫一下: wEbdEsigEr，覺得如何，這實際上便是一種藝術創意！
藝術創意并并不是奇才者的設計靈感，只是思索的結果。依據英國廣告學專業專家教授勒布朗詹姆斯的科學研究，藝術創意思索的全過程分五環節：
1.分階段--研究室收集的材料，依據舊工作經驗，啟迪新意；
2.孵化期--將材料咬合消化吸收，使觀念隨意發展趨勢，隨意融合；
3.啟發期--觀念發展趨勢并融合，造成藝術創意；
4.認證期--將造成的藝術創意探討調整 ；
5.發展期--設計方案設計網頁，將藝術創意細化。
○藝術創意是將目前的因素重新排列。
例如，互聯網與電話融合，造成IP電話。從這一點上考慮，所有人，包含我與你，都能夠造就出非同凡響的藝術創意。并且，材料越豐富多彩，越非常容易造成藝術創意。就如同魔鏡，筒內的玻璃鏡片越多，所展現的圖案設計越多。你假如有意能夠 發覺，互聯網上的數最多的藝術創意來源于與日常生活的融合(或是虛擬現實技術)，比如線上圖書店，電子器件小區，網上拍賣。你是不是想起了一種更強的藝術創意呢？
藝術創意思索的方式最常見的是想到，這兒出示了網址藝術創意的25種想到案件線索：
1.把它錯亂 2.把它變小 3.把色調換一下 4.使它更長
5.使它閃爍 6.把它放入歌曲里 7.融合文本歌曲繪畫 8.使它變成年青的
9.使它反復 10.使它變為立體式 11.報名參加比賽 12.報名參加打賭
13.變動一部分 14.瓦解它 15.使它曼蒂 16.使它速率加速
17.提升香氣 18.使它看上去時興 19.使它對稱性 20.將它向少年兒童需求
21.價錢更低 22.給它起個外號 23.把它裝包 24.完全免費出示
25.之上各類拓寬組成
-------------(轉載樊志育《廣告制作》)
必須一提的是：藝術創意的目地是更強的宣傳推廣網址。假如藝術創意非常好，卻對網址發展趨勢毫無價值，如同給乳牛高跟鞋，那麼，大家寧愿舍棄這一藝術創意！
有關設計風格和藝術創意，能夠 講得也有很多。很感興趣的網民能夠 自身找一些廣告創意設計層面的書閱讀文章。期待文中能協助您對網站的設計有一個升級的了解和提升。感謝！
主頁的設計方案
在大家全方位考慮到好的網站的頻道，連接構造和總體設計風格以后，大家就可以宣布動手能力制做主頁了。
有那么一句俗話："優良的開始是取得成功的一半"。
在網站設計上也是這般，
主頁的設計方案是一個網站取得成功是否的重要。大家通常見到第一頁就早已對你的網站有一個總體的覺得。是否可以促進訪問者再次點擊查看，是不是可以吸引住訪問者留到網站上，全靠主頁設計的"功底"了。
因此，主頁的設計方案和制做是肯定要高度重視和用心的。阿捷的工作經驗是：一般主頁設計和制做占全部制做時間的40%。你寧愿多花些時間在初期，以防出現所有搞好之后再改動，那將是最消耗活力的事。
這兒，先插一個“封面圖”的難題。封面圖就是指沒有主要內容，只放一個logo點擊查看或是僅有簡易的圖形菜單的主頁。
是不是必須為網站設計方案一個“封面圖”？阿捷的個人見解是：沒必要！
除非是你是很藝術類專業的網站，或是能夠 相信內容與眾不同，能夠 吸引住訪問者進一步點擊查看的網站，不然得話，封面圖式的主頁并不會讓你的網站產生什么好處。大家網上訪問必須的是迅速，有使用價值的信息內容，假如等候xx分鐘，只顯示信息出一個粗糙的“ENTER”標志，那麼堅信沒人會再耐心等待進到下一頁。
由于主頁的必要性，阿捷將著器重８一篇文章來細心探討相關主頁設計的各個方面，大概大綱以下：
○版塊合理布局的小技巧
○色調搭配
○字體樣式的設定和報表的嵌套循環
○微小的地方見功底
○考慮到不一樣的電腦瀏覽器和屏幕分辨率
○設計方案你要的banner和部位
○meta標識的必要性
○主頁設計的小提議
今日，僅僅有關主頁設計的一個因子。使我們來大概了解一下主頁設計的流程。
主頁，從源頭上說便是整站內容的文件目錄，是一個數據庫索引。但僅僅列舉文件目錄顯而易見是不足的，怎樣設計方案好一個主頁呢？一般的流程是：
●明確主頁的程序模塊
●設計方案主頁的版塊
●解決技術性上的關鍵點
一).明確主頁的程序模塊。
主頁的內容控制模塊就是指你需要在主頁上完成的具體內容和作用。一般的網站都必須那樣一些控制模塊：
網站名(logo), 廣告條(banner), 主菜單(menu),
新聞報道(what's new), 檢索(search), 友鏈(links),
郵件歸檔(maillist),電子計數器(count), 著作權(copyright).
挑選什么控制模塊，完成什么作用，是不是必須加上別的控制模塊全是主頁設計最先必須明確的。
二).設計方案主頁的版塊
在程序模塊明確后，剛開始設計方案主頁的版塊。就象積木游戲，每一個控制模塊是一個企業樂高積木，怎樣拼搭成一座漂亮的別墅，就看著你的藝術創意和想像力了。
設計方案版塊的最好是方式 是：找一張白紙，一支筆，先將你理想化中的手稿刻畫出去，隨后再用網頁設計手機軟件完成。
三).解決技術性上的關鍵點
阿捷常常接到的信件難題便是：我制做的首頁怎樣能在不一樣屏幕分辨率下維持不形變，怎樣能在IE和NC下看上去都不會太丑惡，怎樣設置字體和連接色調....這些,阿捷將在下面2~3篇文章內容里為大伙兒詳解。
主頁設計是全部網站設計的難題和重要，阿捷期待可以根據和大伙兒的溝通交流，小結出一套比較有效易懂的設計方法，進而舉一反三，使大家可以更為輕輕松松的進行全部網站的制作。要是你愿意將你的體會心得和大伙兒共享，請信件
[email protected],感謝！
版塊合理布局的基本原理
設計方案主頁的第一步是設計方案版塊合理布局。
就象傳統式的報紙雜志編寫一樣，大家將網頁頁面當作一張報刊，一本雜志期刊來開展排版設計合理布局。盡管動態網站技術性的發展趨勢促使大家剛開始趨于學習培訓情景導演，可是固定不動的網頁頁面版式設計基本仍然是務必學習培訓和把握的。他們的基本概念是相通的，你能領悟關鍵點，舉一反三。
版塊指的是電腦瀏覽器見到的詳細的一個網頁頁面（能夠 包括架構和層）。由于每一個人的顯示屏屏幕分辨率不一樣，因此同一個網頁頁面的尺寸很有可能出現640*480清晰度,800*600清晰度,1024*768清晰度等不一樣規格。
合理布局，便是以最合適訪問的方法將照片和文本排污在網頁頁面的不一樣部位。你很有可能注意到：“最合適”是一個不確定性的修飾詞，哪些才算是最合適的呢？很抱歉的是阿捷不可以也不太可能給您一個詳細的恰當的回答。就如同有些人期待了解成功秘訣是啥，成功人士只有建議用什么方法，哪些方式才可以最非常容易取得成功，而不太可能有一步取得成功的"竅門"告訴你。
我們在設計方案思索系列產品文章內容第四篇講過網站總體的藝術創意，版塊合理布局也是一個藝術創意的難題，但是比網站總體的藝術創意非常容易，有規律性的多。使我們先來了解一下版塊合理布局的流程：
一.議案
在建網頁頁面就象一張白紙，沒有一切報表，架構和約定成俗的物品，你能盡量的充分發揮你的想像力，將你想起的"景色"畫上來(大家建議用一張白紙和一支鉛筆，自然用作圖軟件photoshop等還可以)。這歸屬于造就環節，不注重細致整齊，無須考慮到關鍵點作用，只用粗糙的線框描繪出藝術創意的輪廊就可以。盡你的很有可能多畫多張，最終選中一個令人滿意的做為再次寫作的腳本制作。
二.粗略地合理布局
在議案的基本上，將你確定必須置放的程序模塊分配到網頁頁面上。(注：程序模塊我們在"主頁設計-因子"中提及，關鍵包括網址標示,主菜單,新聞報道,檢索,友鏈,廣告條,郵件歸檔,電子計數器,版權信息等)。留意，這兒大家務必遵照突出主題、均衡協調的標準，將網址標示，主菜單等最重要的控制模塊放到最醒目，最突顯的部位，隨后在考慮到主次控制模塊的排污。
三.確定
將粗略地合理布局精細化管理，細化。（靠你的聰慧和工作經驗，拐彎抹角多方面想到，才可以做出具備藝術創意的合理布局。）
在合理布局全過程中，我們可以遵照的標準有：
1、一切正常均衡---亦稱"均勻"。常指上下、左右對比方式，關鍵注重紀律，能做到穩定誠信、信任的實際效果。
2、出現異常均衡---即非對比方式，但還要均衡和律動，自然全是不勻整的，此類合理布局能做到注重性、躁動不安性、高矚目性的實際效果。
3、比照---說白了比照，不但運用顏色、色彩等方法來作主要表現，在內容上也可涉及到古與今、新與舊、貧與富等比照。
4、凝望---說白了凝望是運用網頁頁面中角色視野，使訪問者模仿追隨的心理狀態，以做到凝視網頁頁面的實際效果，一般要用大牌明星凝望狀。
5、空缺---空缺有二種功效，一方面對別的網址表明突顯非凡，另一方面也表明網頁頁面品味的自豪感，這類主要表現方式 對體顯網頁頁面的情調十分合理。
6、盡可能用照片講解---此方法對不能用語言說動、或用語言沒法表述的感情，尤其合理。照片講解的內容，能夠 傳遞給訪問者的大量的心理障礙。
------------(轉載廣告大師樊志育《廣告制作》)
之上的設計原理，盡管枯燥乏味，可是大家假如能領悟并活采用網頁布局里，實際效果就大不一樣了。例如，
○網頁頁面的白背景太虛，則能夠 加些色快；
○版塊零散，可以用線框和符號串連；
○左邊文本過多，右邊則能夠 插一張圖片保持穩定；
○報表太規定，能夠 改成倒角試一下。
歷經持續的試著和反復推敲，你的網頁頁面一定會靚麗起來的哦:)
看一下大家常常采用的版塊合理布局方式：
1."T"構造合理布局。說白了"T"構造。是指網頁頁面頂端為橫杠網址標示 廣告條，正下方左邊主導萊單，右邊顯示信息內容的合理布局，由于萊單條情況教深，總體實際效果相近英語字母"T",因此大家稱作"T"形合理布局。它是網頁制作選用的較廣返的一種合理布局方法。(圖略)
這類合理布局的優勢是網頁頁面構造清楚，次序明晰。是新手最非常容易入門的合理布局方式 。缺陷是規定死板，假如關鍵點顏色上不留意，非常容易令人"看之無氣味"。
2."口"型合理布局。這是一個形象的叫法，便是網頁頁面一般左右各有一個廣告條，左邊是主菜單，右邊放友情鏈接等，正中間是具體內容。(圖略)
這類合理布局的優勢是靈活運用版塊，數據量大(我的主頁主頁即歸屬于這類合理布局)。缺陷是網頁頁面擁堵，不足靈便。也是有將四邊空出，僅用正中間的對話框型設計方案，比如網易壁紙站。
3."三"型合理布局。這類合理布局多用以海外網站，中國用的很少。特性是網頁頁面上橫著兩根圖形，將網頁頁面總體切分為四一部分，圖形中大多數放廣告條。
4.對稱性比照合理布局。說白了，采用上下或是左右對稱性的合理布局，一半深棕色，一半淺
色，一般用以設計方案型網站。優勢是視覺效果撞擊力強，缺陷是將兩一部分有機化學的融合較為艱難。
5.POP合理布局。POP取自廣告宣傳專業術語，是指網頁布局象一張宣傳海報圖片，以一張漂亮圖片做為網頁頁面的設計方案管理中心。常見于時尚潮流類網站，例如ELLE.com。優勢不言而喻：好看吸引人。缺陷便是速度比較慢。做為版塊合理布局還是非常值得效仿的。
之上小結了現階段互聯網上普遍的合理布局，實際上也有許多別具一格的合理布局，關鍵所在你的藝術創意和設計方案了。針對版塊合理布局的方法，這兒出示四個提議，您能夠 自身反復推敲：
1.提升視覺沖擊
2.提升創意文案的可視性度和易讀性
3.統一感的視覺效果
4.新鮮和個性化是合理布局的真諦
好啦，今日大家就探討到這兒，續篇大家將再次主頁設計的"色調搭配"篇，熱烈歡迎大伙兒信件探討。
[email protected]
網頁頁面的顏色
網頁頁面的顏色是塑造網址品牌形象的重要之一，色彩的搭配確是網民們覺得頭痛的難題。網頁頁面的情況，文本，標志，外框，網頁鏈接...，應當選用哪些的顏色，應當配搭哪些顏色才可以最好是的表述出預期的內函呢？阿捷這兒談一些體會心得，期待對你有一定的啟迪。
最先大家先來掌握一些顏色的基礎知識：
1.色調是由于光的反射而造成的。
2.紅，黃，藍是三原色，其他的顏色都能夠用這三種純度對比而成。
網頁頁面html語言中的顏色表述就是用這三種顏色的標值表明
比如：鮮紅色是color(255,0,0)十六進制的表明方式 為(FF0000)
乳白色為(FFFFFF), 大家常常見到的"bgColor=#FFFFFF"是指背景顏色為乳白色。
3.色調分非五顏六色和五顏六色兩大類。
非五顏六色就是指黑，白，灰系統軟件色。
五顏六色就是指除開非五顏六色之外的全部顏色。
4.一切顏色都是有對比度和清晰度的特性，特性的轉變造成不一樣的色彩，因此最少能夠 制做幾百萬種顏色。
網頁設計用五顏六色還是是非非五顏六色好呢？依據技術專業的科學研究組織研究表明：五顏六色的記憶力實際效果是黑與白的3.5倍。換句話說，在一般狀況下，五顏六色網頁頁面較徹底黑與白網頁頁面更為吸引人。
大家一般的作法是：具體內容文本用非五顏六色(灰黑色)，外框，情況，照片用五顏六色。那樣網頁頁面總體不簡單，看具體內容也不會頭暈眼花。
●非五顏六色的配搭
黑與白是最基礎和非常簡單的配搭，白字黑色底圖，白底黑字都十分清楚一目了然。
深灰色是全能色，能夠 和一切五顏六色配搭，還可以協助二種對立面的顏色和睦銜接。假如你確實找不到適合的顏色，那麼用深灰色試一下，實際效果絕對不會很差。
●五顏六色的配搭
顏色千姿百態，五顏六色的配搭是大家科學研究的關鍵。大家仍然必須進一步學習培訓一些顏色的專業知識。
一.色盤。
大家將顏色按"紅->黃->綠->藍->紅"先后過多漸變色，就可以獲得一個顏色環。
色盤的兩邊是暖色調和寒色，之中是中小型色。(如下圖)
紅.橙.橙黃色.黃.黃綠色.綠.翠綠.綠藍.藍.藍紫.紫.紫紅色.紅
|___________| |____| |_________| |_________|
| | | |
暖色調 中性化系 寒色系 中性化系
二.顏色的心理狀態覺得。不一樣的色調會給訪問者不一樣的心理狀態體會。
鮮紅色---是一種激奮的顏色。刺激性實際效果，能讓人造成不理智，惱怒，激情，魅力的覺得。
翠綠色---接近冷熱兩中顏色的正中間，看起來和諧，平靜，身心健康，安全性的覺得。
它和金黃色，淡白配搭，能夠 造成雅致，舒服的氛圍。
橘色---也是一種激奮的顏色，具備歡快，歡悅，熱情，溫暖，時尚潮流的實際效果。
淡黃色---具備開心，期待，聰慧和歡快的個性化，它的色度最大。
深藍色---是最具清涼，清爽，技術專業的顏色。
它和乳白色混和，能反映順滑，素雅，爛漫的氛圍(象天上的顏色:)
乳白色---具備雪白，輕快，童真，清理的體會。
灰黑色---具備低沉，神密，靜寂，可悲，壓抑感的體會。
深灰色---具備中等，普普通通，柔和，禮讓，保持中立和優雅的覺得。
每個顏色在對比度，清晰度上稍微轉變便會造成不一樣的覺得。以翠綠色為例子，淺綠色有青春年少，充沛的視覺效果詩意，而深藍色則看起來幽寧，陰深。
○網頁頁面色彩的搭配的基本原理
1.顏色的鮮明性。網頁頁面的顏色要艷麗，非常容易引人注意。
2.顏色的特有性。要有不同尋常的顏色，促使大伙兒對你的印像明顯。(參照設計方案思索第二篇網址CI的規范顏色一節)
3.顏色的適合性。就是顏色與你表述的內容氛圍相合適。如用粉紅色反映女士網站的軟性。
4.顏色的想到性。不一樣顏色會造成不一樣的想到，深藍色想起天上，灰黑色想起夜晚，鮮紅色想起大喜事等，挑選顏色要與你網頁頁面的內函關聯。
○網頁頁面顏色把握的全過程
伴隨著網頁設計工作經驗的累積，大家色彩搭配有那樣的一個發展趨勢:純色->五彩繽紛->主色調->純色。一開始由于技術性和專業知識欠缺，只有制做出簡易的網頁頁面，顏色單一；在有一定基本和原材料后，期待制做一個好看的網頁頁面，將自身搜集的最漂亮的圖片，最令人滿意顏色堆積在網頁頁面上；可是時間一長，卻發覺顏色雜亂無章，沒有個性化和設計風格；第三次重新定位自身的網址，挑選好緊密結合自身的顏色，發布的網站通常較為取得成功；當最終設計構思和技術性做到巔峰時，則又返璞歸真，用單一顏色乃至非五顏六色就可以設計方案出簡約精致的網站。
○網頁頁面色彩的搭配的方法
文章內容寫到這兒，有著急的網民要問了：“究竟用哪種色彩的搭配漂亮呢？你能不能強烈推薦幾類色彩搭配？”別著急，這里有一點方法，能夠 協助你快速變成色調高手:)
1.用一種顏色。這兒就是指先選中一種顏色，隨后調節清晰度或是對比度，(說得通俗化些便是將顏色變淺或者加重)，造成新的顏色，用以網頁頁面。那樣的網頁頁面看上去顏色統一，有質感。
2.用二種顏色。先選中一種顏色，隨后挑選它的鄰近色(在photoshop里按ctrl shift I)。我的主頁用藍色和黃色就這樣明確的。全部網頁頁面顏色豐富多彩但不用稍。
3.用一個色調。簡易的說便是用一個覺得的顏色，比如淡藍色，淺黃，淺綠色；或是姜黃色，土灰，土藍。明確顏色的方式 每個人不一樣，我是在photoshop里按前景色框架，在跳出來的拾色器窗中挑選"自定"，隨后在"色庫"選中就可以了:)
4.用灰黑色和一種五顏六色。例如大紅色的字體樣式配灰黑色的外框覺得很"跳"。
在網頁配色中，避諱的是：
1.不必將所有顏色都采用，盡可能操縱在三種顏色之內。
2.情況和上文的比照盡可能要大，(肯定不能用紋路繁雜的圖案設計作情況)，便于突顯關鍵文本內容。
好啦，今日阿捷就為大伙兒講到這兒了，此外The Open Road網址為大伙兒出示了一張網頁頁面基礎配色表，是十分有使用價值的材料，趕緊儲存一頁吧！
(http://best.163.com/~sinclair/chinese/teach/color/color1.htm)
下一次大家再次探討“字體樣式和報表”，有好的體會心得，請信件！
各位好！，網頁制作思索頻道今日再次第八講。大家之前探討了主頁設計的版塊合理布局和色調搭配，今日大家來談一談字體樣式。
●字體樣式(Font)的設定是網頁設計初學者碰到的第一個難題。怎樣操縱文字大小，怎樣取消超鏈接字體樣式的下橫線是網民信件問得數最多的。好，大家來完全科學研究一下字體樣式的各個領域：
○字段名的設置。
在查詢html文檔原代碼時，大家常常能夠 在文件頭<head>和</head>中間見到那么一句編碼：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
這一段編碼的功效是什么呢？是不是能夠 刪掉呢？
實際上它是meta標識的設置句子，是給電腦瀏覽器看的。它的功效便是告知電腦瀏覽器：這一HTML文檔是選用gb2312字段名制做的。當電腦瀏覽器讀到這一編碼，便以gb2312字段名來表述和翻譯網頁原代碼，隨后大家就可以見到恰當的網頁頁面。因此這一meta句子是十分關鍵的，盡
量不必
刪掉。
gb2312便是大家最了解的GB接下來碼，英語是iso-8859-1字段名。其他也有BIG5,UTF-8,Shift-JIS,EUC,KOI8-2等字段名，各自用以不一樣的字體樣式顯示信息。
○字體樣式的應用。
在網頁頁面里，字體樣式的界定句子是：<font face="Arial">顯示信息文本</font>
在其中Arial便是一種字體樣式的名字。
默認設置的電腦瀏覽器界定的規范字體樣式是簡體中文宋體字和英文times new Roma字體樣式。換句話說，假如你沒有設定一切字體樣式，網頁頁面將以這二種規范字體樣式顯示信息。另外，著二種字體樣式還可以在一切電腦操作系統和電腦瀏覽器里恰當顯示信息。
windows此外內置了40多種多樣英文字和5種字體樣式。這種字體樣式，你也能夠 在網頁頁面里隨意應用和設定。但凡應用windows電腦操作系統的電腦瀏覽器都能夠恰當顯示信息這種字體樣式，但在其他電腦操作系統里，如unix 則不可以完全的正確顯示信息。
假如你必須用一種獨特的字體樣式來反映你的設計風格，那麼怎么讓大伙兒能夠 真實見到你的設計方案網頁頁面呢？處理的方法是：用照片。
將必須用這種字體的地區用照片替代，以確保任何人見到的網頁頁面是同一實際效果。 ○字體樣式的款式(style)。
字體樣式的款式有四種：正常體(regular),斜體字(Italic),粗字體(Bold),粗斜體字(Bold Italic)。設定方式 非常簡單，阿捷就很少啰嗦了。
○字體樣式的實際效果。
這兒指根據html語言設置能夠 立即
如沒特殊注明，文章均為酷站科技原創,轉載請注明來自http://www.ttscar.com.cn/jianzhanzhishi/3482.html
服務熱線
18911184380
