程琳
門戶整體的色調搭配、顏色選取、字體設計、欄目排版等問題時時困擾著每一個門戶設計者。本文結合門戶設計總結門戶設計的要點,對顏色的搭配進行專業上的詳解,解決了平面門戶設計顏色多元化,色調不統一,欄目不夠協調的難題,為設計過程的實踐中提供一個便捷的平臺,提高門戶制作的效率。
一、網頁設計的色彩要素
色彩是瀏覽者訪問網頁時無法回避的設計要素,在瀏覽者觀看網頁時,首先看到的就是網頁的色彩搭配,在這一瞬間,對網頁的整體印象就已經確定了下來,因此網頁的色彩效果不可輕視。
首先要了解各欄目的內容,只有了解各欄目的內容和特點才能劃分好欄目的分配。欄目的設計很關鍵,字體的選擇和標題的色調才是個網站的關鍵元素,其次,網頁設計的一致性。如果你翻看看多成功的案例你會發現,色調一致是最缺一不可的。
二、網頁設計的主意事項
(一)頁面內容要新穎
網頁內容的選擇要不落俗套,要重點突出一個“新”字,這個原則要求我們在設計網站內容時不能照抄別人的內容,要結合自身的實際情況創作出一個獨一無二的網站。所以,我們在設計網頁時,要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”,如能堅持天天更新的話,我相信這樣的網頁一定會受到大家的歡迎。
(二)網頁命名要簡潔
由于一個網站不可能就是由一個網頁組成,它有許多子頁面,為了能使這些頁面有效地被連接起來,用戶最后能給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。在給網頁命名時,最好使用自己常用的或符合頁面內容的小寫英文字母,這直接關系到頁面上的連接。
(三)注意視覺效果
設計Web頁面時,一定要用1024*768的分辨率來 分別觀察。許多瀏覽器使用1024*768的分辨率,盡管在1280*1024高分辨率下一 些Web頁面看上去很具吸引力,但在1024*768的模式下可能會黯然失色。
(四)多學習和使用超文本標記語言(標準通用標記語言下的一個應用)
為了成功地設計網站,你必須理解HTML(標準通用標記語言下的一個應用)是如何工作的。大多數的網站設計者建議網絡新手應從有關HTML的書中去尋找答案,用Notepad制作網頁。因為用HTML設計網站,可以控制設計的整個過程。但是,如果你僅僅是網站設計的新手,你應該尋找一個允許修改HTML的軟件包。HomeSite4是一個很好的Web設計工具。在設計過程中,HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式,以便你在把網站發送到Web之前,預覽你的網站。
(五)要為圖片附加注釋文字
給每個圖形加上文字的說明,在出現之前就可以看到相關內容,尤其是導航按鈕和大圖片更應如此。這樣一來,用戶在訪問你的站點時就有一種親切感覺,認為你心細,比較善解人意,時時刻刻為他人著想,相信你的好心會有好報的。
(六)考慮瀏覽器的兼容性
當然IE所占的市場份額越來越大,但是我們仍然需要考慮到Netscape以及Opera這些瀏覽器用戶。設計風格的考慮,如色彩的搭配,圖形、線條的使用等等。要時刻為用戶著想,必須最少在幾種不同類型的瀏覽器下測試網站,看看兼容性如何。
(七)每個頁面都要有導航按鈕
應當避免強迫用戶使用工具欄中的向前和向后按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條,使瀏覽者能夠從每一頁上訪問網站的任何部分。
(八)善用圖像
用戶在網上四處漫游,你必須設法吸引和維護他們對你的主頁的注意力。圖像的內容應有一定的實際作用,切忌虛飾浮夸。因此,制作主頁時,必須注意將圖像所連接的重要信息或聯接其他頁面的指示用文字重復表達幾次,同時要注意避免使用過大的圖像,如果不得不放置大的圖像在網站上,就最好使用Thumbnails軟件,把圖像的縮小版本的預覽效果顯示出來,這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。
(九)網站導航要清晰
所有的超鏈接應清晰無誤地向讀者標識出來,所有導航性質的設置,像圖像按鈕,都要有清晰的標識,讓人看得明白,千萬別光顧視覺效果是熱鬧的,而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的:未訪問的,藍色;點擊過的,紫色或栗色??傊?,文本鏈接一定要和頁面的其他文字有所區分,給讀者清楚的導向 。
(十)不要用框架
與記數器一樣,框架在網頁上越來越流行。在大多數網站上,在屏幕的左邊有一個框架。但是設計者立刻就發現,在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站??蚣芤彩沟镁W站內個人主頁不能夠成為書簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網站。
三、結束語
一個靜態網頁始終給人一種呆板的感覺,缺少一種活力和生氣。所以門戶、網頁的設計是重中之重,任何一個細節都要精心,細節決定一切,小到一個符號都要結合整個版面。
(作者單位為大慶油田有限責任公司試油試采分公司信息中心)