網頁設計基礎知識 (一) |
作者:紫陌 發布時間:2009-06-20 瀏覽:2723次 |
在網頁設計的認識上,許多人似乎仍停留在網頁制作的高度上。認為只要用好了網頁制作軟件,就能搞好網頁設計了。 其實網頁設計是一個感性思考與理性分析相結合的復雜的過程,它的方向取決于設計的 任務,它的實現依賴于網頁的制作。正所謂“功夫在詩外”,網頁設計中最重要的東西 ,并非在軟件的應用上,而是在我們對網頁設計的理解以及設計制作的水平上,在于我 們自身的美感以及對頁面的把握上。 作為一名在寶雞網站建設行業從事寶雞網頁設計工作5年多時間經歷的網站設計人員,我的最大體會有以下幾點 首先,我們要弄清楚網頁設計的任務。 一、設計的任務 設計是一種審美活動,成功的設計作品一般都很藝術化。但藝術只是設計的手段,而并 非設計的任務。設計的任務是要實現設計者的意圖,而并非創造美。 網頁設計的任務,是指設計者要表現的主題和要實現的功能。站點的性質不同,設計的 任務也不同。從形式上,可以將站點分為以下三類。 第一類是資訊類站點,像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量 的信息,而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的 親和等問題。 第二類是資訊和形象相結合的網站,像一些較大的集團公司、 政府門戶等。例如寶雞市政協、渭濱區政府、千陽縣政府、聚豐集團、建中集團、中鐵五處等,這類網站在設 計上要求較高,既要保證資訊類網站的上述要求,同時又要突出政府、企業的形象。 第三類則是形象類網站,比如一些中小型的公司或單位。這類網站一般較小,有的則有 幾頁,需要實現的功能也較為簡單,網頁設計的主要任務是突出企業形象。這類網站對 設計者的美工水平要求較高。 當然,這只是從整體上來看,具體情況還要具體分析。不同的站點還要區別對待。別忘 了最重要的一點,那就是客戶的要求,它也屬于設計的任務。 明確了設計的任務之后,接下來要想的就是如何完成這個任務了。 二、設計的實現 設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制,這一部分可以在 紙上完成。第二部分為網頁的制作,這一過程是在計算機上完成的。 設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯,這里 面有文字、圖像乃至動畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁 面的不同位置。 除了要有一臺配置不錯的計算機外,軟件也是必需的。不能簡單地說一個軟件的好壞, 只要是設計者使用起來覺得方便而且能得心應手的,就可以稱為好軟件。當然,它應該 能滿足設計者的要求。筆者常用的軟件是Macromedia的Dreamweaver、Fireworks、 Flash以及Adobe的Photoshop、imageready,這些都是很不錯的軟件。 接下來我們要做的就是通過軟件的使用,將設計的藍圖變為現實,最終的集成一般是在 Dreamweaver里完成的。雖然在草圖上,我們定出了頁面的大體輪廓,但是靈感一般都 是在制作過程中產生的。設計作品一定要有創意,這是最基本的要求,沒有創意的設計 是失敗的。在制作的過程中,我們會碰到許多問題,其中最敏感的莫過于頁面的顏色 了?! ?/SPAN> 三、造型的組合 在網頁設計中,我們主要通過視覺傳達來表現主題。在視覺傳達中,造型是很重要的一 個元素。拋去是圖還是文字的問題,畫面上的所有元素可以統一作為畫面的基本構成要 素點、線、面來進行處理。在一幅成功的作品里,是需要點、線、面的共同組合與搭配 來構造整個頁面的。 通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、 交叉、節奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特點。在設計中應 根據具體情況,選擇最適合的表現手法,這樣有利于主題的表現。 通過點、線、面的組合,可以突出頁面上的重要元素,突出設計的主題,增強美感,讓 觀者在感受美的過程中領會設計的主題,從而實現設計的任務。 造型的巧妙運用不僅能帶來極大的美感,而且能較好地突出企業形象,而且能將網頁上 的各種元素有機的組織起來,它甚至還可以引導觀者的視線。 四、色彩的運用 色彩是一種奇怪的東西,它是美麗而豐富的,它能喚起人類的心靈感知。一般來說,紅 色是火的顏色,熱情、奔放;也是血的顏色,可以象征生命。黃色是明度最高的顏色, 顯得華麗、高貴、明快。綠色是大自然草木的顏色,意味著純自然和生長,象征安寧和 平與安全,如綠色食品。紫色是高貴的象征,有莊重感。白色能給人以純潔與清白的感 覺,表示和平與圣潔。 我們知道,顏色是光的折射產生的,紅、黃、藍是三原色,其它的色彩都可以用這三種 色彩調和而成。換一種思路,我們可以用顏色的變化來表現光影效果,這無疑將使我們 的作品更貼近現實。 色彩代表了不同的情感,有著不同的象征含義。這些象征含義是人們思想交流當中的一 個復雜問題,它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水 平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。 單純的顏色并沒有實際的意義,和不同的顏色搭配,它所表現出來的效果也不同。比如 綠色和金黃、淡白搭配,可以產生優雅,舒適的氣氛。藍色和白色混合,能體現柔順、 淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配 則會給人帶來暖意。設計的任務不同,配色方案也隨之不同??紤]到網頁的適應性,應 盡量使用網頁安全色。 但顏色的使用并沒有一定的法則,如果一定要用某個法則去套,效果只會適得其反。經 驗上我們可先確定一種能表現主題的主體色,然后根據具體的需要,應用顏色的近似和 對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體,以達到和諧、悅目 的視覺效果。 (寶雞世紀網絡網站設計部 待續) |