教傳艷　張帆

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

關鍵詞:網(wǎng)站制作 流程 設計技巧

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

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

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

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

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

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

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

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

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

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

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

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

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

2 網(wǎng)站的設計技巧

2.1 風格統(tǒng)一

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

2.2 色彩搭配

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

2.3 布局類型

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

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

參考文獻

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

[2] 喻會.淺談網(wǎng)站的設計與制作[J].湖北成人教育學院學報,2007(5).