網(wǎng)站設(shè)計(jì)概述

彭杰

[摘要]信息時(shí)代的網(wǎng)站設(shè)計(jì)需要遵循經(jīng)營(yíng)方式的特點(diǎn)進(jìn)行，平面設(shè)計(jì)需要在網(wǎng)站設(shè)計(jì)中繼續(xù)應(yīng)用并細(xì)化，設(shè)計(jì)師同時(shí)要考慮到技術(shù)性的條件限制等。設(shè)計(jì)網(wǎng)站是一個(gè)新時(shí)代的新的表達(dá)方式，作為設(shè)計(jì)者要以新時(shí)代所特有的觀念和表達(dá)方式表現(xiàn)出新時(shí)代人們的思想和需求，這也是我們孜孜以求的。

[關(guān)鍵詞]商業(yè)網(wǎng)站；設(shè)計(jì)；定位；簡(jiǎn)練

21世紀(jì)是信息的時(shí)代，如果你掌握了信息，也就掌握了財(cái)富。這句話是誰(shuí)說(shuō)的已經(jīng)不重要了，重要的是它從一個(gè)側(cè)面反映了信息的重要性。

自從蘋果公司推出個(gè)人計(jì)算機(jī)以來(lái)，Internet以其資源共享為依托，迅速發(fā)展起來(lái)，與Internet相關(guān)的各種行業(yè)也隨之興旺發(fā)達(dá)。人類歷史上第四媒體網(wǎng)絡(luò)出現(xiàn)了，它是繼平面印刷媒體、廣播、電視之后出現(xiàn)的第四種傳播方式。

Internet網(wǎng)上信息資源豐富，具有圖文互動(dòng)、高速高效的特點(diǎn)，所以自從它誕生以來(lái)，網(wǎng)站就做為一個(gè)Internet的主打印象出現(xiàn)了。

同任何別的新鮮事物一樣，網(wǎng)站的發(fā)展也是很曲折的，泡沫經(jīng)濟(jì)的結(jié)果就象媒體里經(jīng)常說(shuō)的那樣，泡沫經(jīng)濟(jì)的運(yùn)營(yíng)方式就注定了網(wǎng)站的倒閉。經(jīng)過(guò)一段時(shí)間的調(diào)整之后，網(wǎng)站又重新以一種全新的面貌出現(xiàn)在人們的生活里了。

目前的網(wǎng)站經(jīng)營(yíng)方式大致有以下幾種：第一、門戶式網(wǎng)站。比如NIKE、ADIDAS等公司的網(wǎng)站，都是以宣傳本公司形象，陳列新產(chǎn)品為運(yùn)營(yíng)目的，并不是以贏利為自己的目標(biāo)。第二、信息式網(wǎng)站。比如現(xiàn)在很火的千龍網(wǎng)，以賣新聞為主，它的運(yùn)營(yíng)方式是以廣告、短信、鈴聲等為賣點(diǎn)，點(diǎn)擊率也是贏利的渠道之一。第三、電子商務(wù)網(wǎng)站。以賣產(chǎn)品為主，象現(xiàn)在非常流行的網(wǎng)易、易趣、當(dāng)當(dāng)?shù)?，都是目前很火的電子商?wù)網(wǎng)站，比起傳統(tǒng)購(gòu)物形式，它們的優(yōu)勢(shì)是顯而易見的，品種齊全、價(jià)格便宜、選擇自由、交易方式任選、坐在家里就可以買東西的感覺很爽。第四、論壇式網(wǎng)站。有的網(wǎng)站，只是一個(gè)論壇的形式，象天涯等，是比較純粹的論壇，大家以文會(huì)友，以帖子互相交流觀點(diǎn)。第五、綜合性網(wǎng)站。比如新浪網(wǎng)、263網(wǎng)站等等，既有電子商務(wù)，也有新聞賣點(diǎn)，還有各種論壇，屬于綜合性網(wǎng)站。綜上所述，由于網(wǎng)站的形式多種多樣，它的設(shè)計(jì)風(fēng)格也就更是千變?nèi)f化了。那么設(shè)計(jì)一個(gè)網(wǎng)站最先考慮的是什么呢？

我認(rèn)為，設(shè)計(jì)網(wǎng)站遇到的第一個(gè)問(wèn)題就是網(wǎng)站的定位，這是一個(gè)千古不變的真理，用一句俗語(yǔ)說(shuō)就是賣什么的吆喝什么，不能亂喊，這一點(diǎn)和平面設(shè)計(jì)是一個(gè)道理。做通訊行業(yè)的網(wǎng)站就要讓人覺得很科技，不能做的太民族；賣衣服的不能讓人看了覺得象是賣農(nóng)產(chǎn)品的。

很多時(shí)候，我們不但需要了解客戶的需求，還需要對(duì)所設(shè)計(jì)的這個(gè)行業(yè)特點(diǎn)有一個(gè)清晰的認(rèn)識(shí)，這樣才能保證我們?cè)谠O(shè)計(jì)的過(guò)程中少走彎路，少做一些無(wú)用功，這用做行話就是要做市場(chǎng)調(diào)查，就是我們要從商業(yè)需求的角度，從受眾者的角度看問(wèn)題，多了解市場(chǎng)需求，才能有的放矢，事半功倍。

第一、網(wǎng)絡(luò)的復(fù)雜多變要求設(shè)計(jì)更加簡(jiǎn)練。簡(jiǎn)練是平面設(shè)計(jì)的基本要求之一。特別強(qiáng)調(diào)簡(jiǎn)練是由網(wǎng)絡(luò)的特點(diǎn)決定的，網(wǎng)絡(luò)要求有更加高超的設(shè)計(jì)水平，因?yàn)槟惚仨氃谧疃痰臅r(shí)間抓住人們的視覺，必須使人在一掃而過(guò)中接受你所傳達(dá)的信息，而簡(jiǎn)練可以幫助你實(shí)現(xiàn)這些。簡(jiǎn)練包括設(shè)計(jì)手法的單純化，文字的精練化，圖形的簡(jiǎn)潔化。值得一提的是，你所運(yùn)用的點(diǎn)、線、面等元素都是占據(jù)網(wǎng)絡(luò)空間的，在網(wǎng)絡(luò)上運(yùn)用更小的圖片可以直接提高速度、這與傳統(tǒng)的紙張印刷對(duì)精度的要求截然相反。

第二、界面的狹小要求更加合理的平面布局?，F(xiàn)在，普通顯示器只有十五寸或十七寸，在這樣一個(gè)狹小的范圍內(nèi)進(jìn)行平面設(shè)計(jì)，合理的布局必不可少。分區(qū)也是一個(gè)很好的辦法。人在注視屏幕時(shí)，眼睛與屏幕的距離通常在0.5-1.0米，視線基本上垂直于平面，因此，人的視線會(huì)首先落在屏幕中心，然后向四周移動(dòng)。當(dāng)然，如果某一部分的視覺傳達(dá)明顯區(qū)別于周圍，那么你的注意力就會(huì)首先被這一部分所吸引，為了盡可能地增加有限的屏幕利用范圍，除了在經(jīng)濟(jì)條件允許的情況下，盡量使用大屏幕顯示器之外，優(yōu)化軟件界面設(shè)計(jì)，提高界面使用率也是一個(gè)必不可少的途徑，例如我們使用的三維設(shè)計(jì)軟件3DS-MAX就是一個(gè)優(yōu)秀的界面設(shè)計(jì)軟件，它能在有限的界面范圍之內(nèi)，容納數(shù)以百計(jì)的操作，并保持井然有序，多面不亂，究其原因，與其合理分區(qū)是密不可分的。它把平面中心部分，也就是視覺中心部分作為主頁(yè)面，周圍則安排操作鍵，或者由設(shè)計(jì)師隨心所欲地安排界面布局。我們?cè)谧鼍W(wǎng)站界面設(shè)計(jì)的時(shí)候也要充分的考慮到這個(gè)視覺原理。

第三、使用電腦圖形設(shè)計(jì)的技法更需完善。電腦圖形為設(shè)計(jì)者提供了一種全新的藝術(shù)表現(xiàn)形式與空間，更為設(shè)計(jì)師提供了實(shí)現(xiàn)創(chuàng)意的無(wú)限潛能。它不僅帶來(lái)設(shè)計(jì)過(guò)程的變化。同時(shí)也正在極大地影響設(shè)計(jì)風(fēng)格、設(shè)計(jì)思維方式、設(shè)計(jì)教育方法，發(fā)生日益深刻的帶有根本性的轉(zhuǎn)移。

現(xiàn)在流行的做網(wǎng)站的軟件多種多樣，如果要做動(dòng)感很強(qiáng)的動(dòng)畫，當(dāng)然是非Flash莫屬了，一般國(guó)內(nèi)的網(wǎng)站大都是用Dream weaver軟件設(shè)計(jì)制作的，Photoshop等平面編輯軟件做設(shè)計(jì)稿，這就要求設(shè)計(jì)師在實(shí)際應(yīng)用時(shí)需掌握各種文件格式的兼容性。

除了上述設(shè)計(jì)中要注意的問(wèn)題，我們還要考慮到一些技術(shù)性的條件：

1.考慮帶寬的問(wèn)題；由于國(guó)內(nèi)網(wǎng)絡(luò)傳輸技術(shù)還不能和美國(guó)等國(guó)家相比，因此，網(wǎng)站的文件量就是一個(gè)很大的問(wèn)題了，因此，我們看到的國(guó)內(nèi)的網(wǎng)站，大多還都是才采用HTML語(yǔ)言或者DREAMWERVER制作的，還有的直接用JAVA語(yǔ)言編寫網(wǎng)站，很大程度上是為了減小文件量。

2.要考慮適應(yīng)不同瀏覽器、不同分辨率的情況。目前我們經(jīng)常用的瀏覽器就是IE的不同版本，也有的電腦使用Nescape瀏覽系統(tǒng)。在不同的瀏覽器上會(huì)有不同的顯示，這是做網(wǎng)站要注意的問(wèn)題之一。

還有一個(gè)要注意的情況就是分辨率，用戶使用800*600或者1024*768的分辨率，所以，我們做設(shè)計(jì)的時(shí)候要想辦法調(diào)整布局，爭(zhēng)取做到使用兩種分辨率的人都能更好的看到網(wǎng)站內(nèi)容。

3.要讓瀏覽者容易找到要找的東西，網(wǎng)頁(yè)內(nèi)容便于閱讀；導(dǎo)航要清晰，這是做網(wǎng)站特別要注意的一點(diǎn)，我們經(jīng)常看到有的設(shè)計(jì)做的很藝術(shù)，但是使用起來(lái)卻有點(diǎn)不知所云的感覺。網(wǎng)站是一個(gè)很商業(yè)化的現(xiàn)代信息傳達(dá)的工具，它的功能性在這時(shí)候是第一位的。

總之，設(shè)計(jì)網(wǎng)站是一個(gè)新時(shí)代的新的表達(dá)方式，新的表達(dá)方式表達(dá)了新的觀念，作為設(shè)計(jì)者要以新時(shí)代所特有的觀念和表達(dá)方式表現(xiàn)出新時(shí)代人們的思想和需求，這也是我們孜孜以求的。

參考文獻(xiàn)

[1]大黑.視覺中國(guó)網(wǎng)站.

[2][日]長(zhǎng)谷川敦士.好設(shè)計(jì)不簡(jiǎn)單.

[3]劉建國(guó).網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)完全學(xué)習(xí)手冊(cè).