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