在網站建設中(zhōng),良好的網頁(yè)設計是件很(hěn)難實現的事情。一個好的網頁(yè)設計,不僅吸引眼球,也是實用(yòng)的、直觀的、層級簡單卻足夠複雜到保持用(yòng)戶的興趣。字體(tǐ)、色彩、空白與内容間的完美平衡可(kě)以構成一個非常好看的設計,你的用(yòng)戶也會再次回來。而一個壞的網頁(yè)設計,會把你的用(yòng)戶從你的網站上趕跑。網站建設中(zhōng),有(yǒu)許多(duō)地方會讓許多(duō)設計師誤入歧途。廣商(shāng)網絡提醒您,如果您的網站存在以下問題,那您的網站就危險了。
留白可(kě)以說是設計中(zhōng)最重要的一部分(fēn)。它有(yǒu)助于防止用(yòng)戶在浏覽網站時變得疲憊,它可(kě)以在内容中(zhōng)劃出距離,而且它本身也看上去不錯。留白不是必須用(yòng)白色的,而是,它僅僅是為(wèi)其他(tā)設計元素提供間隔和緩沖的空間。
每個網站設計師的可(kě)選字體(tǐ)都很(hěn)多(duō),但不要一次性全部用(yòng)完。一般來說,限制自己,隻用(yòng)少數幾種字體(tǐ)是個好方法,特别是對新(xīn)手設計師。盡管你可(kě)以用(yòng)襯線(xiàn)和無襯線(xiàn)字體(tǐ)混合出一種非常好看的設計,你也要知道該用(yòng)在什麽時候、什麽地方,心裏要有(yǒu)計劃,否則,它看起來會很(hěn)奇怪。
背景一種顔色,内容文(wén)本一種顔色,鏈接一種顔色,圖案和頁(yè)腳各一種顔色。這很(hěn)好,因為(wèi)它幫助區(qū)分(fēn)了有(yǒu)用(yòng)的内容。但是,多(duō)重漸變、幾種鮮豔的色彩和大量有(yǒu)鮮明對比的色調及飽和度,會破壞你網站的層次和空白概念。嘗試限制自己隻用(yòng)一種鮮豔的色調(如藍色),再搭配反相的單色(白、灰、黑)以獲得一個漂亮的結果。
用(yòng)戶的眼睛喜歡有(yǒu)秩序的設計,如頭部包含導航和LOGO,特定内容使用(yòng)lightbox,三列分(fēn)欄,頁(yè)腳。它有(yǒu)助于在内心組織重要的信息,并引導用(yòng)戶注意在你想讓他(tā)注意的地方。在傳統藝術中(zhōng),新(xīn)手們被教導色彩、價值和線(xiàn)性透視三原則和其他(tā)藝術指導。在網頁(yè)設計中(zhōng),沒有(yǒu)特别命名(míng)的準則,但以直觀的方式組織你的内容是一條很(hěn)好的經驗規則。
很(hěn)多(duō)人還在屏幕上用(yòng)1024像素的分(fēn)率,有(yǒu)些還在用(yòng)640*480或800*600。雖然這種分(fēn)辨率的顯示器正在減少,但采用(yòng)更小(xiǎo)的分(fēn)辨率的手機設備也來了。現在的網頁(yè)設計寬度标準是960像素,雖然沒有(yǒu)照顧到每一種分(fēn)辨率,但在主流分(fēn)辨率上可(kě)以呈現的最好。假如你希望面對大量的手機用(yòng)戶,最好考慮一個手機版設計。
你考慮過閱讀黑底白字和白底黑字的不同嗎?你有(yǒu)沒有(yǒu)試過閱讀一下白底灰字?有(yǒu)些方式之所以比其他(tā)的更好,其原因就是這是一種眼睛感知到對比的方式。如果你很(hěn)難舒服的閱讀文(wén)字,考慮一下改變字體(tǐ)大小(xiǎo)或方式。
多(duō)重導航非常好,如一個在頁(yè)頭一個在頁(yè)腳。在頁(yè)腳加一個”返回頂部”的按鈕也很(hěn)好。但是,太多(duō)指向同一目标的途徑會降低可(kě)用(yòng)性。讓你的奶奶用(yòng)下你的網站,如果她搞不定,想想哪些東西讓初次訪問的用(yòng)戶拒絕使用(yòng)這個網站。
一緻性是網頁(yè)設計的關鍵。它是把網頁(yè)設計組織在一起的方式,可(kě)以創造一種緊密結合的感覺。在網站頁(yè)面互相鏈接的情況下,它可(kě)以幫助用(yòng)戶把所有(yǒu)頁(yè)面都聯系在一起。如果你在整個網站持續改變字體(tǐ)、大小(xiǎo)和色彩,用(yòng)戶很(hěn)快會覺得不知所措。
與空白有(yǒu)關,文(wén)字間距有(yǒu)兩個部分(fēn),一個是字距(這個不能(néng)用(yòng)CSS直接調整,可(kě)以通過一些高級技(jì )術解決),關系到字母之間的空白。一個是行距,可(kě)以用(yòng)CSS直接調整,關系到兩行文(wén)字之間的距離。這些有(yǒu)助于區(qū)分(fēn)行與段落,使用(yòng)戶更容易閱讀文(wén)字。
标準做法是h1的文(wén)字大于h2的文(wén)字,頭部文(wén)字大于段落文(wén)字。盡量保持一緻的尺寸,因為(wèi)它有(yǒu)助于一緻性和内容層次。保持文(wén)字的可(kě)讀性,但不要太大,讓字體(tǐ)的大小(xiǎo)表現信息的重要性。
地址:長(cháng)春市西安(ān)大路與普陽街(jiē)交彙華爾茲大廈2棟6門
.....................................................................................................Copyright 廣商(shāng)科(kē)技(jì ) All Rights Reserved 版權所有(yǒu) 京ICP證000000号 舉報專線(xiàn):13244308262....................................................................................................