網(wǎng)站設計空間的合理利用
很多的網(wǎng)頁都具有一個特點,用一個字來形容,那就是“塞”,它將各種各樣的信息如文字、圖片、動畫等不加考慮的塞到頁面上,有多少擠多少,不加以規(guī)范, 導致瀏覽時會遇到很多的不方便,主要就是頁面主次不分,喧賓奪主,要不就是沒有重點,沒有很好的歸類,整體就像各大雜燴。讓人難以找到需要的東西。有的則 是一片空白失去平衡,也可以用個“散”字來形容。
并非要把整個頁面塞滿了才不覺得空,也并非讓整個頁面空曠才不覺得滿,只要合理的安排、有機的組合,使頁面達到平衡,既使在一邊的部分大面積留空,同樣不會讓人感到空,相反這樣會給人留下廣闊的思考空間,給人回味又達到了視覺效果。
文字編排
在網(wǎng)頁設計中,字體的處理與顏色、版式、圖形化等其他設計元素的處理一樣非常關鍵。
文字圖形化
文字圖形化就是將文字用圖片的形式來表現(xiàn),這種形式在頁面的子欄目里面更為常用,因為它具有突出,同時又美化了頁面,使頁面更加人性化加強了視覺效果。是文字無法達到的。對于通用性的網(wǎng)站弊端就是擴展性不強。
強調(diào)文字
如果將個別文字作為頁面的訴求重點,則可以通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強化文字的視覺效 果,使其在頁面整體中顯得出眾而奪目。這些方法實際上都是運用了對比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。
網(wǎng)站配色
用一種色彩。這里是指先選定一種色彩,然后調(diào)整透明度或者飽和度,(說得通俗些就是將色彩變淡或則加深),產(chǎn)生新的色彩,用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一,有層次感。
用兩種色彩。先選定一種色彩,然后選擇它的對比色(在Photoshop里按ctrl+shift+I)再進行微小的調(diào)整。整個頁面色彩豐富但不花稍。
用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。也就是在同一色系里面采用不同的顏色使網(wǎng)頁增加色彩,而又不花,色調(diào)統(tǒng)一。這種配色方法在網(wǎng)站設計種更為常用。
灰色在網(wǎng)頁設計中又稱為“**色”,其特點是可以和任何顏色搭配,在使用時把握量避免網(wǎng)頁變灰。
在網(wǎng)頁配色中,盡量控制在三種色彩以內(nèi),以避免網(wǎng)頁花、亂、沒有主色的顯現(xiàn)。背景和前文的對比盡量要大,(更對不要用花紋繁復的圖案作背景),以便突出主要文字內(nèi)容、也使用戶在瀏覽信息的時候不會覺得累。
常見問題
分解大型表格
為了加快網(wǎng)頁的瀏覽速度,盡可能避免用大型表格,因為瀏覽器必須等待整個表格的內(nèi)容全部到達客戶端,才能顯示這個表格的內(nèi)容,而文本或圖像則是一邊下 載一邊顯示。同時我們制作網(wǎng)頁時要盡量減少表格的深度、表格復雜化,這一點尤為重要可直接影響網(wǎng)頁瀏覽速度、又給后面的程序添加帶來了不必要的麻煩。
網(wǎng)站導航要清晰
“您所在位置”在大型網(wǎng)站中是不可缺少的一部分,其作用表明您現(xiàn)在所處在的位置,使用戶不會不知東西南北迷失在網(wǎng)站中。其次還有讀者進入目的頁的點擊次數(shù),不能超過三次。如果三次以上還找不到用戶所要的信息,人家可就沒有耐心陪你玩了!
圖片注解
在很多網(wǎng)站上我們都可以找到一個共同的缺點,當網(wǎng)速慢時有很圖片都無法顯示,又沒有注解使得用戶反感,如在注冊時的按鈕是圖片做的又沒加圖片注解,而導致連注冊都找不到,如果加了注解這些問題也就不成問題了!
系統(tǒng)按鈕
在我們做按鈕的時候,要做成“按鈕”的形式(type="button"),而不要做成“提交表單”的形式(type="submit"),方便以后程序設計。
空鏈接、死鏈接
在一個**、專業(yè)的網(wǎng)站上是找不到任何一個空鏈接或死鏈接的情況,如果有這種情況會影響到用戶對您網(wǎng)站的評價,所以我們在制作的時候盡量避免,避免辦法就是提前做好鏈接,如果尚未完成的頁面則鏈上“建設中…”的頁面,加以解釋。
導航條
在大型的行業(yè)網(wǎng)站里面主導航條更好是用文字形式,避免使用圖片或Flash做導航條、縮小網(wǎng)站擴展性。
網(wǎng)站的擴展性
對于一個行業(yè)網(wǎng)站而言,網(wǎng)站的擴展性是相當重要的,隨時都要考慮到網(wǎng)站需求的變化!
網(wǎng)站設計空間的合理利用,謝謝圍觀。