電影網頁設計主題簡述

㈠ 什麼是網頁主題怎樣去應用頁面主題

網頁主題，主要隨個人愛好而定，我喜歡黑色風格的主題。

要將豐富的意義和多樣的形式組織成統一的頁面結構，形式語兄陸言必須符合頁面的內容，體現內容的豐富含義。 運用對比與調和、對稱與平衡、節奏與韻律等手段，通過空間、文字、圖形之間的相互關系建立整體的均衡狀態，產生和諧的美感。如在對稱原則頁面設計中， 它的均衡有時會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或採用誇張枯攜的手法來表現內容往往會達到比較好的效果。

網頁設計作為一種視覺語言，要講究編排和布局，版式設計通過文字圖形的空間組合，表達出和諧與美。

對網站的整體風格和特色作出定位， 准確無羨敗頃誤地標識你的站點和企業標志，聲明版權所有者等。

㈡ 電影網站的內容簡介

本書是一本幫助網頁製作初學者和從事網站開發的工作人員快速入門、提高並能學以致用的書籍。主要內容包括：用Fireworks CS3處理網頁圖像、用Flash CS3製作網頁動畫、用Dreamweaver CS3整合網頁素材、網頁的布局、網站的開發、網頁素材的製作技巧以及動態網頁的製作等。為了使讀者對本書知識有更加完整的認識，最後還製作了兩個非常實用的例子，讓讀者將在本書中所學習到的知識真正應用到實際工作和學習過程中。
本書內容豐富、實用，共分為4篇，每一篇又由多章組成。在結構上考慮到不同學習程度的讀者對學習的內容有不同的要求，所以不同的篇章也由不同的板塊組成，如本章小結、知識關聯和提高知識問答等。在每一頁的頁腳，都提供了與本頁知識相關的操作技巧、注意事項和作者經驗談，盡可能地為讀者設想，解決學習中的疑問。
本書適合於網頁設計人員、網站開發人員及各行各業對網頁製作和網站建設感興趣的讀者自學使用，也可作為電腦培訓班、學校的教學用書。

㈢ 關於網頁製作的題材

時下隨著各種通訊技術的發展，互聯網已在中國逐步進入普及階段，許多人在充分享受瀏覽新聞，網上聊天，網路游戲，網上交易，收發電子郵件等網路的各種樂趣後，開始不滿足於被動式的接受，希望能主動參與網路，因此大量的個人網站應運而生了。
計算機與網路專業技術人員能利用一技之長及在某一方面的專長輕松製作網頁，但大量的網路菜鳥級人物如何製作個人主頁，建立個人網站呢？我大概總結了以下幾點，希望對一些對這方面缺乏基本了解的人提供一些幫助。如果你是個經常上網的網蟲，並對如何建立網站有一定的興趣，那麼請你繼續讀下去，否則我推薦你使用某些網站推出的傻瓜式的個人網頁或請專業的網頁製作公司代勞，完全沒必要自己動手。
1． 要建立個人網站，首先必須要了解一下目前網頁製作的基本語言HTML，入門即可，大概花個一二小時就可。
2． 學會使用目前流行的網頁製作軟體，如Frontpage、Dreamweaver等一些功能強大，所見所激蔽得的軟體，初步了解就可，不用全部掌握，一般是邊用邊學，不斷提高使用水平。
3． 廣泛的上網瀏覽各種網頁，一開始最好能下載一些較簡單的個人網頁，因為他們所用到的技術較為簡單，可用網頁製作軟體打開研究。然後推薦去瀏覽一些專業的網頁設計網站，學習一些排版經驗，同時可下載一些網頁結構模版供自己套用。
4． 確定你的網站主題，我個人不主張開始就想建軟體大全、書庫等網上流行的為網站主題，因為第一你不夠專業，網上已有太多的同類軟體，別人不可能上你的祥鏈網站下載。第二這類網站需要巨大的主頁空間，不僅一開始你申請不到這么大的空間，而且你也不可能經常上載維護。網站主題最好是有你的個人特色，實在不能確定我建議自己做一個私人門戶網站，將平時自己經常去的網站做一個較為綜合的連結。
5． 網頁最好不要用特別與眾不同的顏色、字體，因為每個人使用的計算機各不相同，特別的顏色、字體別人不一定能看得到。
6． 網頁要增加美觀圖片不可缺少，我建議如果你會用一些專業的作圖軟體最好自己製作，這會有自己的特色，放些私人照片也可以，但切記各種圖片一定要作優化處理，減小它的存儲尺寸。提醒一下每頁不要放過多的圖片，因為第一會使網頁顯得雜亂，第二會使你的網頁顯示速度過慢。製作圖片的常用軟體有Photoshop，Fireworks等。
7． 網頁上可以用一些動畫與特效增加你主頁的美觀與功能，動畫可上網找，同樣最好能自己製作，GIF格式的最常用，可用Ulead的Gig Animator軟體製作，目前流行的是Flash動畫，更多變化，尺寸更小，缺點是有些計算機上的瀏覽器預設沒有安裝Flash瀏覽軟體，有些計算機用戶不能看到Flash。網上還有許多免費的Javascript等可供使用，與圖片一樣，我建議每頁不要放太多的動畫與特效。
8． 網頁基本建成後，上網找免費的主頁空間，以其主機的速度，提供的空間大小和有無基本的CGI功能及其提供的域名是否簡單易記為考量依據，所謂CGI是指主機伺服器上提供的程序，一般你可申請有免費計數器、留言板等。找到速度快，主頁存放空間大，域名簡單的網站存放你的網頁。謹鉛孫
9． 接下來是將網頁上傳至你申請的伺服器上，具體上傳的辦法你在申請主頁空間時就會了解，具體使用你製作網頁的軟體即可，我個人推薦使用CuteFTP Pro上傳，這個軟體功能強大，簡單易用。
10． 好，現在你的網站已建立，你可通知你的朋友上去瀏覽，把個人網站印在你的名片上，還想推廣你的網站？那你可去各大搜索網站登錄你的新站，如雅虎、搜虎、新浪等知名網站。你還可與其它網站申請友情連結、去一些提供連結交換的網站申請廣告交換，如太極鏈，酷站等。在做這一步時你需要做二個468X60和88X31尺寸的廣告圖片，動畫最好，存儲大小盡量控制在10k以下。
11． 如果你還想靠你的網站賺一些小錢，你可去一些商業網站申請廣告連結，替他們做廣告，一般以從你的網頁點擊到他們的網頁次數算錢。
12． 最後我要提醒各位未來網主，你的網站千萬不要放一些明顯與國內政治相抵觸的內容，這事關重大，不可兒戲，否則網站被關閉事小，坐牢也說不定哦。另外，網站內容與性有關可大大增加被瀏覽的數量，但黃色的內容不要放，雖說性質比不上反動內容，但也有問題。建議打打擦邊球，提供一些性教育、性知識，情情愛愛的內容無傷大雅。
隨著網路技術的不斷發展，網路應用已經滲透到人類社會的各個角落。作為網路世界的支撐點的網站，更是人們關注的熱點：政府利用網站宣傳自己的施政綱領，日益成為與百姓交流的直通車；企業利用網站宣傳自己的形象，挖掘無限商機；個人利用網站展示個性風采，創建彼此溝通的橋梁。越來越多的人希望擁有網站，開辟網路世界裡的一片天地。如何設計一個出色的網站呢？關於這個問題，人們討論的很多，可以討論的內容也很多，加之網路技術的飛速發展，很難提出一個絕對權威和正確的設計思路，筆者不才，根據自己的設計體
會，總結出以下基本設計思路：

一、定位網站的主題和名稱

網站的主題也就是網站的題材，網站設計開始首先遇到的問題。網站題材千奇百怪,琳琅滿目，只要想的到，就可以把它製作出來。下面是美國《個人電腦》雜志(PC Magazine)評出的99年度排名前100位的全美知名網站的十類題材：

第1類：網上求職
第2類：網上聊天／即時信息/ ICQ
第3類：網上社區／討論/郵件列表
第4類：計算機技術
第5類：網頁/網站開發
第6類：娛樂網站
第7類：旅行
第8類：參考/資訊
第9類：家庭/教育
第10類：生活/時尚
每個大類都可以繼續細分，比如娛樂類再分為體育/電影/音樂等小類，音樂又可以按格式分為MP3，VQF，Ra等，按表現形式分古典，現代，搖滾等。同時，各個題材相聯系和交叉結合可以產生新得題材，例如旅遊論壇(旅遊+討論)，經典進球播放(足球+影視)按這樣分下去，題材可以有成千上萬種。這么多題材，如何選擇呢？遵循的原則如下：
1、主題要小而精
定位要小，內容要精。如果你想製作一個包羅萬象的站點，把所有你認為精彩的東西都放在上面，那麼往往會事與願違，給人的感覺是沒有主題，沒有特色，樣樣有，卻樣樣都很膚淺，因為你不可能有那麼多的精力去維護它。網站的最大特點就是新和快，目前最熱門的個人主頁都是天天更新甚至幾小時更新一次。最新的調查結果也顯示，網路上的"主題站"比"萬全站"更受人們喜愛，就好比專賣店和百貨商店，如果我需要買某一方面的東西，肯定會選擇專買店。
2、題材最好是你自己擅長或者喜愛的內容
比如：你擅長編程，就可以建立一個編程愛好者網站；對足球感興趣，可以報道最新的戰況，球星動態等。這樣在製作時，才不會覺得無聊或者力不從心。興趣是製作網站的動力，沒有熱情，很難設計製作出優秀的網站。
3、題材不要太濫或者目標太高。
"太濫"是指到處可見，人人都有的題材；比如軟體下載，免費信息。"目標太高"是指在這一題材上已經有非常優秀，知名度很高的站點，你要超過它是很困難的。
如果題材已經確定以後，就可以圍繞題材給網站起一個名字。網站名稱，也是網站設計的一部分，而且是很關鍵的一個要素。你來看，"電腦學習室"和"電腦之家"顯然是後者簡練；"迷笛樂園"和"MIDI樂園"顯然是後者明晰；"兒童天地"和"中國幼兒園"顯然是後者大氣。我們都知道PIII的中文名稱"奔騰"，如果改為"奔跑"，可能就沒有今天這么"火"了。和現實生活中一樣，網站名稱是否正氣，響亮，易記，對網站的形象和宣傳推廣也有很大影響。我的建議是：
1、名稱要正
其實就是要合法，和理，和情。不能用反動的，色情的，迷信的，危害社會安全的名詞語句。
2、名稱要易記
最好用中文名稱，不要使用英文或者中英文混合型名稱。另外，網站名稱的字數應該控制在六個字(最好四個字)以內，四個字的也可以用成語。字數少還有個好處，適合於其他站點的鏈接排版。
3、名稱要有特色
名稱平實就可以接受，如果能體現一定的內涵，給瀏覽者更多的視覺沖擊和空間想像力，則為上品。例如：音樂前衛，網頁陶吧，e書時空等。在體現出網站主題的同時，能點出特色之處。

二、定位網站的CI形象

所謂CI(corporate identity)，意思是通過視覺來統一企業的形象。一個傑出的網站，和實體公司一樣，需要整體的形象包裝和設計。准確的，有創意的CI設計，對網站的宣傳推廣有事半功倍的效果。具體的做法是：
1、設計網站的標志(logo)
就如同商標一樣，標志是你站點特色和內涵的集中體現，看見標志就讓大家聯想起你的站點。標志的設計創意來自你網站的名稱和內容：
(1)網站有代表性的人物、動物、花草等，可以用它們作為設計的藍本，加以卡通化和藝術化，例如迪斯尼的米老鼠，搜狐的卡通狐狸等等。
(2)網站有專業性的，可以以本專業有代表的物品作為標志。比如中國銀行的銅板標志，賓士汽車的方向盤標志等等。
(3)最常用和最簡單的方式是用自己網站的英文名稱作標志。採用不同的字體，字母的變形，字母的組合可以很容易製作好自己的標志。
2、設計網站的標准色彩
網站給人的第一印象來自視覺沖擊，確定網站的標准色彩是相當重要的一步。不同的色彩搭配產生不同的效果，並可能影響到訪問者的情緒。舉個實際的例子就明白了：IBM的深藍色，肯得基的紅色條型，windows視窗標志上的紅藍黃綠色塊，都使我們覺得很貼切，很和諧。"標准色彩"是指能體現網站形象和延伸內涵的色彩。一般來說，一個網站的標准色彩不超過3種，太多則讓人眼花繚亂。標准色彩要用於網站的標志，標題，主菜單和主色塊。給人以整體統一的感覺。至於其它色彩也可以使用，只是作為點綴和襯托，絕不能喧賓奪主。適合於網頁標准色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配。
3、設計網站的標准字體
和標准色彩一樣，標准字體是指用於標志，標題，主菜單的特有字體。一般我們網頁默認的字體是宋體。為了體現站點的"與眾不同"和特有風格，我們可以根據需要選擇一些特別字體。例如，為了體現專業可以使用粗仿宋體，體現設計精美可以用廣告體，體現親切隨意可以用手寫體等等。
4、設計網站的宣傳標語
也可以說是網站的精神，網站的目標。用一句話甚至一個詞來高度概括。類似實際生活中的廣告金句。例如：鵲巢的"味道好極了"；麥斯威爾的"好東西和好朋友一起分享"；Intel的"給你一顆奔騰的心"等等。

三、確定網站的欄目

建立一個網站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網站結構不清晰，目錄龐雜，內容東一塊西一塊。結果不但瀏覽者看得糊塗，自己擴充和維護網站也相當困難。網站的題材確定後，並且收集和組織了許多相關的資料內容，但如何組織內容才能吸引網友們來瀏覽網站呢？欄目的實質是一個網站的大綱索引，索引應該將網
站的主體明確顯示出來。一般的網站欄目安排要注意以下幾方面：
1、要緊扣主題
將你的主題按一定的方法分類並將它們作為網站的主欄目。主題欄目個數在總欄目中要佔絕對優勢，這樣的網站顯的專業，主題突出，容易給人留下深刻印象。
2、設立最近更新或網站指南欄目
設立"最近更新"的欄目，是為了照顧常來的訪客，讓你的主頁更有人性化。如果主頁內容龐大，層次較多，而又沒有站內的搜索引擎，設置"本站指南"欄目，可以幫助初訪者快速找到他們想要的內容。
3、設立可以雙向交流的欄目
比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。
4、設立下載或常見問題回答欄目
網路的特點是信息共享。如在你主頁上設置一個資料下載欄目，便於訪問者下載所需資料。另外，如果站點經常收到網友關於某方面的問題來信，最好設立一個常見問題回答的欄目，既方便了網友，也可以節約自己更多時間。

四、確定網站的目錄結構

網站的目錄是指你建立網站時創建的目錄。例如：在用frontpage98建立網站時都默認建立了根目錄和images(存放圖片)子目錄。目錄結構的好壞，對瀏覽者來說並沒有什麼太大的感覺，但是對於站點本身的上傳維護，內容未來的擴充和移植有著重要的影響。下面是建立目錄結構的一些建議：
1、不要將所有文件都存放在根目錄下，會造成文件管理混亂
你常常搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關聯的文件，影響工作效率。另外，上傳速度慢。伺服器一般都會為根目錄建立一個文件索引。當您將所有文件都放在根目錄下，那麼即使你只上傳更新一個文件，伺服器也需要將所有文件再檢索一遍，建立新的索引文件。很明顯，文件量越大，等待的時間也將越長。所以，盡可能減少根目錄的文件存放數。
2、按欄目內容建立子目錄
子目錄的建立，首先按主菜單欄目建立。例如:企業站點可以按公司簡介，產品介紹，價格，在線定單，反饋聯系等建立相應目錄。其他的次要欄目，類似what's new，友情連接內容較多，需要經常更新的可以建立獨立的子目錄。而一些相關性強，不需要經常更新的欄目，例如：關於本站，關於站長，站點經歷等可以合並放在一個統一目錄下。所有程序一般都存放在特定目錄。例如：CGI程序放在cgi-bin目錄。所有需要下載的內容也最好放在一個目錄下。
3、在每個主欄目目錄下都建立獨立的images目錄
為每個主欄目建立一個獨立的images目錄是最方便管理的。而根目錄下的images目錄只是用來放首頁和一些次要欄目的圖片。
4、目錄的層次不要太深
目錄的層次建議不要超過3層，維護管理方便。
5、不要使用中文目錄
6、不要使用過長的目錄

五、確定網站的鏈接結構

網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上，但可以跨越目錄。建立網站的鏈接結構有兩種基本方式：
1、樹狀鏈接結構
類似DOS的目錄結構，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時，一級級進入，一級級退出。優點是條理清晰，訪問者明確知道自己在什麼位置，不會"迷"路。缺點是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須繞經首頁。
2、星狀鏈接結構
類似網路伺服器的鏈接，每個頁面相互之間都建立有鏈接。這種鏈接結構的優點是瀏覽方便，隨時可以到達自己喜歡的頁面。缺點是鏈接太多，容易使瀏覽者迷路，搞不清自己在什麼位置，看了多少內容。
這兩種基本結構都只是理想方式，在實際的網站設計中，總是將這兩種結構混合起來使用，達到比較理想的效果。比較好的方案是：首頁和一級頁面之間用星狀鏈接結構，一級和以下各級頁面之間用樹狀鏈接結構。

六、設計網站的整體風格

風格(style)是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個"整體形象"包括站點的CI(標志，色彩，字體，標語)，版面布局，瀏覽方式，交互性，文字，語氣，內容價值，存在意義，站點榮譽等等諸多因素。舉個例子：我們覺得網易是平易近人的，迪斯尼是生動活潑的，IBM是專業嚴肅的，這些都是網站給人們
留下的不同感受。
風格是獨特的，是站點不同與其他網站的地方。或者色彩，或者技術，或者是交互方式，能讓瀏覽者明確分辨出這是你的網站獨有的。例如新世紀網路的黑白色,網易壁紙站的特有框架,即使你只看到其中一頁，也可以分辨出是哪個網站的。
風格是有人性的。通過網站的外表，內容，文字，交流可以概括出一個站點的個性，情緒。是溫文儒雅，是執著熱情，是活潑易變,是放任不羈。像詩詞中的"豪放派"和"婉約派"，你可以用人的性格來比喻站點。如何樹立網站風格呢？我們可以分這樣幾個步驟：
1、確信風格是建立在有價值內容之上
一個網站有風格而沒有內容，就好比綉花枕頭一包草，好比一個性格傲慢但卻目不識丁的人。你首先必須保證內容的質量和價值性，這是最基本的。
2、你需要徹底搞清楚自己希望站點給人的印象是什麼
可以從這幾方面來理清思路：
a.如果只用一句話來描述你的站點，應該是:()
參考答案：有創意，專業，有(技術)實力，有美感，有沖擊力
b.想到你的站點，可以聯想到的色彩是：()
參考答案：熱情的紅色，幻想的天藍色，聰明的金黃色
c.想到你的站點，可以聯想到的畫面是：()
參考答案：一份早報，一輛法拉利跑車，人群擁擠的廣場，雜貨店
d.如果網站是一個人，他擁有的個性是：()
參考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的創業者
e.作為站長，你希望給人的印象是：()
參考答案：敬業，認真投入，有深度，負責，純真，直爽，淑女
f.用一種動物來比喻，你的網站最像：()
參考答案：貓(神秘高貴)，鷹(目光銳利)，兔子(聰明敏感)，獅子(自信威信)
g.瀏覽者覺得你和其他網站的不同是：()
參考答案：可以信賴，信息最快，交流方便，
h.瀏覽者和你交流合作的感受是：()
參考答案：師生，同事，朋友，長幼。
你可以自己先填寫一份答案，然後讓其他網友填寫。比較後的結果會告訴你：你網站現在的差距，弱點及需要改進的地方。
3、在明確自己的網站印象後，開始努力建立和加強這種印象
經過第二步印象的"量化"後，你需要進一步找出其中最有特色特點的東西，就是最能體現網站風格的東西。並以它作為網站的特色加以重點強化，宣傳。以下做法可作參考：
(1)將你的標志logo,盡可能的出現在每個頁面上。或者頁眉，或者頁腳，或則背景。
(2)突出你的標准色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用與標准色彩一致的色彩。
(3)突出你的標准字體。在關鍵的標題，菜單，圖片里使用統一的標准字體。
(4)想一條朗朗上口宣傳標語。把它做在你的banner里，或者放在醒目的位置，告訴大家你的網站的特色是...。
(5)使用統一的語氣和人稱。即使是多個人合作維護，也要讓讀者覺得是同一個人寫的。
(6)使用統一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。
(7)創造一個你的站點特有的符號或圖標。
(8)用自己設計的花邊，線條，點。
(9)展示你網站的榮譽和成功作品。
(10)告訴網友關於你的真實的故事和想法。風格的形成不是一次定位的，你可以在實踐中不斷強化，調整，修飾。

㈣ 關於網頁製作主題。

主題網頁製作旨在培養學生利用現代信息技術對信息進行收集、整理、加工、設計和創作的能力；通過本項製作，鼓勵廣大中小學生積極探索、勇於創新、大膽實踐。

1、評選目標：培養學生研究性學習的能力；培養學生表達自己思想的能力；培養學生組織知識的邏輯性的能力；培養學生的審美能力。

(1)評審要求：

①作品的選題和內容：作品是作者以家鄉建設、風景、人文、民俗及文化等的某一個側面作為選題,通過搜集大量的資料,經過精心的梳理後，從不同的角度闡述主題,以達到宣傳、贊美家鄉,弘揚民族文化的目的。要求作品根據作者自己學齡和認知水平, 從不同深度圍繞主題發表自己的感悟、體會以及動手實踐的過程和成果。

②參賽方式：參賽選手以個人或創作團體的名義報名參加比賽。

③網頁內容：網頁內容強調突出鄉土化，要求對當地某一個具有代表性的特色內容進行具體、深入地研究，要保證網頁設計和網頁內容的原創性。網頁內容的可選類別如下：

A.走入家鄉

a.地方民族風高晌情和民俗文化。

b.地方風景名勝。

c.地方物產（土特產品）。

d.地方民間藝術。

e.地方飲食文化。

B.中國古代民族英雄

網頁內容主要以表現中國古代民族英雄的成長歷程、英雄事跡為主。即可對單一人物進行描述，亦可對多個人物進行描述。

④參評作品分為小學組、初中組和高中組。每位參評選手只能提交1件作品。作品容量不大於60MB（非壓縮文件），不需要伺服器支持，並將原文件及創作說明的電子文檔一起刻錄成光碟，要求提交的光碟無病毒。

⑤在提交作品的同時還需提交一個作品創作演示文稿（仔細說明設計思想、製作過程、參賽心得及使用軟硬體工具等內容），作品和演示文稿均為賽項非常重要的評分項目之一。

⑥網頁的文件名統一採用小寫英文字母命名, 首頁文件名統一用index.htm。建議使用正版軟體，如：Dw3、Dw4、Flash5、page98等以上版本軟體。

(2)評審標准：（如圖）

(3)注意事項：

①網頁內容必須健康向上，不得包含違反憲法和法律、破壞民族團結、捏造或扭滑或曲事實、宣揚封建迷信、淫穢、色情以及其他違反信念伍法律法規的內容。否則，相關責任自負。

②網頁作品在技術上必須符合活動的要求。

③凡轉載的圖片和文字，必須註明來源。否則，相關責任自負。

㈤ 自己建一個電影網站``需要什麼樣的步驟`

這里有特別多的建站文章，可以參考
參考：http://www.chinaitpower.com/Dev/Web/site/index.html

給你另外提供一個

製作網頁的步驟：
網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類。
第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然而就現狀上來看，這類網站有粗製濫造的嫌疑。
第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點，那就是客戶的要求，它也屬於設計的任務。
明確了設計的任務之後，接下來要想的就是如何完成這個任務了。

二、設計的實現

設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網頁的製作，這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯，這裡面有文字、圖像乃至動畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外，軟體也是必需的。不能簡單地說一個軟體的好壞，只要是設計者使用起來覺得方便而且能得心應手的，就可以稱為好軟體。當然，它應該能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯的軟體。 接下來我們要做的就是通過軟體的使用，將設計的藍圖變為現實，最終的集成一般是在Dreamweaver里完成的。雖然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都是在製作過程中產生的。設計作品一定要有創意，這是最基本的要求，沒有創意的設計是失敗的。在製作的過程中，我們會碰到許多問題，其中最敏感的莫過於頁面的顏色了。

三、色彩的運用

色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象徵生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象徵安寧和平與安全，如綠色食品。紫色是高貴的象徵，有莊重感。白色能給人以純潔與清白的感覺，表示和平與聖潔。
我們知道，顏色是光的折射產生的，紅、黃、藍是三原色，其它的色彩都可以用這三種色彩調和而成。換一種思路，我們可以用顏色的變化來表現光影效果，這無疑將使我們的作品更貼近現實。
色彩代表了不同的情感，有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個復雜問題，它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。
單純的顏色並沒有實際的意義，和不同的顏色搭配，它所表現出來的效果也不同。比如綠色和金黃、淡白搭配，可以產生優雅，舒適的氣氛。藍色和白色混合，能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同，配色方案也隨之不同。考慮到網頁的適應性，應盡量使用網頁安全色。
但顏色的使用並沒有一定的法則，如果一定要用某個法則去套，效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色，然後根據具體的需要，應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體，以達到和諧、悅目的視覺效果。

四、造型的組合

在網頁設計中，我們主要通過視覺傳達來表現主題。在視覺傳達中，造型是很重要的一個元素。拋去是圖還是文字的問題，畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡，是需要點、線、面的共同組合與搭配來構造整個頁面的。
通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交*、節奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點。在設計中應根據具體情況，選擇最適合的表現手法，這樣有利於主題的表現。
通過點、線、面的組合，可以突出頁面上的重要元素，突出設計的主題，增強美感，讓觀者在感受美的過程中領會設計的主題，從而實現設計的任務。
造型的巧妙運用不僅能帶來極大的美感，而且能較好地突出企業形象，而且能將網頁上的各種元素有機的組織起來，它甚至還可以引導觀者的視線。

五、設計的原則

設計是有原則的，無論使用何種手法對畫面中的元素進行組合，都一定要遵循五個大的原則：統一、連貫、分割、對比及和諧。
統一，是指設計作品的整體性，一致性。設計作品的整體效果是至關重要的，在設計中切勿將各組成部分孤立分散，那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。
連貫，是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在聯系和表現形式上的相互呼應，並注意整個頁面設計風格的一致性，實現視覺上和心理上的連貫，使整個頁面設計的各個部分極為融洽，猶如一氣呵成。
分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目瞭然。在信息量很多時為使觀者能夠看清楚，就要注意到將畫面進行有效的分割。分割不僅是表現形式的需要。換個角度來講，分割也可以被視為對於頁面內容的一種分類歸納。
對比就是通過矛盾和沖突，使設計更加富有生氣。對比手法很多，例如：多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。在使用對比的時候應慎重，對比過強容易破壞美感，影響統一。
和諧是指整個頁面符合美的法則，渾然一體。如果一件設計作品僅僅是色彩、形狀、線條等的隨意混合，那麼作品將不但沒有「生命感」，而且也根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產生心靈的共鳴。這是設計能否成功的關鍵。

六、網頁的優化

在網頁設計中，網頁的優化是較為重要的一個環節。它的成功與否會影響頁面的瀏覽速度和頁面的適應性，影響觀者對網站的印象。
在資訊類網站中，文字是頁面中最大的構成元素，因此字體的優化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且與整個頁面搭配和諧為准。在白色的背景上，我們一般使用黑色，這樣不易產生視覺疲勞，能保證瀏覽者較長時間地瀏覽網頁。
圖片是網頁中的重要元素。圖片的優化可以在保證瀏覽質量的前提下將其size降至最低，這樣可以成倍地提高網頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊，分別進行優化。輸出的格式可以為gif或jpeg，要視具體情況而定。一般我們把有較為復雜顏色變化的小塊優化為jpeg，而把那種只有單純色塊的卡通畫式的小塊優化為gif，這是由這兩種格式的特點決定的。
表格(table)是頁面中的重要元素,是頁面排版的主要手段。我們可以設定表格的寬度、高度、邊框、背景色、對齊方式等參數。很多時候，我們將表格的邊框設為0，以此來定位頁面中的元素，或者籍此確定頁面中各元素的相對位置。我們知道：瀏覽器在讀取網頁html原代碼時，是讀完整個table才將它顯示出來的。如果一個大表格中含有多個子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們在訪問一些站點時，等待多時無結果，按"停止"按鈕卻一下顯示出頁面就是這個原因。因此，我們在設計頁面表格的時候，應該盡量避免將所有元素嵌套在一個表格里，而且表格嵌套層次盡量要少。在使用Dreamweaver製作網頁時，會自動在每一個td內添加一個空字元「 」。如果單元格內沒有填充其它元素，這個空字元會保留，在指定td的寬度或高度後，可以在源代碼內將其刪去。
網頁的適應性是很重要的，在不同的系統上，不同的解析度下，不同的瀏覽器上，我們將會看到不同的結果，因此設計時要統籌考慮。一般我們在800*600下製作網頁，最佳瀏覽效果也是在800*600解析度下，在其它情況下只要保證基本一致，不出現較大問題即可。
說了這么多，只是希望能對做「網頁設計」的人有所幫助，希望他們在做網頁的時候能夠從整體著眼，無愧於「設計」這兩個字。
★建設自己的網站較好的步驟☆

必須注意的是：建立自己的網站是一件浩大的工程，一般比較麻煩。所以應當按照一定的步驟一步步來。

我覺得建站可以按照以下步驟進行：
1、先在本地設一個文件夾，作為網站存儲的地方。名字最好取「My Sites」。
2、在網站文件夾裡面建立一些文件夾，包括「images」等（存儲圖片、文件等），並且按照網頁內容，再建立幾個文件夾。（也可以把存儲圖片、文件的文件夾在每個內容文件夾裡面各搞一些）
3、打開你的網頁編輯程序（例如FP、Dreamwear等），新建網頁，保存為「index」（主頁），重復以上步驟，在網站文件夾裡面建立「search」（查找）、「map」（站點地圖）、「index02」（網站簡介等）。
4、按照上面步驟，再在網站分類文件夾裡面建立許多網頁（接著還要把內容輸入網頁）
5、已經做到了這么多，我們該准備內容了吧。在硬碟上面再建立一個文件夾「File」，把准備好的文檔、圖片、程式、文件和網頁特效等放進去。（可以加入一些動態網頁）
6、慢慢把這些文件一個不漏的放進網頁裡面（要掌握技巧）
7、把網站充實了，就差不多了。這時應該申請一個域名（免費空間、附費都可以）。並且把自己的網站放入搜索引擎，而且在各種留言版上面宣傳。
8、把網站上傳至空間裡面，刪了准備文件，就OK了！

不過也可以這樣使用FP建站：

1、在FP裡面選擇新建站點。
2、然後在【導航】裡面設置網頁名稱以及標題。
3、准備好文檔、圖片、程式、文件和網頁特效等，把它們都充實進網站裡面。
4、申請一個域名（免費空間、附費都可以）。並且把自己的網站放入搜索引擎，而且在各種留言版上面宣傳。
5、把網站上傳至空間裡面，刪了准備文件。完畢。

如果使用Dreamwear來建站，那就更加高級啦！Dreamwear的功能很強大，安裝了它的朋友們可以研究研究。

在網站設計中，純粹HTML格式的網頁通常被稱為「靜態網頁」，早期的網站一般都是由靜態網頁製作的。靜態網頁的網址形式通常為：www.example.com/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等為後後綴的。在HTML格式的網頁上，也可以出現各種動態的效果，如.GIF格式的動畫、FLASH、滾動字母等，這些「動態效果」只是視覺上的，與下面將要介紹的動態網頁是不同的概念。

在《網路營銷基礎與實踐》第二版第3章「網路營銷導向的企業網站建設」中，提出了採用靜態網頁對搜索引擎的影響，書中對於靜態網頁本身的介紹比較少，尤其對於靜態網頁的特點沒有做專門的介紹。 網路營銷教學網站(www.wm23.com)將靜態網頁的特點簡要歸納如下：

（1）靜態網頁每個網頁都有一個固定的URL，且網頁URL以.htm、.html、.shtml等常見形式為後綴，而不含有「？」；
（2）網頁內容一經發布到網站伺服器上，無論是否有用戶訪問，每個靜態網頁的內容都是保存在網站伺服器上的，也就是說，靜態網頁是實實在在保存在伺服器上的文件，每個網頁都是一個獨立的文件；
（3）靜態網頁的內容相對穩定，因此容易被搜索引擎檢索；
（4）靜態網頁沒有資料庫的支持，在網站製作和維護方面工作量較大，因此當網站信息量很大時完全依靠靜態網頁製作方式比較困難；
（5）靜態網頁的交互性交叉，在功能方面有較大的限制。

多看多學
不要嫌棄麻煩
那樣做不成事的
我希望你成為網頁設計高手

㈥ 簡述網頁設計的基本准則

一、網頁設計的方向
一個網站無論怎樣去設計，不管做的多好都要注意網站的目標方向。如果網頁設計的主題跑偏了的話即使做的再好也是無用功。所以網頁設計時一定要根據網站的主題的去設計，畢竟網頁目的就是將自己想要表達的東西傳遞給用戶。
二、網頁的外觀
每一個設計師都會有著自己的一個審美標准，但是不要忘了，即使你的審美標准再好也要注意符合目標人拿緩群的一個大眾審美，如果一個網站的外觀不能夠讓瀏覽者接受的話，同樣再好也是無用功。
三、頁面的內容
這個主要就分為網站的圖片內容、文字內容兩大部分，當網頁設計是要注意圖片的設計一定是要圍繞著主題去設計，圖片一定要足夠清晰。文字的添加一消脊模定不要覺得越多越好，文字要盡量的簡短，明確主題，不要說些無用的廢話，把信息位元組傳遞給用戶。
四、頁面的布局也就是整個頁面的一個排版，一個好的網頁設計一定要注意頁面的整體一定要布局清晰、內容和部分有序的去規劃，不要讓它錯亂復雜。例如我們曾做過的一個案例，不同的內容以上下排序分開，便於用戶野薯更好的獲取信息。

㈦ 網頁的主題

網站是企業向用戶和網民提供信息(包括產品和服務)的一種方式,是企業開展電子商務的基礎設施和信息平台，離開網站（或者只是利用第三方網站）去談電子商務是不可能的。企業的網址被稱為「網路商標」，也是企業無形資產的組成部分，而網站是INTERNET上宣傳和反映企業形象和文化的重要窗口。企業網站設計顯得極為重要，下面是一些網站設計中應注意的原則。
一、 明確建立網站的目標和用戶需求
Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑，因此必須明確設計站點的目的和用戶需求，從而做出切實可行的設計計劃。要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，牢記以「消費者（customer)」為中心，而不是以「美術」為中心進行設計規劃。在設計規劃之初同樣考慮：建設網站的目的是什麼？為誰提供服務和產品？企業能提供什麼樣的產品和服務？網站的目的消費者和受眾的特點是什麼？企業產品和服務適合什麼樣的表現方式（風格）？
二、總體設計方案主題鮮明
在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。 Web站點應針對所服務對象（機構或人）的不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則採用多媒體表現手法，提供華麗的圖像、閃爍的燈光、復雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點把晌扒圖形表現手法和有效的組織與通信結合起來。 要做到主題鮮明突出，要點明確，以簡單明確的語言和畫面體現站點的主題。調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。Web站點主頁應具備的基本成分包括： 頁頭：准確無誤地標識你的站點和企業標志； Email地址：用來接收用戶垂詢； 聯系信息：如普通郵件地掘蠢址或電話； 版權信息：聲明版權所有者等。 注意重復利用已有信息。如客戶手冊．公共關系文檔．技術手冊和資料庫等可以輕而易舉地用到企業的Web站點中。
三、網站的版式設計
網頁設計作為一種視覺語言，要講究編排和布局，雖然主頁的設計不等同於平面設計但它們有許多相近之處，應充分加以利用和借鑒。 版式設計通過文字圖形的空間組合，表達出和諧與美。一個優秀的網頁設計者也應該知道哪一段文字圖形該落於何處，才能使整個網頁生輝。 多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來，特別要處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。
四、色彩在網頁設計中的作用
色彩是藝術表現的要素之一。在網頁設計中，根據和諧、均衡和重點突出的原則，將不同的色彩進行組合．搭配來構成美麗的頁面。 根據色彩對人們心理的影響，合理地加以運用。按照色彩的記憶性原則，一般暖色較冷色的記憶性強；色彩還具有聯想與象徵的物質，如紅色象徵血、太陽；藍色象徵大海、天空和水面等。所以設計出售冷食的虛擬店面，應使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些。網頁的顏色應用並沒有數量的限制，但不能毫無節制地運用多種顏色，一般情況下，先根據總體風格的要求定出一至二種主色調，有CIS（企業形象識別系統）的更應該按照其中的VI進行色彩運用。
在色彩的運用過程中，還應注意的一個問題是：由於國家和種族．宗教和信仰的不同， 以及生活的地理位置．文化修養的差異等，不同的人群對色彩的喜惡程度有著很大的差異。如：兒童喜歡對比強烈．個性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在「沙漠」中的人喜歡綠色宴散昌。在設計中要考慮主要讀者群的背景和構成。
五、網頁形式與內容相統一
要將豐富的意義和多樣的形式組織成統一的頁面結構，形式語言必須符合頁面的內容，體現內容的豐富含義。 運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關系建立整體的均衡狀態，產生和諧的美感。如對稱原則在頁面設計中， 它的均衡有時會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或採用誇張的手法來表現內容往往會達到比較好的效果。 點、線、面作為視覺語言中的基本元素，要使用點、線、面的互相穿插、互相襯托、互相補充構成最佳的頁面效果。網頁設計中點、線、面的運用並不是孤立的，很多時候都需要將它們結合起來，表達完美的設計意境。
六、三維空間的構成和虛擬現實
網路上的三維空間是一個假想空間，這種空間關系需藉助動靜變化．圖像的比例關系等空間因素表現出來。 在頁面中，圖片、文字位置前後疊壓，或頁面位置變化所產生的視覺效果都各不相同。圖片、文字前後疊壓所構成的空間層次目前還不多見，網上更多的是一些設計比較規范、簡明的頁面，這種疊壓排列能產生強節奏的空間層次，視覺效果強烈。 網頁上常見的是頁面上、下、左、右、中位置所產生的空間關系，以及疏密的位置關系所產生的空間層次，這兩種位置關系使產生的空間層次富有彈性，同時也讓人產生輕松或緊迫的心理感受。 現在，人們已不滿足於HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現實要在Web網上展示其迷人的風采，於是VRML語言出現了。VRML是一種面向對象的語言，它類似Web超級鏈接所使用的HTML語言，也是一種基於文本的語言，並可以運行在多種平台之上，只不過能夠更多地為虛擬現實環境服務。
七、多媒體功能的利用
網路資源的優勢之一是多媒體功能。要吸引瀏覽者注意力，頁面的內容可以用三維動畫、FLASH等來表現。但要注意，由於網路帶寬的限制，在使用多媒體的形式表現網頁的內容時應考慮客戶端的傳輸速度。
八、網站測試和改進
測試實際上是模擬用戶詢問網站的過程，用以發現問題並改進設計。要注意讓用戶參與網站測試。
九、內容更新與溝通
企業Web站點建立後，要不斷更新內容。站點信息的不斷更新，讓瀏覽者了解企業的發展動態和網上職務等，同時也會幫助企業建立良好的好象。 在企業的Web站點上，要認真回復用戶的電子郵件和傳統的聯系方式如信件．電話垂 詢和傳真，做到有問必答。最好將用戶的用意進行分類，如售前一般了解．售後服務等，由相關部門處理，使用站訪問者感受到企業的真實存在並由此產生信任感。 注意不要許諾你實現不了的東西，在你真正有能力處理回復之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答復的電話號碼。 如果要求訪問者自願提供其個人信息，應公布並認真履行個人隱私保承諾。
十、合理運用新技術
新的網頁製作技術幾乎每天都會出現，如果不是介紹網路技術的專業站點，一定要合理地運用網頁製作的新技術，切忌將網站變為一個製作網頁的技術展台，永遠記住用戶方便快捷地得到所需要的信息是最重要的。 對於網站設計者來說，必須學習跟蹤掌握網頁設計的新技術如Java、DHTML、XML等，根據網站的內容和形式的需要合理地應用到設計中。

㈧ 40個網頁設計優秀案例

關於我們的頁面設計並不難，但是要設計一個完美的版本並不容易。它通常取決於你的出發點，是要個性化的設計，還是品牌化的運作?是提供自己聯系方式，還是獲取用戶的聯系方式?下面的優秀案例會告訴你，優秀的關於我們頁面要如何設計。

1、友好的界面

友好的聯系人界面總會讓人感到親切的，如果它還具備一些功能性，並且易於閱讀，用戶會感覺更加舒此氏適的。「What can we help you with」則可以引導用戶去點擊「加入我們」「聘用我們」以及參與郵件訂閱。

2、展示全球各地辦公室

Tool 的關於我們頁面中，設計師用醒目的字體標注出團隊在洛杉磯、紐約和法國的辦公室的地址和聯系方式，點開關於我們頁面的用戶不就是想知道這些信息么?正確的聯系方式，簡單直接的設計，就是這么做的。

3、簡化溝通流程

Proctiong Location的聯系我們頁面同樣採用了大膽而視覺化的頁面設計，但是和其他的同類頁面不同的是，它簡化了溝通流程，把用戶可能會關注的內容和需要溝通的具體部分都劃分了一下，讓不同需求的用戶直接被引導到特定的頁面和部分，從而達成簡化和分流的目的。

4、頭像和個性化的信息

放上設計師和團隊成員的圖片，讓用戶認識你。最關鍵的並不是你的頭像夠不夠漂亮，而是要讓用戶知道這個漂亮的網站背後是一位和你我一樣真實而平凡的設計頃扒激師，是他或者她努力設計之後的成果。頭像可以讓頁面更加個性化，也能讓它更加真實而親近。

5、鼓勵用戶溝通

關於我們頁面的核心設計目的通常是溝通，而Hello Innovation 的頁面設計則充分貫徹這一思路：試圖鼓勵用戶主動同網站進行溝通。用親切而富有親和力的設計，留下聯系方式，從文案到留下郵箱的地址都在鼓勵用戶。聊一句，能有多難呢?

6、用圖片來傳遞隱喻

設計博物館中收藏了許多設計相關的藏品，而關於我們頁面中的這個電話不僅是網站的藏品，而且作為一個重要的隱喻來向用戶傳遞「溝通」的意象，這也算得上是一種設計上的「雙關」了。

7、創造令人難忘的設計

古怪的設計和有趣的文案總能讓人難忘，每天海量的信息攝入讓人們只會記住最突出的那些。不過，古怪的設計不一定適合任何品牌任何網站，但是對於那些古靈精怪的網站而言，那些獨樹一幟的腦洞總能起到作用。

8、表現品牌的性格

對於網站而言，在關於我們頁面中將自家的品牌性格呈現出來自然是合理合適的。Boone Selections 就是這樣優雅又專業地將品牌配色和相關設計元素融入關於我們頁面的。作為一個專業的葡萄酒進口公司，Boone Selections 的關於我們頁面用獨特的排版和滾動式的頁面設計，營造出獨有的品牌氣息。

9、展示聯絡方式

This Also 的關於我們頁面設計可謂是可靠而到位了，頁面地圖標注出了公司地點也就算了，當你向下滾動頁面的時候，還能看到詳細地址的說明、沿線地鐵的乘坐方式、溝通的電子郵件地址、電話，等等等等，不一而足。

10、給個提示

網站 Deux Huit Huit 的關於我們頁面並沒有提供傳統意義上的溝通方式，而是設計成了一個直觀而簡單的對話框。頂上「Say hello 」的對話框非常直接地提示用戶，只要輸入內容，網站的開發者就能看到了。

11、標明開門/工作時間

對於諸如餐廳、博物館、商店等有具體營業時間的機構的官方網站，在關於我們頁面當中標注店鋪開門的時間、接受電話咨詢的時間，可以讓用戶更加有效地接受服務。

12、使用醒目的字體

Panache 的關於我們頁面中標題字體採用了非常醒目的「Travaillons Ensemble」，這種字體更為輕巧，雖然獨特但是具有極高的識別度。

13、使用大膽的配色方案

經典的黑白黃的配色方案被運用到雀襪Sponge 的關於我們頁面當中，這種強對比的配色結合細致的細節刻畫，讓整個頁面看起來銳利又富有質感。設計師將明亮的色彩運用到最關鍵的信息上，讓用戶更容易注意到它們。

14、採用形象化的插畫

插畫總能以更加視覺化的方式來吸引用戶的注意力，尤其是當插畫足夠風格化、個性化的時候。Legwork Studio 的關於我們頁面中，加入了狼頭人插畫，配合手寫字體，營造出了一種個性化的氛圍。

15、使用簡約的圖形

Giampiero Bodini 的關於我們頁面並沒有使用復雜的設計技巧，而是在素描的繁復背景上，放上一個簡單的矩形，將聯系方式與相關信息置於其中。繁復和簡單，手繪和圖形，形成了鮮明的對比。

16、藉助表單來溝通

溝通是相互，你可以發信息給網站，也可以留下聯系方式，讓網站的運營者給你發信息。QED Group 直接在聯系我們頁面中留下一個表單，你可以通過這個表單留下聯系方式。

17、使用單色配色

簡單優雅和易讀是 Joseph A Avoue 的網站聯系我們頁面的設計風格，沒有華麗的設計，也沒有花哨的功能，一個纖細的環，中間是最基本的聯系信息，就是這么直接。

18、幽默

幽默的設計師不會放過任何一個搞怪的機會，Bio-Bak 的設計師即使是在聯系我們頁面當中也會嘩眾取寵一把。塗鴉字體和俏皮的文案讓人忍俊不禁，你能夠從每一個細節感受到這個設計師的幽默細胞。

19、填寫表單

Anakin 的關於我們頁面同樣是讓用戶填寫聯系信息，不過在表單的設計上更加獨特，並沒有專門的表單，而是使用佔位符提示用戶各個位置需要填寫的內容，貼心、直覺，也非常走心。

20、個性化的辦公地點展示

和第二個案例類似，CPB集團在全球各地都有辦公室，但是在設計的樣式上也更加獨特，各地辦公室的內容和個性化的背景融為一體，信息得到了整合，展現方式也個性十足。

21、介紹一下業務

在關於我們頁面當中介紹自己並不稀奇，不過除此之外可以做的還有很多，比如介紹一下自家的業務，展示一下自家的品牌，吸引用戶來聊聊也是很不錯的手段。Hello Monday 的關於我們頁面就是這么做的。

22、視頻背景

在網站裡面添加視頻背景已經是一種非常流行的手段了，而作為電影製作工作室而存在的Moodboard 在關於我們頁面中使用視頻背景不僅符合他們團隊的工作性質，而且讓整個關於我們頁面更加鮮活了。

23、使用柵格布局

要設計結構化的頁面，柵格總是你最好的朋友。Urban Influence 的關於我們頁面使用柵格來組織整個頁面的信息，需要展示的內容，讓用戶輸入的部分，裝飾性的部分和展示用的地圖，都界限分明地分布在頁面上。

24、讓界面更加友好

如果讓界面更加友好，設計師要做的工作並不少。清晰而易讀的界面設計是最基本的，信息要能夠清晰的傳遞出來，沒有侵略性的配色，讓人感到熟悉、親切的呈現方式，易於操作的交互方式，這都是設計師要做好的地方。

25、分步引導

取得聯系包含著一系列的操作，如果將整個交互過程分割成為若干步驟，一步一步引導用戶來操作，加入動效和微交互，這絕對是一種不一樣的體驗。

26、增加聯系人快捷方式

團隊中負責不同部分的負責人通常不一樣，用戶打開聯系我們頁面通常有著明確的目標，如何將FAQ部分加入其中，並且添加特定的聯系人的聯系方式，讓用戶可以更加直接地同不同的負責人進行溝通。

27、同網站其他部分整合到一起

Robby Leonardi 的網站似乎被設計成一個扁平風的電腦游戲，當你瀏覽頁面的時候，會隨著主角去不同的頁面，做不同的事情，而去關於我們頁面也是其中的.一個「場景」。這是一種整合頁面的方式，值得學習。

28、團隊合影

許多網站背後都是一整個開發和設計團隊在運作，用團隊成員合影作為關於我們頁面的背景圖也是非常合理且有個性的做法。

29、使用留白

通常留白能強化整個頁面的空間感和結構感，而Beta Tataki 在關於我們頁面就放置了一個設計感十足了電話，通過留白強化了聯系方式等內容的存在感。

30、活用字體排版

精心設計的字體排版不僅具有裝飾性，還可以承載一定的內容。Pauline Osmont 的聯系我們頁面使用了黑色、銀色和金色來構建吸引人的字體排版主視覺設計。當你向下滾動頁面的時候，能看到易於閱讀排版到位的表單。

31、親手展示

這也是近幾年比較常見的一種內容展現方式，設計師親手舉起展板來展示設計作品。如果用在聯系我們頁面中，這種設計師手法也是相當的應景呢。就像Mark Jaworkski 的這個頁面，設計師的技能、介紹還有留言用的表單都整齊地展示在這塊被平舉的白板上。

32、列舉社交媒體聯系方式

現在哪個網站沒幾個社交媒體帳號呢?在關於我們的頁面當中將自家網站的各個社交媒體的鏈接都貼出來，對於許多用戶來說反而更加便於聯系。

33、借用傳統的溝通方式

復古的樣式是不錯的選擇，但是使用傳統的聯系方式來設計，似乎更加走心也更有意思。Lionway 的聯系我們頁面就設計成了明信片的形式，還有一些固定的信息乾脆就列舉在一個列印賬單上。

34、俏皮的文案

文案的設計也是聯系我們頁面中重要的部分，親切、幽默的文案設計會讓用戶感到親近，但是同樣的，俏皮的、機智的文案也一樣會讓用戶難忘。

35、展現個性

設計工作室 Resn 的聯系我們頁面設計絕對是這組案例中最有個性的頁面之一，充滿80年代風情的設計元素，和帶著動物頭套的團隊成員圖片組成了頁面的主體。

36、運用信息圖

信息圖是近幾年一直處於上升階段的設計手法，如果有合適的展示內容，在關於我們頁面中使用信息圖也是相當不錯的選擇。Quicksprout 的關於我們頁面就使用了信息圖來呈現內容，清晰易讀，而且准確到位。

37、動畫和卡通

在聯系我們頁面中使用卡通和動漫式的形象來呈現設計師和設計團隊是相當常見也相當有效的手段，Melonfree 的關於我們頁面就將設計師和開發者的卡通形象擺了出來。

38、使用半透明的圖形

人的眼睛總會有意識地去識別想要石碑的內容，所以即使的半透明的元素載入在一起，也不會特別嚴重地影響閱讀體驗。Indofolio 的頁面設就充分運用半透明的元素，將核心的聯系方式放在半透明的矩形上，透過圖形用戶依然能看到背景的細節，但是又不會看不清關鍵的聯系方式。

39、手繪效果

手繪的聯系我們頁面，尤其是那些畫的還相當養眼的頁面，總能讓用戶感受到設計者的貼心。Mario Petrone 的這個頁面設計就相當的俏皮有趣。

40、僅用一個下拉框

Spokes Pedicabs 的聯系我們頁面其實談不上一個完整的頁面，而用一個下拉框代替，當你點擊導航了中的鏈接，會出現這個醒目的橙色下拉框。

網頁設計色系案例分析

橙色又稱之為橙黃或者是橘色，它的穿透力僅次於紅色，色感較紅色更暖。在網頁設計中橙色是十分活潑的色彩，給人以華貴而溫暖、興奮而熱烈、歡樂與活力的感覺，也是令人振奮的顏色。

橙色在網頁中的使用范圍非常廣泛，可以通過變換色調營造出不同分氣氛，不僅僅能表現出青春活力，也能達到一個穩重的效果。橙色的波長居於紅和黃之間，具有健康、富有活力、勇敢自由等象徵意義，為了讓大家對橙色有更好的理解，下面分別對不同類型網頁進行分析。

一.食品飲食類網頁設計案例分析

推薦案例：橙色+黃色+深橙色

整個頁面以橙色為主，通過不同明度和純度的「黃」進行調和，頁面非常融洽而不顯單調。很好的突出了的圖片，食品圖片色調也是相近的，故不會非常的突兀。而利用白色將網頁分層，有層次感。

二.娛樂類網頁案例分析

推薦案例：深橙色+土黃色+黃色

整個頁面是利用深橙和淺黃色的搭配來展現的，使頁面看起來更加的溫暖，深色的鋪墊，黃色的文字，達到一種突出而不突兀的視覺效果，賦予了網站生命力。

三.電子商務網站案例分析

推薦案例：橙色+卡其色+綠色

這一個案例使用的顏色相對較多，而橙色的導航輔佐明度較高的卡其色，不會顯得非常凌亂，反而更加有特色，很活潑。加上利用一些綠色的按鈕來點綴頁面，頁面就顯得不那麼單調，有萬橙之中一點綠的視覺效果。

四.科技發展機構網站案例分析

頁面用的色彩相對較雜，但讓人感覺亂中有序。大家可以注意到，頁面都是採用深紅色作為文字，而橙色出現在紅色文字的附近，例如頂部的橙底紅字，大標題紅色小標題橙色，這些元素就使頁面亂中有序。

總結：橙色運用的非常多，調整飽和度、純度都可以達到非常好的視覺效果，當然在視覺沖擊力的同時，可適當採用少許對比色調和緩和於視覺，從而削弱視覺的疲勞度。