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