1、一個網站的主頁的整體設計包括哪些工作
首先,我們要弄清楚網頁設計的任務。
一、設計的任務
設計是一種審美活動,成功的設計作品一般都很藝術化。但藝術只是設計的手段,而並非設計的任務。設計的任務是要實現設計者的意圖,而並非創造美。
網頁設計的任務,是指設計者要表現的主題和要實現的功能。站點的性質不同,設計的任務也不同。從形式上,可以將站點分為以下三類。
第一類是資訊類站點,像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息,而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站,像一些較大的公司、國內的高校等。這類網站在設計上要求較高,既要保證資訊類網站的上述要求,同時又要突出企業、單位的形象。然而就現狀上來看,這類網站有粗製濫造的嫌疑。
第三類則是形象類網站,比如一些中小型的公司或單位。這類網站一般較小,有的則有幾頁,需要實現的功能也較為簡單,網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
當然,這只是從整體上來看,具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點,那就是客戶的要求,它也屬於設計的任務。
明確了設計的任務之後,接下來要想的就是如何完成這個任務了。
二、設計的實現
設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制,這一部分可以在紙上完成。第二部分為網頁的製作,這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯,這裡面有文字、圖像乃至動畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外,軟體也是必需的。不能簡單地說一個軟體的好壞,只要是設計者使用起來覺得方便而且能得心應手的,就可以稱為好軟體。當然,它應該能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,這些都是很不錯的軟體。 接下來我們要做的就是通過軟體的使用,將設計的藍圖變為現實,最終的集成一般是在Dreamweaver里完成的。雖然在草圖上,我們定出了頁面的大體輪廓,但是靈感一般都是在製作過程中產生的。設計作品一定要有創意,這是最基本的要求,沒有創意的設計是失敗的。在製作的過程中,我們會碰到許多問題,其中最敏感的莫過於頁面的顏色了。
三、色彩的運用
色彩是一種奇怪的東西,它是美麗而豐富的,它能喚起人類的心靈感知。一般來說,紅色是火的顏色,熱情、奔放;也是血的顏色,可以象徵生命。黃色是明度最高的顏色,顯得華麗、高貴、明快。綠色是大自然草木的顏色,意味著純自然和生長,象徵安寧和平與安全,如綠色食品。紫色是高貴的象徵,有莊重感。白色能給人以純潔與清白的感覺,表示和平與聖潔。
我們知道,顏色是光的折射產生的,紅、黃、藍是三原色,其它的色彩都可以用這三種色彩調和而成。換一種思路,我們可以用顏色的變化來表現光影效果,這無疑將使我們的作品更貼近現實。
色彩代表了不同的情感,有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個復雜問題,它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。
單純的顏色並沒有實際的意義,和不同的顏色搭配,它所表現出來的效果也不同。比如綠色和金黃、淡白搭配,可以產生優雅,舒適的氣氛。藍色和白色混合,能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同,配色方案也隨之不同。考慮到網頁的適應性,應盡量使用網頁安全色。
但顏色的使用並沒有一定的法則,如果一定要用某個法則去套,效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色,然後根據具體的需要,應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體,以達到和諧、悅目的視覺效果。
四、造型的組合
在網頁設計中,我們主要通過視覺傳達來表現主題。在視覺傳達中,造型是很重要的一個元素。拋去是圖還是文字的問題,畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡,是需要點、線、面的共同組合與搭配來構造整個頁面的。
通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交*、節奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特點。在設計中應根據具體情況,選擇最適合的表現手法,這樣有利於主題的表現。
通過點、線、面的組合,可以突出頁面上的重要元素,突出設計的主題,增強美感,讓觀者在感受美的過程中領會設計的主題,從而實現設計的任務。
造型的巧妙運用不僅能帶來極大的美感,而且能較好地突出企業形象,而且能將網頁上的各種元素有機的組織起來,它甚至還可以引導觀者的視線。
五、設計的原則
設計是有原則的,無論使用何種手法對畫面中的元素進行組合,都一定要遵循五個大的原則:統一、連貫、分割、對比及和諧。
統一,是指設計作品的整體性,一致性。設計作品的整體效果是至關重要的,在設計中切勿將各組成部分孤立分散,那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。
連貫,是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在聯系和表現形式上的相互呼應,並注意整個頁面設計風格的一致性,實現視覺上和心理上的連貫,使整個頁面設計的各個部分極為融洽,猶如一氣呵成。
分割,是指將頁面分成若干小塊,小塊之間有視覺上的不同,這樣可以使觀者一目瞭然。在信息量很多時為使觀者能夠看清楚,就要注意到將畫面進行有效的分割。分割不僅是表現形式的需要。換個角度來講,分割也可以被視為對於頁面內容的一種分類歸納。
對比就是通過矛盾和沖突,使設計更加富有生氣。對比手法很多,例如:多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。在使用對比的時候應慎重,對比過強容易破壞美感,影響統一。
和諧是指整個頁面符合美的法則,渾然一體。如果一件設計作品僅僅是色彩、形狀、線條等的隨意混合,那麼作品將不但沒有「生命感」,而且也根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式,而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通,產生心靈的共鳴。這是設計能否成功的關鍵。
2、網站建設網站主頁怎樣設計
其實建站可以直接到網上下載建站系統來做的:pageadmin cms、discha都是不錯的、簡單、方便,直接!下載就能直接使用!!!
3、網頁的設計有幾種方法
第一、靠前、無邊框設計。無邊框設計在近幾年比較流行,在設計頁面的時候,將頁面中的風格線、邊框刪掉,用間距來代替的一種設計方法。無邊框設計一般是以大圖為主,圖片本來就是一種分割元素。而內容基本是有規律的,留白間距之間的內容一定要相對一致、重復、緊密,這樣用戶在瀏覽的時候才會認為這些內容是一體的。一般來說,小眾垂直的產品更適合使用無邊框設計。
第二、卡片設計。卡片的設計打破了傳統上固定的排版布局方式,提升了版面的使用率,可以給網站建設增加更多的驚喜。那麼卡片設計有哪些優勢呢?1、可以提高頁面的使用率。卡片就好像是一個容器,將類型不一樣的內容設置在不一樣的卡片中,這樣就可以很好地區分內容,還能夠統一頁面的風格。比如傳統列表,內容一般是縱向滾動的方式,能夠展示的內容比較有限,卡片式的設計採用的滑動方式,就可以有效地解決空間問題。2、區分卡片上的內容。卡片就好像是一個容器,將不同的內容放置在不同的卡片,更好地區分內容的類型。卡片的維度是不一樣的,而且相對獨立、有互相有聯系,所以通過卡片歸納網站的內容,整個網站就顯得更有秩序。3、卡片式設計可以提升可控性、提升體驗度。卡片式設計的使用范圍比較廣泛,可以覆蓋、滑動、堆疊,有良好的擴展性和可操作性。
第三、分割線的設計。這也是常見的一種頁面布局設計方式,可以更好地幫助用戶快速熟悉頁面的布局,有良好的內容組織性。分割線可以貫穿整個頁面,將不同的內容進行分割,成為獨立的信息。
網站建設中的頁面布局,有不同的設計方式,而且設計的趨勢不斷在變化,在設計頁面布局之前,就要考慮好合適的樣式,不能一味地追求潮流,根據產品的實際需求,選擇合適的設計方式。而分割線的設計,想要做得出色,就要處理好線的間距、粗細、顏色等等
4、什麼是網頁設計?
網頁設計,又稱web界面設計,是企業將產品、服務、理念、文化等信息傳遞給訪問者的一種形式,和我們通常所見的平面設計是有一些不同之處的,最為主要的就是利用文字和圖片之間的組合,從而達到很好的和諧與美的布局設計。
網頁設計中需要達到的一個要求就是需要體現不同頁面之間的聯系,正確處理網頁之間、網頁的順序和內容、網頁內部和區域之間的關系。為了可以使得最終的效果得到良好的呈現,在布局的時候需要特別的注意是否合理和諧,美化視覺的合理性,讓參觀者有一個流暢的視覺體驗
5、網頁界面設計
UI設計即User Interface(用戶界面)的簡稱。簡單的來說就是圖形界面設計師(ps:這個職位可以不用寫html這類的,但是最好要了解html,因為這樣更有利於設計出來的頁面適合後面的重構師開發)
然後還有就是上面提到的頁面重構師:他的性質就是把頁面設計效果圖,用HTML+CSS改造成網頁
然後這裡面還會衍生一個前端開發的職位,他的性質是給上面的網頁加入前端腳本,實現一個互動效果,比如我們常見的圖片滾動,動畫,還有表單驗證等等常見的效果
然後就是後端程序員了(這裡面可能還會衍生專門做資料庫)反正這類人,就是把網站實現動態,與資料庫對接
(ps:不做過多闡述,有不明白可以問我)
6、網站主頁和頁面的特色設計應注意哪些方面
DIV+CSS樣式 應該知道吧
網頁設計、編程代碼、優化、色彩搭配等,所以,要I多做學習,必要的技術也要有所掌握
1、頁面內容要新穎
突出一個「新」字,這個原則要求我們在設計網站內容時不能照抄別人的內容,要結合自身的實際情況創作出一個獨一 無二的網站。所以,在設計網頁時,要把功夫下在選材上。選材要盡量做 到「少」而「精」,又必須突出「新」
2、網頁命名要簡潔
由於一個網站不可能就是由一個網頁組成,它有許多子頁面,為了能使這些 頁面有效地被連接起來,用戶能給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助於你以後方便管理網頁,在向搜索引擎提交你的網頁時更容易被別人索引到。在給網頁命名時,使用自己常用的或符合頁面內容的小寫英文字母,這關繫到頁面上的連接(感覺好像我們上學學到的建站 哈哈)。
3、要及時更新網頁
網頁製作好後,應每天維護更新及時把網頁上已經作廢的連接刪除掉,比如用戶無意中點擊了頁面中的一個連接,在苦苦的等待之後換來的是無法訪問的結果,那麼他們會對你的網頁大失所望,可能以後再也不會光顧你的網頁了。若不能及時更新,也在主頁上發布信息,告訴前來訪問的朋友這點和靈&貓店商有點樣,表示因有特殊情況需要離開一段時間,未能及時更新主頁,希望各位見諒,這樣就能給人一種對別人負責的感覺,同時能得到網友的信任。
4、注意視覺效果
設計Web頁面時,640×480和800×600的解析度來 分別觀察。設計一個在不同解析度下都能正常顯示的網頁
5、善用表格來布局
不要把一個網站的內容象作報告似的一二三四地羅列出來,要注意多用表格把網站內容的層次性和空間性突出顯示出來,使人一眼就能看出你的網站重點突出,結構分明。
6、 少用特殊字體
雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預測你的訪問者
在他們的計算機上將看到什麼。在你的計算機里看起來相當好的頁面,在另一個
不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性,這雖
然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在
訪問者的計算機上不能顯示。
7、如何去設計一個網站首頁?
首頁是一個網站主要的訪問頁面,因此網站首頁的重要性顯而易見。對於網站來說,有一個讓人心動的首頁能讓訪客對網站產生好的印象,增加訪客再次瀏覽網站的可能性。那麼網站要怎樣設計才能令人心動呢?
網站首頁的組成包括圖片、視頻、文字以及將三種合理的組合在一起,網站首頁的主題,就應該以用戶為本,記住網站價值不在於你是做什麼的銷售什麼的,而是你能為用戶做些什麼。雖然二者之間沒有什麼區別,但是,同樣的話用不同的方式去表達,差別是很大的。如果網站首頁設計以客戶為本,那麼,就會讓用戶有一種賓至如歸的感覺。用戶體驗就會好。
8、關於網站主頁構架設計
現在大部分都這樣了。因為從用戶的角度來說,flash和圖片更能吸引客戶,從而產生點擊行為,但限與國內網速問題,目前純flash網站打開速度太慢。容易引起瀏覽者煩躁情緒,直接關了走人,退而次之,用較小面積的flash和JS代替雖然不會太炫,但比之靜態網站要更容易吸引用戶一些,新的架構,還是看設計師的了。。
9、怎麼製作自己的網頁(主頁)
你可到百度網頁這一欄中打 個人網頁 申請網址號碼後他會教你如何設計
背景http://www.mb5u.com/wangyemoban/gerenmoban/
具體的課程http://www.enet.com.cn/eschool/zhuanti/frontpage/
如果需要製作伺服器大的 還需要花錢
如果想製作論壇那一類的就簡單。
直接百度 製作論壇
10、什麼叫網頁主頁網站?他們的區別是什麼?
從某種程度上講,網站是由網頁組成的!
但是網站往往要復雜一些!顯而易見的是,網站一般不止一個網頁!
而且網站有一些其他的事情要解決!
首先,如果是INTERNET上的網站,就必須要確保保存網站文件的計算機(也就是伺服器)一直開機,否則,人家要登陸你的網站,你的電腦是關的,就會出現「找不到伺服器」的錯誤!當然了,一般的個人網站做不到這一點,所以他採取一個變通的方法,就是使用別人的計算機。有些人就專門提供這樣的方便,他們容許你把你的網站文件放在他的電腦里,他承諾他不會關機!這種服務有收費的,有免費的!稱為主頁空間服務!
接著,一般的網站都要有域名,就是http://……,這實際上是域名服務!同樣有免費的,有收費的!
另外,網站除了一般的網頁之外,往往還有一些其他的東西:比如資料庫,就拿「編程愛好者」來說,網站需要保存你的用戶名,還有密碼,以及這許許多多的帖子,這都需要資料庫!
好的網站往往還有獨立的程序文件!因為要通過程序判斷你輸的密碼對不對等等!
總的說來,網站要比網頁復雜,一個好的網站需要好好的規劃,好好的設計!
網頁就要簡單的多!
但是網頁的設計是網站設計的基礎,只有學好了網頁設計才能組織好網站設計!