一、設(shè)計(jì)的方面
設(shè)計(jì)是一種審美運(yùn)動(dòng),成功的設(shè)計(jì)作品一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段,而并非設(shè)計(jì)的任務(wù)。設(shè)計(jì)的任務(wù)是要實(shí)現(xiàn)設(shè)
計(jì)者的意圖,而并非發(fā)明美。 網(wǎng)頁(yè)設(shè)計(jì)的任務(wù),是指設(shè)計(jì)者要表現(xiàn)的主題和要實(shí)現(xiàn)的功效。站點(diǎn)的性質(zhì)不同,設(shè)計(jì)的任務(wù)也不同。
從情勢(shì)上,可以將站點(diǎn)分為以下三類(lèi)。 第一類(lèi)是資訊類(lèi)站點(diǎn),像新浪、網(wǎng)易、搜狐等門(mén)戶網(wǎng)站。這類(lèi)站點(diǎn)將為拜訪者供給大批的信
息,而且拜訪量較大。因此需注意頁(yè)面的分割、結(jié)構(gòu)的公平、頁(yè)面的優(yōu)化、界面的親和等標(biāo)題。 第二類(lèi)是教導(dǎo)資源網(wǎng)和形象相聯(lián)合
的網(wǎng)站,像一些較大的公司、國(guó)內(nèi)的高校等。這類(lèi)網(wǎng)站建設(shè)在設(shè)計(jì)上請(qǐng)求較高,既要保證資訊類(lèi)網(wǎng)站的上述請(qǐng)求,同時(shí)又要突出企
業(yè)、單位的形象。然而就現(xiàn)狀上來(lái)看,這類(lèi)網(wǎng)站有粗制濫造的嫌疑。 第三類(lèi)則是愛(ài)情站,比如一些中小型的公司或單位。這類(lèi)網(wǎng)站
一般較小,有的則有幾頁(yè),需要實(shí)現(xiàn)的功效也較為簡(jiǎn)略的個(gè)性簽名,網(wǎng)頁(yè)設(shè)計(jì)的重要任務(wù)是突出企業(yè)形象。這類(lèi)網(wǎng)站對(duì)設(shè)計(jì)者的美
工程度請(qǐng)求較高。 當(dāng)然,這只是從整體上來(lái)看,具體情況還要具體分析。不同的站點(diǎn)還要差別看待。別忘了最重要的一點(diǎn),那就是
客戶的請(qǐng)求,它也屬于設(shè)計(jì)的任務(wù)。 明白了設(shè)計(jì)的任務(wù)之后,接下來(lái)要想的就是如何完成這個(gè)任務(wù)了。
二、色彩的應(yīng)用
色彩是一種希奇的東西,它是美麗而豐富的,它能喚起人類(lèi)的心靈感知。一般來(lái)說(shuō),紅色是火的色彩,熱情、奔放;也是血的
色彩,可以象征生命。黃色是明度最高的色彩,顯得華麗、高尚、明快。綠色是大自然草木的色彩,意味著純自然和生長(zhǎng),象征安
寧和平與安全,如綠色食品。紫色是高尚的象征,有穩(wěn)重感。白色能給人以純粹與清白的感到,表現(xiàn)和平與圣潔。 我們知道,色彩
是光的折射產(chǎn)生的,紅、黃、藍(lán)是三原色,其它的色彩都可以用這三種色彩協(xié)調(diào)而成。換一種思路,我們可以用色彩的變更來(lái)表現(xiàn)
光影后果,這無(wú)疑將使我們的作品更貼近現(xiàn)實(shí)。 色彩代表了不同的情感,有著不同的象征含義。這些象征含義是人們思想交換當(dāng)中
的一個(gè)復(fù)雜標(biāo)題,它因人的年紀(jì)、地區(qū)、時(shí)代、民族、階層、經(jīng)濟(jì)地區(qū)、工作才能、教導(dǎo)程度、風(fēng)氣習(xí)慣、宗教信仰、生活環(huán)境、
性別差別而有所不同。 單純的色彩并沒(méi)有實(shí)際的意義,和不同的色彩搭配,它所表現(xiàn)出來(lái)的后果也不同。比如綠色和金黃、淡白搭
配,可以產(chǎn)生優(yōu)雅,舒適的氣氛。藍(lán)色和白色混雜,能體現(xiàn)柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛
。而金色和粟色的搭配則會(huì)給人帶來(lái)熱意。設(shè)計(jì)的任務(wù)不同,配色計(jì)劃也隨之不同??紤]到網(wǎng)頁(yè)的適應(yīng)性,應(yīng)盡量應(yīng)用網(wǎng)頁(yè)安全色
。 但色彩的應(yīng)用并沒(méi)有必定的法則,假如必定要用某個(gè)法則往套,后果只會(huì)適得其反。經(jīng)驗(yàn)上我們可先斷定一種能表現(xiàn)主題的主體
色,然后根據(jù)具體的需要,利用色彩的近似和對(duì)照來(lái)完成全部頁(yè)面的配色計(jì)劃。全部頁(yè)面在視覺(jué)上應(yīng)是一個(gè)整體,以達(dá)到和諧、悅
目標(biāo)視覺(jué)后果。
三、設(shè)計(jì)的實(shí)現(xiàn)
設(shè)計(jì)的實(shí)現(xiàn)可以分為兩個(gè)部分。第一部分為站點(diǎn)的計(jì)劃及草圖的繪制,這一部分可以在紙上完成。第二部分為網(wǎng)頁(yè)的制作,
這一過(guò)程是在盤(pán)算機(jī)上完成的。 設(shè)計(jì)首頁(yè)的第一步是設(shè)計(jì)版面布局。我們可以將網(wǎng)頁(yè)看作傳統(tǒng)的報(bào)刊雜志來(lái)編纂,這里面有文字、
圖像乃至動(dòng)畫(huà),我們要做的工作就是以最合適的方法將圖片和文字排放在頁(yè)面的不同地位。 除了要有一臺(tái)配置不錯(cuò)的盤(pán)算機(jī)外,軟
件也是必需的。不能簡(jiǎn)略地說(shuō)一個(gè)軟件的好壞,只要是設(shè)計(jì)者應(yīng)用起來(lái)感到方便而且能得心應(yīng)手的,就可以稱為好軟件。當(dāng)然,它
應(yīng)當(dāng)能滿足設(shè)計(jì)者的請(qǐng)求。筆者常用的軟件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,
這些都是很不錯(cuò)的軟件。 接下來(lái)我們要做的就是通過(guò)軟件的應(yīng)用,將設(shè)計(jì)的藍(lán)圖變?yōu)楝F(xiàn)實(shí),終極的集成一般是在Dreamweaver里完
成的。固然在草圖上,我們定出了頁(yè)面的大體輪廓,但是靈感一般都是在制作過(guò)程中產(chǎn)生的。設(shè)計(jì)作品必定要有創(chuàng)意,這是最基礎(chǔ)
的請(qǐng)求,沒(méi)有創(chuàng)意的設(shè)計(jì)是失敗的。在制作的過(guò)程中,我們會(huì)碰到很多標(biāo)題,其中最敏感的莫過(guò)于頁(yè)面的色彩了?! ?br /> 四、造型的組合
在網(wǎng)頁(yè)設(shè)計(jì)中,我們重要通過(guò)視覺(jué)轉(zhuǎn)達(dá)來(lái)表現(xiàn)主題。在視覺(jué)轉(zhuǎn)達(dá)中,造型是很重要的一個(gè)元素。拋往是圖還是文字的標(biāo)題,
畫(huà)面上的所有元素可以同一作為畫(huà)面的基礎(chǔ)構(gòu)成要素點(diǎn)、線、面來(lái)進(jìn)行處理。在一幅成功的作品里,是需要點(diǎn)、線、面的共同組合
與搭配來(lái)結(jié)構(gòu)全部頁(yè)面的。 通常我們可以應(yīng)用的組合伎倆有秩序、比例、均衡、對(duì)稱、持續(xù)、間隔、重疊、重復(fù)、交叉、節(jié)奏、韻
律、回納、變異、特寫(xiě)、反射等等,它們都有各自的特點(diǎn)。在設(shè)計(jì)中應(yīng)根據(jù)具體情況,選擇最合適的表現(xiàn)伎倆,這樣有利于主題的
表現(xiàn)。 通過(guò)點(diǎn)、線、面的組合,可以突出頁(yè)面上的重要元素,突出設(shè)計(jì)的主題,加強(qiáng)美感,讓觀者在感受美的過(guò)程中懂得設(shè)計(jì)的主
題,從而實(shí)現(xiàn)設(shè)計(jì)的任務(wù)。 造型的奇妙應(yīng)用不僅能帶來(lái)極大的美感,而且能較好地突出企業(yè)形象,而且能將網(wǎng)頁(yè)上的各種元素有機(jī)
的組織起來(lái),它甚至還可以領(lǐng)導(dǎo)觀者的視線。
五、設(shè)計(jì)的原則
設(shè)計(jì)是有原則的,無(wú)論應(yīng)用何種伎倆對(duì)畫(huà)面中的元素進(jìn)行組合,都必定要遵守五個(gè)大的原則:同一、連貫、分割、對(duì)照及和諧
。 同一,是指設(shè)計(jì)作品的整體性,一致性。設(shè)計(jì)作品的整體后果是至關(guān)重要的,在設(shè)計(jì)中切勿將各組成部分孤立疏散,那樣會(huì)使畫(huà)
面浮現(xiàn)出一種枝蔓紛雜的混亂后果。 連貫,是指要注意頁(yè)面的相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在接洽和表現(xiàn)情勢(shì)
上的相互呼應(yīng),并注意全部頁(yè)面設(shè)計(jì)作風(fēng)的一致性,實(shí)現(xiàn)視覺(jué)上和心理上的連貫,使全部頁(yè)面設(shè)計(jì)的各個(gè)部分極為融洽,如同一氣
呵成。 分割,是指將頁(yè)面分成若干小塊,小塊之間有視覺(jué)上的不同,這樣可以使觀者一目了然。在信息量很多時(shí)為使觀者能夠看清
楚,就要注意到將畫(huà)面進(jìn)行有效的分割。分割不僅是表現(xiàn)情勢(shì)的需要。換個(gè)角度來(lái)講,分割也可以被視為對(duì)于頁(yè)面內(nèi)容的一種分類(lèi)
回納。 對(duì)照就是通過(guò)抵觸和沖突,使設(shè)計(jì)更加富有賭氣。對(duì)照伎倆很多,例如:多與少、曲與直、強(qiáng)與弱、長(zhǎng)與短、粗與細(xì)、疏與
密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、聚與散等等。在應(yīng)用對(duì)照的時(shí)候應(yīng)慎重,對(duì)照過(guò)強(qiáng)輕易損壞美感,影響同一。 和
諧是指全部頁(yè)面符合美的法則,渾然一體。假如一件設(shè)計(jì)作品僅僅是色彩、外形、線條等的隨便混雜,那么作品將不但沒(méi)有“生命
感”,而且也基本無(wú)法實(shí)現(xiàn)視覺(jué)設(shè)計(jì)的轉(zhuǎn)達(dá)功效。和諧不僅要看結(jié)構(gòu)情勢(shì),而且要看作品所形成的視覺(jué)后果能否與人的視覺(jué)感受形
成一種溝通,產(chǎn)生心靈的共識(shí)。這是設(shè)計(jì)能否成功的關(guān)鍵?!?br /> 六、網(wǎng)頁(yè)優(yōu)化
在網(wǎng)頁(yè)設(shè)計(jì)中,網(wǎng)頁(yè)的優(yōu)化是較為重要的一個(gè)環(huán)節(jié)。它的成功與否會(huì)影響頁(yè)面的瀏覽速度和頁(yè)面的適應(yīng)性,影響觀者對(duì)網(wǎng)站
的印象。 在資訊類(lèi)網(wǎng)站中,文字是頁(yè)面中最大的構(gòu)成元素,因此字體的優(yōu)化顯得尤為重要。應(yīng)用css樣式表指定文字的樣式是必要
的,通常我們將字體指定為宋體,大小指定為12px,色彩要視背風(fēng)景而定,原則上以能看清且與全部頁(yè)面搭配和諧為準(zhǔn)。在白色的
背景上,我們一般應(yīng)用玄色,這樣不易產(chǎn)生視覺(jué)疲憊,能保證瀏覽者較長(zhǎng)時(shí)間地瀏覽網(wǎng)頁(yè)。 圖片是網(wǎng)頁(yè)中的重要元素。圖片的優(yōu)化
可以在保證瀏覽質(zhì)量的條件下將其size降至最低,這樣可以成倍地提高網(wǎng)頁(yè)的下載速度。利用Photoshop6或Fireworks4可以將圖
片切成小塊,分辨進(jìn)行優(yōu)化。輸出的格局可認(rèn)為gif或jpeg,要視具體情況定。一般我們把有較為復(fù)雜色彩變更的小塊優(yōu)化為jpeg,
而把那種只有單純色塊的***畫(huà)式的小塊優(yōu)化為gif,這是由這兩種格局的特點(diǎn)決定的。 表格(table)是頁(yè)面中的重要元素,頁(yè)面排
版的重要手段。我們可以設(shè)定表格的寬度、高度、邊框、背風(fēng)景、對(duì)齊方法等參數(shù)。很多時(shí)候,我們將表格的邊框設(shè)為0,以此來(lái)定
位頁(yè)面中的元素,或者籍此斷定頁(yè)面中各元素的相對(duì)地位。
對(duì)于網(wǎng)頁(yè)的框架與定位,這個(gè)是很難說(shuō)得明白的,這要看你在做網(wǎng)站時(shí),對(duì)網(wǎng)站的 計(jì)劃,并不能一并而論的,假如你沒(méi)有這方面
的經(jīng)驗(yàn),就多多在網(wǎng)上看看別人是如何設(shè)計(jì)的吧,是非常的用的,可以把他們給抓下來(lái),做個(gè)圖庫(kù),方便自己設(shè)計(jì)
實(shí)在看看一些設(shè)計(jì)精良的網(wǎng)頁(yè),會(huì)對(duì)自己有很大的作用, 把別人的網(wǎng)頁(yè)下載下來(lái),再用相干的軟件,進(jìn)行分析, 可以學(xué)到
很多的東西的,是一種快捷的學(xué)習(xí)方法, 但決不是COPY。
當(dāng)前位置網(wǎng)站建設(shè)知識(shí) >> 網(wǎng)站建設(shè)知識(shí)
網(wǎng)站建設(shè)知識(shí)
[來(lái)源:互聯(lián)網(wǎng)]
[作者:c36]
[日期:10-07-05]
[閱讀:]
相關(guān)文章
- 網(wǎng)站制作之Html頁(yè)面規(guī)范知識(shí)
- 字體設(shè)計(jì)的基本知識(shí)1
- 淺談URL的一些須知的知識(shí)
- 網(wǎng)站建設(shè)之域名選擇和域名投資
- 網(wǎng)站建設(shè)需要全球化概念
- 外貿(mào)網(wǎng)站建設(shè)和規(guī)范設(shè)計(jì)解決計(jì)劃
- 外貿(mào)網(wǎng)站建設(shè)必需注意的四點(diǎn)
- 網(wǎng)站建設(shè)需要注意的標(biāo)題
- 網(wǎng)站建設(shè)前具體策劃的九個(gè)關(guān)鍵步驟
- 網(wǎng)站建設(shè)如何走進(jìn)用戶的心房?
- 網(wǎng)站建設(shè)后為什么沒(méi)有流量?
- 如何做到用戶至上的網(wǎng)站建設(shè)?
- 品牌網(wǎng)站建設(shè)如何與品牌營(yíng)銷(xiāo)有機(jī)聯(lián)合
- 一般企業(yè)網(wǎng)站建設(shè)需要多少錢(qián)
- 營(yíng)銷(xiāo)型網(wǎng)站建設(shè)如何滿足和解決用戶需求..
- 網(wǎng)站建設(shè)營(yíng)銷(xiāo)推廣未來(lái)的信息聚合
最新文章
- 網(wǎng)站制作之CSS語(yǔ)法簡(jiǎn)寫(xiě)
- 網(wǎng)站制作之Html頁(yè)面規(guī)范知識(shí)
- 整站排名推廣我們應(yīng)該怎么做
- 網(wǎng)站制作時(shí)網(wǎng)站公道布局一些建議
- 網(wǎng)站制作最重的目的是輔助銷(xiāo)售
- 略論寧波網(wǎng)站制作之文明建設(shè)
- 網(wǎng)站制作前期建設(shè)策劃
- 網(wǎng)站制作的色彩思考
- 關(guān)于網(wǎng)站制作的定義
- 寧波網(wǎng)站制作需要把握的八個(gè)CSS布局技巧
- 企業(yè)門(mén)戶網(wǎng)站制作策劃
- 網(wǎng)站制作之后的必要測(cè)試工作
- 寧波網(wǎng)站制作先容php檢查email完整性
- 寧波網(wǎng)站制作之網(wǎng)頁(yè)布局設(shè)計(jì)理念
- 網(wǎng)站制作后沒(méi)有效果的原因
- 寧波網(wǎng)站制作用度與怎么樣建網(wǎng)站