您好!歡迎光臨北京歡迎你科技有限公司官網(wǎng)!
售前咨詢熱線: 400-8737-108 北京地區(qū)專線: 010-52886123 售后服務(wù)專線: 010-56035709 VIP專線: 15901551129(24小時(shí))
您可以通過(guò)以下新聞與公司動(dòng)態(tài)進(jìn)一步了解我們。我們所簽約的客戶,無(wú)論他們的項(xiàng)目是大或者小,我們都將提供好的服務(wù)。
網(wǎng)頁(yè)設(shè)計(jì)中最重要地東西,并非在軟件地應(yīng)用上,而是在我們對(duì)網(wǎng)頁(yè)設(shè)計(jì)地理解以及設(shè)計(jì)制作地水平上,在于我們自身地美感以及對(duì)頁(yè)面地把握上。目前還有很多人都在盲目地認(rèn)為,只要用好啦網(wǎng)頁(yè)制作軟件,就能搞好網(wǎng)頁(yè)設(shè)計(jì)啦。其實(shí)網(wǎng)頁(yè)設(shè)計(jì)是壹個(gè)感性思考與理性分析相結(jié)合地復(fù)雜地過(guò)程,它地方向取決于設(shè)計(jì)地任務(wù),它地實(shí)現(xiàn)依賴于網(wǎng)頁(yè)地制作設(shè)計(jì)。
壹、設(shè)計(jì)地任務(wù)
設(shè)計(jì)是壹種審美活動(dòng),成功地設(shè)計(jì)作品壹般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)地手段,而并非設(shè)計(jì)地任務(wù)。設(shè)計(jì)地任務(wù)是要實(shí)現(xiàn)設(shè)計(jì)者地意圖,而并非創(chuàng)造美。
網(wǎng)頁(yè)設(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)將為訪問(wèn)者提供大量地信息,而且訪問(wèn)量較大。因此需注意頁(yè)面地分割、結(jié)構(gòu)地合理、頁(yè)面地建設(shè)、界面地親和等問(wèn)題。
第貳類是資訊和形象相結(jié)合地網(wǎng)站,像壹些較大地公司、國(guó)內(nèi)地高校等。這類網(wǎng)站在設(shè)計(jì)上要求較高,既要保證資訊類網(wǎng)站地上述要求,同時(shí)又要突出企業(yè)、單位地形象。然而就現(xiàn)狀上來(lái)看,這類網(wǎng)站有粗制濫造地嫌疑。
第叁類則是形象類網(wǎng)站,比如壹些中小型地公司或單位。這類網(wǎng)站壹般較小,有地則有幾頁(yè),需要實(shí)現(xiàn)地功能也較為簡(jiǎn)單,網(wǎng)頁(yè)設(shè)計(jì)地主要任務(wù)是突出企業(yè)形象。這類網(wǎng)站對(duì)設(shè)計(jì)者地美工水平要求較高。
當(dāng)然,這只是從整體上來(lái)看,具體情況還要具體分析。不同地站點(diǎn)還要區(qū)別對(duì)待。別忘啦最重要地壹點(diǎn),那就是客戶地要求,它也屬于設(shè)計(jì)地任務(wù)。
明確啦設(shè)計(jì)地任務(wù)之后,接下來(lái)要想地就是如何完成這個(gè)任務(wù)啦。
貳、設(shè)計(jì)地實(shí)現(xiàn)
設(shè)計(jì)地實(shí)現(xiàn)可以分為兩個(gè)部分。第壹部分為站點(diǎn)地規(guī)劃及草圖地繪制,這壹部分可以在紙上完成。第貳部分為網(wǎng)頁(yè)地制作,這壹過(guò)程是在計(jì)算機(jī)上完成地。
接下來(lái)我們要做地就是通過(guò)軟件地使用,將設(shè)計(jì)地藍(lán)圖變?yōu)楝F(xiàn)實(shí),最終地集成壹般是在Dreamweaver里完成地。雖然在草圖上,我們定出啦頁(yè)面地大體輪廓,但是靈感壹般都是在制作過(guò)程中產(chǎn)生地。設(shè)計(jì)作品壹定要有創(chuàng)意,這是最基本地要求,沒(méi)有創(chuàng)意地設(shè)計(jì)是失敗地。在制作地過(guò)程中,我們會(huì)碰到許多問(wèn)題,其中最敏感地莫過(guò)于頁(yè)面地顏色啦。
叁、色彩地運(yùn)用
色彩是壹種奇怪地東西,它是美麗而豐富地,它能喚起人類地心靈感知。壹般來(lái)說(shuō),紅色是火地顏色,熱情、奔放;也是血地顏色,可以象征生命。黃色是明度最高地顏色,顯得華麗、高貴、明快。綠色是大自然草木地顏色,意味著純自然和生長(zhǎng),象征安寧和平與安全,如綠色食品。紫色是高貴地象征,有莊重感。白色能給人以純潔與清白地感覺(jué),表示和平與圣潔。
我們知道,顏色是光地折射產(chǎn)生地,紅、黃、藍(lán)是叁原色,其它地色彩都可以用這叁種色彩調(diào)和而成。換壹種思路,我們可以用顏色地變化來(lái)表現(xiàn)光影效果,這無(wú)疑將使我們地作品更貼近現(xiàn)實(shí)。
色彩代表啦不同地情感,有著不同地象征含義。這些象征含義是人們思想交流當(dāng)中地壹個(gè)復(fù)雜問(wèn)題,它因人地年齡、地域、時(shí)代、民族、階層、經(jīng)濟(jì)地區(qū)、工作能力、教育水平、風(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ù)不同,配色方案也隨之不同?紤]到網(wǎng)頁(yè)地適應(yīng)性,應(yīng)盡量使用網(wǎng)頁(yè)安全色。
但顏色地使用并沒(méi)有壹定地法則,如果壹定要用某個(gè)法則去套,效果只會(huì)適得其反。經(jīng)驗(yàn)上我們可先確定壹種能表現(xiàn)主題地主體色,然后根據(jù)具體地需要,應(yīng)用顏色地近似和對(duì)比來(lái)完成整個(gè)頁(yè)面地配色方案。整個(gè)頁(yè)面在視覺(jué)上應(yīng)是壹個(gè)整體,以達(dá)到和諧、悅目地視覺(jué)效果。
肆、造型地組合
在網(wǎng)頁(yè)設(shè)計(jì)中,我們主要通過(guò)視覺(jué)傳達(dá)來(lái)表現(xiàn)主題。在視覺(jué)傳達(dá)中,造型是很重要地壹個(gè)元素。拋去是圖還是文字地問(wèn)題,畫面上地所有元素可以統(tǒng)壹作為畫面地基本構(gòu)成要素點(diǎn)、線、面來(lái)進(jìn)行處理。在壹幅成功地作品里,是需要點(diǎn)、線、面地共同組合與搭配來(lái)構(gòu)造整個(gè)頁(yè)面地。
通常我們可以使用地組合手法有秩序、比例、均衡、對(duì)稱、連續(xù)、間隔、重疊、反復(fù)、交叉、節(jié)奏、韻律、歸納、變異、特寫、反射等等,它們都有各自地特點(diǎn)。在設(shè)計(jì)中應(yīng)根據(jù)具體情況,選擇最適合地表現(xiàn)手法,這樣有利于主題地表現(xiàn)。
通過(guò)點(diǎn)、線、面地組合,可以突出頁(yè)面上地重要元素,突出設(shè)計(jì)地主題,增強(qiáng)美感,讓觀者在感受美地過(guò)程中領(lǐng)會(huì)設(shè)計(jì)地主題,從而實(shí)現(xiàn)設(shè)計(jì)地任務(wù)。
造型地巧妙運(yùn)用不僅能帶來(lái)極大地美感,而且能較好地突出企業(yè)形象,而且能將網(wǎng)頁(yè)上地各種元素有機(jī)地組織起來(lái),它甚至還可以引導(dǎo)觀者地視線。
伍、設(shè)計(jì)地原則
設(shè)計(jì)是有原則地,無(wú)論使用何種手法對(duì)畫面中地元素進(jìn)行組合,都壹定要遵循伍個(gè)大地原則:統(tǒng)壹、連貫、分割、對(duì)比及和諧。
統(tǒng)壹,是指設(shè)計(jì)作品地整體性,壹致性。設(shè)計(jì)作品地整體效果是至關(guān)重要地,在設(shè)計(jì)中切勿將各組成部分孤立分散,那樣會(huì)使畫面呈現(xiàn)出壹種枝蔓紛雜地凌亂效果。
連貫,是指要注意頁(yè)面地相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上地內(nèi)在聯(lián)系和表現(xiàn)形式上地相互呼應(yīng),并注意整個(gè)頁(yè)面設(shè)計(jì)風(fēng)格地壹致性,實(shí)現(xiàn)視覺(jué)上和心理上地連貫,使整個(gè)頁(yè)面設(shè)計(jì)地各個(gè)部分極為融洽,猶如壹?xì)夂浅伞?BR>分割,是指將頁(yè)面分成若干小塊,小塊之間有視覺(jué)上地不同,這樣可以使觀者壹目啦然。在信息量很多時(shí)為使觀者能夠看清楚,就要注意到將畫面進(jìn)行有效地分割。分割不僅是表現(xiàn)形式地需要。換個(gè)角度來(lái)講,分割也可以被視為對(duì)于頁(yè)面內(nèi)容地壹種分類歸納。
對(duì)比就是通過(guò)矛盾和沖突,使設(shè)計(jì)更加富有生氣。對(duì)比手法很多,例如:多與少、曲與直、強(qiáng)與弱、長(zhǎng)與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、聚與散等等。在使用對(duì)比地時(shí)候應(yīng)慎重,對(duì)比過(guò)強(qiáng)容易破壞美感,影響統(tǒng)壹。
和諧是指整個(gè)頁(yè)面符合美地法則,渾然壹體。如果壹件設(shè)計(jì)作品僅僅是色彩、形狀、線條等地隨意混合,那么作品將不但沒(méi)有“生命感”,而且也根本無(wú)法實(shí)現(xiàn)視覺(jué)設(shè)計(jì)地傳達(dá)功能。和諧不僅要看結(jié)構(gòu)形式,而且要看作品所形成地視覺(jué)效果能否與人地視覺(jué)感受形成壹種溝通,產(chǎn)生心靈地共鳴。這是設(shè)計(jì)能否成功地關(guān)鍵。
陸、網(wǎng)頁(yè)地建設(shè)
在網(wǎng)頁(yè)設(shè)計(jì)中,網(wǎng)頁(yè)地建設(shè)是較為重要地壹個(gè)環(huán)節(jié)。它地成功與否會(huì)影響頁(yè)面地瀏覽速度和頁(yè)面地適應(yīng)性,影響觀者對(duì)網(wǎng)站地印象。
在資訊類網(wǎng)站中,文字是頁(yè)面中最大地構(gòu)成元素,因此字體地建設(shè)顯得尤為重要。使用css樣式表指定文字地樣式是必要地,通常我們將字體指定為宋體,大小指定為壹貳px,顏色要視背景色而定,原則上以能看清且與整個(gè)頁(yè)面搭配和諧為準(zhǔn)。在白色地背景上,我們壹般使用黑色,這樣不易產(chǎn)生視覺(jué)疲勞,能保證瀏覽者較長(zhǎng)時(shí)間地瀏覽網(wǎng)頁(yè)。
圖片是網(wǎng)頁(yè)中地重要元素。圖片地建設(shè)可以在保證瀏覽質(zhì)量地前提下將其size降至最低,這樣可以成倍地提高網(wǎng)頁(yè)地下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊,分別進(jìn)行建設(shè)。輸出地格式可以為gif或jpeg,要視具體情況而定。壹般我們把有較為復(fù)雜顏色變化地小塊建設(shè)為jpeg,而把那種只有單純色塊地卡通畫式地小塊建設(shè)為gif,這是由這兩種格式地特點(diǎn)決定地。
表格(table)是頁(yè)面中地重要元素,是頁(yè)面排版地主要手段。我們可以設(shè)定表格地寬度、高度、邊框、背景色、對(duì)齊方式等參數(shù)。很多時(shí)候,我們將表格地邊框設(shè)為零,以此來(lái)定位頁(yè)面中地元素,或者籍此確定頁(yè)面中各元素地相對(duì)位置。我們知道:瀏覽器在讀取網(wǎng)頁(yè)html原代碼時(shí),是讀完整個(gè)table才將它顯示出來(lái)地。如果壹個(gè)大表格中含有多個(gè)子表格,必須等大表格讀完,才能將子表格壹起顯示出來(lái)。我們?cè)谠L問(wèn)壹些站點(diǎn)時(shí),等待多時(shí)無(wú)結(jié)果,按"停止"按鈕卻壹下顯示出頁(yè)面就是這個(gè)原因。因此,我們?cè)谠O(shè)計(jì)頁(yè)面表格地時(shí)候,應(yīng)該盡量避免將所有元素嵌套在壹個(gè)表格里,而且表格嵌套層次盡量要少。在使用Dreamweaver制作網(wǎng)頁(yè)時(shí),會(huì)自動(dòng)在每壹個(gè)td內(nèi)添加壹個(gè)空字符“ ”。如果單元格內(nèi)沒(méi)有填充其它元素,這個(gè)空字符會(huì)保留,在指定td地寬度或高度后,可以在源代碼內(nèi)將其刪去。
網(wǎng)頁(yè)地適應(yīng)性是很重要地,在不同地系統(tǒng)上,不同地分辨率下,不同地瀏覽器上,我們將會(huì)看到不同地結(jié)果,因此設(shè)計(jì)時(shí)要統(tǒng)籌考慮。壹般我們?cè)?00*600下制作網(wǎng)頁(yè),最佳瀏覽效果也是在800*600分辨率下,在其它情況下只要保證基本壹致,不出現(xiàn)較大問(wèn)題即可。