網(wǎng)站制作流程及設(shè)計(jì)技巧

教傳艷　張帆

摘 要:隨著網(wǎng)絡(luò)的廣泛應(yīng)用,互聯(lián)網(wǎng)已成為人們快速、便捷的獲取資料和信息的重要渠道,在人們的工作生活中發(fā)揮著越來越重要的作用。網(wǎng)站作為發(fā)布和獲取信息的重要平臺,它的建設(shè)與管理尤為關(guān)鍵。因此如何制作成功的網(wǎng)站成為計(jì)算機(jī)領(lǐng)域的熱門話題。本文主要從網(wǎng)站制作的基礎(chǔ)過程出發(fā),闡釋網(wǎng)站的設(shè)計(jì)技巧。

關(guān)鍵詞:網(wǎng)站制作 流程 設(shè)計(jì)技巧

中圖分類號:TP393.09 文獻(xiàn)標(biāo)識碼:A 文章編號:1672-3791(2012)10(c)-0154-01

1 網(wǎng)站制作的基本過程

網(wǎng)絡(luò)領(lǐng)域內(nèi),網(wǎng)站作為發(fā)布和獲取信息的重要平臺,其建設(shè)與管理尤為重要。一個(gè)網(wǎng)站的制作過程是比較復(fù)雜的,大致來說可以分為調(diào)研環(huán)節(jié)、策劃環(huán)節(jié)、完成環(huán)節(jié)、測試環(huán)節(jié)、維護(hù)環(huán)節(jié)等。

1.1 調(diào)研環(huán)節(jié)

制作網(wǎng)站不能盲目,要定位網(wǎng)站的主題和類別,對網(wǎng)站進(jìn)行調(diào)研。首先要弄明白網(wǎng)站建設(shè)要達(dá)到的目的,了解受眾群體的基本情況;其次要了解網(wǎng)站承辦方的需求與喜好。網(wǎng)站制作時(shí)要考慮這些問題,以確保網(wǎng)站的實(shí)用性和可觀性。另外再結(jié)合自身情況,確定網(wǎng)站主題。網(wǎng)站主題不同,網(wǎng)站的設(shè)計(jì)也應(yīng)體現(xiàn)出不同。一般來說,大中型企業(yè)網(wǎng)站或者門戶網(wǎng)站在設(shè)計(jì)上常采用信息羅列型,這種類型就是在網(wǎng)站首頁中羅列出網(wǎng)站的主要內(nèi)容分類、重點(diǎn)信息、網(wǎng)站導(dǎo)航等,它的優(yōu)勢在于能為訪問者提供大量的信息,同時(shí)還能較大的訪問量。還有一種類型是形象展示型,主要是通過藝術(shù)設(shè)計(jì)與布局,借助與企業(yè)相關(guān)的產(chǎn)品、圖像等構(gòu)成生動、形象的畫面,目的是展示出一種形象或氛圍,從而吸引網(wǎng)民瀏覽。這就需要設(shè)計(jì)者在制作主頁時(shí),要定位好自己的方向,設(shè)計(jì)出切合實(shí)際的網(wǎng)站。

1.2 策劃環(huán)節(jié)

策劃環(huán)節(jié)是網(wǎng)站制作中的關(guān)鍵環(huán)節(jié),要結(jié)合站點(diǎn)的目標(biāo)確定站點(diǎn)的內(nèi)容框架及邏輯結(jié)構(gòu)圖。首先要廣泛搜集能達(dá)到這些目的站點(diǎn)的內(nèi)容,制定出站點(diǎn)設(shè)計(jì)的需求綱要。然后再結(jié)合內(nèi)容綱要先草畫出站點(diǎn)的結(jié)構(gòu)圖。網(wǎng)站結(jié)構(gòu)圖有很多種如網(wǎng)狀結(jié)構(gòu)、順序結(jié)構(gòu)等,需要采用什么樣的結(jié)構(gòu)要根據(jù)內(nèi)容來定。有時(shí)較為復(fù)雜的網(wǎng)站會同時(shí)用到多種不同的結(jié)構(gòu)圖。在策劃環(huán)節(jié)畫出結(jié)構(gòu)圖主要的目的是組織站點(diǎn)和鏈接,為以后的任務(wù)分配打下基礎(chǔ)。

1.3 完成環(huán)節(jié)

這一環(huán)節(jié)是網(wǎng)站制作中的核心,主要是通過繪制布局草圖、網(wǎng)頁設(shè)計(jì)與制作兩部分實(shí)現(xiàn)的。繪制布局草圖可以在紙上完成,只需繪制出富有創(chuàng)意的輪廓即可,也可以多畫幾張,從中選擇一個(gè)比較中意的。然后再細(xì)化草圖,可以通過在草圖上擺放頁面的功能模塊等確定最終的方案。網(wǎng)頁設(shè)計(jì)與制作是通過計(jì)算機(jī)完成的,先以草圖為基礎(chǔ),通過Photoshop軟件進(jìn)行網(wǎng)站界面的設(shè)計(jì),然后再通過網(wǎng)頁制作工具完成廣告與動態(tài)效果添加、鏈接設(shè)置等工作,最后完成整個(gè)網(wǎng)頁。

1.4 測試環(huán)節(jié)

網(wǎng)站制作完成后,要進(jìn)行測試,看看網(wǎng)頁、圖片的鏈接是否正常,內(nèi)容顯示有沒有出現(xiàn)錯(cuò)誤的地方等。在測試環(huán)節(jié)一旦發(fā)現(xiàn)問題應(yīng)及時(shí)修改,確保網(wǎng)頁質(zhì)量。網(wǎng)站發(fā)布前要在網(wǎng)絡(luò)上申請一個(gè)域名和服務(wù)器空間來存放網(wǎng)站,經(jīng)過測試正常的網(wǎng)站才能發(fā)布。

1.5 維護(hù)環(huán)節(jié)

網(wǎng)站經(jīng)測試合格發(fā)布后,要隨時(shí)給予關(guān)注,并及時(shí)根據(jù)出現(xiàn)的問題進(jìn)行調(diào)整。一般來說,維護(hù)、更新多涉及到發(fā)布的主體內(nèi)容、站點(diǎn)安全等方面。另外還要關(guān)注技術(shù)的更新,美化網(wǎng)頁,使網(wǎng)頁的訪問更為便捷。

2 網(wǎng)站的設(shè)計(jì)技巧

2.1 風(fēng)格統(tǒng)一

首先是結(jié)構(gòu)統(tǒng)一。網(wǎng)站風(fēng)格統(tǒng)一的重要手段是網(wǎng)站結(jié)構(gòu),主要包括文字排版、導(dǎo)航的統(tǒng)一、圖片的位置、網(wǎng)站布局等,同時(shí)在結(jié)構(gòu)一致性中要強(qiáng)調(diào)網(wǎng)站或公司名稱、企業(yè)標(biāo)志、公司聯(lián)系信息等標(biāo)志性元素的統(tǒng)一。目前,大多數(shù)網(wǎng)站都采用這種結(jié)構(gòu),一方面能減少設(shè)計(jì)的工作量;另一方面也便于網(wǎng)站的維護(hù)和更新。其次是色彩統(tǒng)一。網(wǎng)站設(shè)計(jì)中要先確定能體現(xiàn)網(wǎng)站形象的主體色彩后,可以在網(wǎng)站標(biāo)識、主菜單、標(biāo)題中應(yīng)用,這樣能給人整體統(tǒng)一的感覺。色彩運(yùn)用中,主題色彩確定后,其他的色彩只能作為點(diǎn)綴進(jìn)行搭配,決不能掩蓋主題色彩。最后是背景統(tǒng)一。在網(wǎng)站制作中可以將公司的標(biāo)志或者象征性的符號作為背景淡化,訪問者在瀏覽網(wǎng)頁時(shí)不自覺的會留下印象,從而塑造出網(wǎng)站的特有形象。

2.2 色彩搭配

在多姿多彩的世界中,色彩在視覺中有很強(qiáng)的識別作用,還能給人留下深刻的印象。因此在網(wǎng)站設(shè)計(jì)中要運(yùn)用好色彩,必須了解色彩的搭配技巧。通常情況下,一個(gè)網(wǎng)站會有一種或者兩種象征網(wǎng)站內(nèi)涵的主題色會給你留下深刻的印象,如肯德基的紅色條型、IBM的深藍(lán)色等。確定主題色后,在搭配其他的顏色。色彩搭配要研究搭配方案,如主題色綠色配上淡白、金黃,能給人營造舒適的氛圍;紅色與金色、黃色搭配能營造喜慶的氛圍等。不管采用何種顏色搭配,都要顯示出整體感,以達(dá)到和諧、悅目的效果。一般來說,色彩搭配方案主要有四種:一是鄰近色、類似色系搭配。選定顏色后,調(diào)整顏色的純度和亮度,在網(wǎng)頁上產(chǎn)生新的色彩。利用鄰近色和類似色搭配能給人帶來舒適、自然、柔和的效果。但這種搭配會使頁面顯得單調(diào)。二是對比色系搭配。選定顏色后,再確定與其色彩相差較遠(yuǎn)的色彩進(jìn)行搭配。這樣的搭配方案比較適合體現(xiàn)積極素材的網(wǎng)站,從而產(chǎn)生強(qiáng)烈、明快的視覺效果。但這種搭配方案會讓人覺得色彩紛雜,因此搭配中要控制好度。三是過渡色系搭配。色彩搭配中,過渡色如兩種色彩的中間色調(diào)、單色中混入相同色彩進(jìn)行調(diào)和等,能將不協(xié)調(diào)的顏色統(tǒng)一起來,以免視覺上產(chǎn)生突兀之感。四是冷暖色系搭配。色彩是客觀的,沒有冷暖之分,色彩被賦予冷暖,主要是人的心理因素引起的。人們看到紅色時(shí)會聯(lián)想到高熱度的事物如太陽、火等,內(nèi)心產(chǎn)生溫暖感;看到藍(lán)色時(shí),會想到水等,內(nèi)心產(chǎn)生寒冷的感覺。同時(shí),色彩的冷暖與其明度和純度有關(guān),白色會讓人覺得冷,黑色會讓人覺得暖。一般來說,冷暖搭配多用于食品、休閑娛樂網(wǎng)站。

2.3 布局類型

同字型是大型網(wǎng)站首頁常用的類型。一般來說,網(wǎng)站最上面是網(wǎng)站的標(biāo)題及小廣告條,下面是網(wǎng)站的主要內(nèi)容,左右兩邊分出兩小條內(nèi)容,中間羅列主要內(nèi)容,與左右兩邊的內(nèi)容一直列到下面,網(wǎng)頁底部是一些聯(lián)系方式、版權(quán)聲明等。這樣的布局直觀、均衡但容易使版式僵化。左右框架型是將網(wǎng)頁分為兩面,左面是導(dǎo)航鏈接,右面是正文。一般來說大型論壇多采用這種方式,給人清晰自然的感覺。但使用這種框架不容易被搜到。另外還有標(biāo)題正文型、拐角型等類型,采用何種布局,要根據(jù)網(wǎng)站內(nèi)容來定。

總之,建設(shè)好網(wǎng)站,既要明確網(wǎng)站建設(shè)的內(nèi)容,把握好網(wǎng)站建設(shè)的總體結(jié)構(gòu),又要掌握好網(wǎng)頁的設(shè)計(jì)技術(shù)。只有將內(nèi)容與形式有機(jī)的結(jié)合起來,并不斷的實(shí)踐,才能實(shí)現(xiàn)網(wǎng)站建設(shè)的目的。

參考文獻(xiàn)

[1] 吳上富.網(wǎng)頁制作技巧與設(shè)計(jì)原則[J].廣東科技,2006(1).

[2] 喻會.淺談網(wǎng)站的設(shè)計(jì)與制作[J].湖北成人教育學(xué)院學(xué)報(bào),2007(5).