網頁制作學習:關于門戶網站設計(下)
門戶網站有很多種。最為國人熟知的是象新浪搜狐那種信息類門戶。主要以廣告收入為主。現在也有博客門戶等。象當當、淘寶那樣的購物平臺,其實也是一種門戶,只不過陳列的是商品信息,贏利方式是依靠出售商品。不同的門戶,有不同的需求,都應該根據這些需求出發去設計網站,這是眾所周知的,但是它們之間也有共性,那就是都要求提高瀏覽效率!促使網站達成贏利目標。接著上一篇介紹。
重要的第一屏
包括頁頭的的第一屏,應該集中了用戶最常用的信息,導航,服務鏈接。這一屏的裝飾,應該很大程度的體現了整個網站的設計風格,并且分為頁頭(LOGO 分類導航 服務導航);登陸區;首推圖片廣告/文字廣告;熱門信息/導航;最新信息推薦;首推專題;
4.文字編排
在網頁設計中,字體的處理與顏色、版式、圖形化等其他設計元素的處理一樣非常關鍵。
4.1文字圖形化
文字圖形化就是將文字用圖片的形式來表現,這種形式在頁面的子欄目里面最為常用,因為它具有突出,同時又美化了頁面,使頁面更加人性化加強了視覺效果。是文字無法達到的。對于通用性的網站弊端就是擴展性不強。
4.2強調文字
如果將個別文字作為頁面的訴求重點,則可以通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強化文字的視覺效果,使其在頁面整體中顯得出眾而奪目。這些方法實際上都是運用了對比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。
五、網站配色
1.用一種色彩。這里是指先選定一種色彩,然后調整透明度或者飽和度,(說得通俗些就是將色彩變淡或則加深),產生新的色彩,用于網頁。這樣的頁面看起來色彩統一,有層次感。
2.用兩種色彩。先選定一種色彩,然后選擇它的對比色(在Photoshop里按ctrl+shift+I)再進行微小的調整。整個頁面色彩豐富但不花稍。
3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。也就是在同一色系里面采用不同的顏色使網頁增加色彩,而又不花,色調統一。這種配色方法在網站設計種最為常用。
4.灰色在網頁設計中又稱為“萬能色”,其特點是可以和任何顏色搭配,在使用時把握量避免網頁變灰。
在網頁配色中,盡量控制在三種色彩以內,以避免網頁花、亂、沒有主色的顯現。背景和前文的對比盡量要大,(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容、也使用戶在瀏覽信息的時候不會覺得累。
六、常見問題
6.1分解大型表格
為了加快網頁的瀏覽速度,盡可能避免用大型表格,因為瀏覽器必須等待整個表格的內容全部到達客戶端,才能顯示這個表格的內容,而文本或圖像則是一邊下載一邊顯示。同時我們制作網頁時要盡量減少表格的深度、表格復雜化,這一點尤為重要可直接影響網頁瀏覽速度、又給后面的程序添加帶來了不必要的麻煩。
將浮動層等load時間慢的信息塊(div))放在BODY的最后,可以盡量少的影響用戶瀏覽速度。
6.2網站導航要清晰
“您所在位置”在大型網站中是不可缺少的一部分,其作用表明您現在所處在的位置,使用戶不會不知東西南北迷失在網站中。其次還有讀者進入目的頁的點擊次數,不能超過三次。如果三次以上還找不到用戶所要的信息,人家可就沒有耐心陪你玩了!
6.3圖片注解
在很多網站上我們都可以找到一個共同的缺點,當網速慢時有很圖片都無法顯示,又沒有注解使得用戶反感,如在注冊時的按鈕是圖片做的又沒加圖片注解,而導致連注冊都找不到,如果加了注解這些問題也就不成問題了!
6.4系統按鈕
在我們做按鈕的時候,要做成“按鈕”的形式(type="button"),而不要做成“提交表單”的形式(type="submit"),方便以后程序設計。
6.5空鏈接、死鏈接
在一個優秀、專業的網站上是找不到任何一個空鏈接或死鏈接的情況,如果有這種情況會影響到用戶對您網站的評價,所以我們在制作的時候盡量避免,避免辦法就是提前做好鏈接,如果尚未完成的頁面則鏈上“建設中…”的頁面,加以解釋。
6.6導航條
在大型的行業網站里面主導航條最好是用文字形式,避免使用圖片或Flash做導航條、縮小網站擴展性。
6.7網站的擴展性
對于一個行業網站而言,網站的擴展性是相當重要的,隨時都要考慮到網站需求的變化!
七、專題設計
實際上,我認為整個網站投入設計力量最多的地方,就應該是專題頁了。因為一個門戶是不應該經常改變結構和風格的。而為了更快速的引導顧客瀏覽,首頁上放的多是文字分類,不應有過多圖片裝飾。而專題頁上,最重要的是營造消費氛圍,刺激顧客的消費欲望,所以,只要是能夠體現商品特性,吸引用戶,即使頁面體積有些大也可以容忍。在這里,有設計人員更多的發揮空間。
在專題設計中需要注意的是,標題文字或廣告文字應該突出明顯,普通描述文字與背景色對比清晰。商品圖片突出,整個布局豐富而不凌亂,主次分明。可供用戶操作的空間明顯而突出。
八、廣告圖片
通常門戶網站的廣告來源很廣,又的是廣告客戶自己制作的,有的是其他網站制作的,有的是門戶網站自己的廣告部門設計制作的。在設計上很難管理,不過有一個原則,就是:顏色鮮艷層次少;主題文字突出;構圖簡單;動畫播放時間不過長。
由于市場競爭日益激烈,門戶網站不得不快速地拓展各種新的業務類型,希望通過門類眾多的業務來吸引和留住互聯網用戶,以至于目前門戶網站的業務包羅萬象,成為網絡世界的“百貨商場”或“網絡超市”。通過本文的介紹,希望對你有所幫助。
【編輯推薦】