程琳

門戶整體的色調(diào)搭配、顏色選取、字體設(shè)計(jì)、欄目排版等問題時(shí)時(shí)困擾著每一個(gè)門戶設(shè)計(jì)者。本文結(jié)合門戶設(shè)計(jì)總結(jié)門戶設(shè)計(jì)的要點(diǎn)，對(duì)顏色的搭配進(jìn)行專業(yè)上的詳解，解決了平面門戶設(shè)計(jì)顏色多元化，色調(diào)不統(tǒng)一，欄目不夠協(xié)調(diào)的難題，為設(shè)計(jì)過程的實(shí)踐中提供一個(gè)便捷的平臺(tái)，提高門戶制作的效率。

一、網(wǎng)頁設(shè)計(jì)的色彩要素

色彩是瀏覽者訪問網(wǎng)頁時(shí)無法回避的設(shè)計(jì)要素，在瀏覽者觀看網(wǎng)頁時(shí)，首先看到的就是網(wǎng)頁的色彩搭配，在這一瞬間，對(duì)網(wǎng)頁的整體印象就已經(jīng)確定了下來，因此網(wǎng)頁的色彩效果不可輕視。

首先要了解各欄目的內(nèi)容，只有了解各欄目的內(nèi)容和特點(diǎn)才能劃分好欄目的分配。欄目的設(shè)計(jì)很關(guān)鍵，字體的選擇和標(biāo)題的色調(diào)才是個(gè)網(wǎng)站的關(guān)鍵元素，其次，網(wǎng)頁設(shè)計(jì)的一致性。如果你翻看看多成功的案例你會(huì)發(fā)現(xiàn)，色調(diào)一致是最缺一不可的。

二、網(wǎng)頁設(shè)計(jì)的主意事項(xiàng)

（一）頁面內(nèi)容要新穎

網(wǎng)頁內(nèi)容的選擇要不落俗套，要重點(diǎn)突出一個(gè)“新”字，這個(gè)原則要求我們?cè)谠O(shè)計(jì)網(wǎng)站內(nèi)容時(shí)不能照抄別人的內(nèi)容，要結(jié)合自身的實(shí)際情況創(chuàng)作出一個(gè)獨(dú)一無二的網(wǎng)站。所以，我們?cè)谠O(shè)計(jì)網(wǎng)頁時(shí)，要把功夫下在選材上。選材要盡量做到“少”而“精”，又必須突出“新”，如能堅(jiān)持天天更新的話，我相信這樣的網(wǎng)頁一定會(huì)受到大家的歡迎。

（二）網(wǎng)頁命名要簡潔

由于一個(gè)網(wǎng)站不可能就是由一個(gè)網(wǎng)頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，用戶最后能給這些頁面起一些有代表性的而且簡潔易記的網(wǎng)頁名稱。在給網(wǎng)頁命名時(shí)，最好使用自己常用的或符合頁面內(nèi)容的小寫英文字母，這直接關(guān)系到頁面上的連接。

（三）注意視覺效果

設(shè)計(jì)Web頁面時(shí)，一定要用1024*768的分辨率來 分別觀察。許多瀏覽器使用1024*768的分辨率，盡管在1280*1024高分辨率下一 些Web頁面看上去很具吸引力，但在1024*768的模式下可能會(huì)黯然失色。

（四）多學(xué)習(xí)和使用超文本標(biāo)記語言（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）

為了成功地設(shè)計(jì)網(wǎng)站，你必須理解HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）是如何工作的。大多數(shù)的網(wǎng)站設(shè)計(jì)者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)HTML的書中去尋找答案，用Notepad制作網(wǎng)頁。因?yàn)橛肏TML設(shè)計(jì)網(wǎng)站，可以控制設(shè)計(jì)的整個(gè)過程。但是，如果你僅僅是網(wǎng)站設(shè)計(jì)的新手，你應(yīng)該尋找一個(gè)允許修改HTML的軟件包。HomeSite4是一個(gè)很好的Web設(shè)計(jì)工具。在設(shè)計(jì)過程中，HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見即所得的模式，以便你在把網(wǎng)站發(fā)送到Web之前，預(yù)覽你的網(wǎng)站。

（五）要為圖片附加注釋文字

給每個(gè)圖形加上文字的說明，在出現(xiàn)之前就可以看到相關(guān)內(nèi)容，尤其是導(dǎo)航按鈕和大圖片更應(yīng)如此。這樣一來，用戶在訪問你的站點(diǎn)時(shí)就有一種親切感覺，認(rèn)為你心細(xì)，比較善解人意，時(shí)時(shí)刻刻為他人著想，相信你的好心會(huì)有好報(bào)的。

（六）考慮瀏覽器的兼容性

當(dāng)然IE所占的市場(chǎng)份額越來越大，但是我們?nèi)匀恍枰紤]到Netscape以及Opera這些瀏覽器用戶。設(shè)計(jì)風(fēng)格的考慮，如色彩的搭配，圖形、線條的使用等等。要時(shí)刻為用戶著想，必須最少在幾種不同類型的瀏覽器下測(cè)試網(wǎng)站，看看兼容性如何。

（七）每個(gè)頁面都要有導(dǎo)航按鈕

應(yīng)當(dāng)避免強(qiáng)迫用戶使用工具欄中的向前和向后按鈕。你的設(shè)計(jì)應(yīng)當(dāng)使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點(diǎn)在每一頁同樣的位置上都有相同的導(dǎo)航條，使瀏覽者能夠從每一頁上訪問網(wǎng)站的任何部分。

（八）善用圖像

用戶在網(wǎng)上四處漫游，你必須設(shè)法吸引和維護(hù)他們對(duì)你的主頁的注意力。圖像的內(nèi)容應(yīng)有一定的實(shí)際作用，切忌虛飾浮夸。因此，制作主頁時(shí)，必須注意將圖像所連接的重要信息或聯(lián)接其他頁面的指示用文字重復(fù)表達(dá)幾次，同時(shí)要注意避免使用過大的圖像，如果不得不放置大的圖像在網(wǎng)站上，就最好使用Thumbnails軟件，把圖像的縮小版本的預(yù)覽效果顯示出來，這樣用戶就不必浪費(fèi)金錢和時(shí)間去下載他們根本不想看的大圖像。

（九）網(wǎng)站導(dǎo)航要清晰

所有的超鏈接應(yīng)清晰無誤地向讀者標(biāo)識(shí)出來，所有導(dǎo)航性質(zhì)的設(shè)置，像圖像按鈕，都要有清晰的標(biāo)識(shí)，讓人看得明白，千萬別光顧視覺效果是熱鬧的，而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的：未訪問的，藍(lán)色；點(diǎn)擊過的，紫色或栗色?？傊?，文本鏈接一定要和頁面的其他文字有所區(qū)分，給讀者清楚的導(dǎo)向 。

（十）不要用框架

與記數(shù)器一樣，框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上，在屏幕的左邊有一個(gè)框架。但是設(shè)計(jì)者立刻就發(fā)現(xiàn)，在使用框架時(shí)產(chǎn)生了許多的問題。使用框架時(shí)如果沒有17英寸的顯示屏幾乎不可能顯示整個(gè)網(wǎng)站?？蚣芤彩沟镁W(wǎng)站內(nèi)個(gè)人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。

三、結(jié)束語

一個(gè)靜態(tài)網(wǎng)頁始終給人一種呆板的感覺，缺少一種活力和生氣。所以門戶、網(wǎng)頁的設(shè)計(jì)是重中之重，任何一個(gè)細(xì)節(jié)都要精心，細(xì)節(jié)決定一切，小到一個(gè)符號(hào)都要結(jié)合整個(gè)版面。

（作者單位為大慶油田有限責(zé)任公司試油試采分公司信息中心）