設計師在設計網站的(de)時(shí)候,經常會過度設計,雖然頁面内容很豐富,設計感也(yě)會很強,但是保持審美(měi)需求和(hé)實際需求之間的(de)平衡,相對(duì)來(lái)說,整潔,幹淨條理(lǐ)的(de)網站更好一些,在這(zhè)個(gè)市場(chǎng)中,網頁設計師想獲得(de)成功,很關鍵的(de)一點便是掌握簡潔的(de)網站設計基礎。但是,簡潔的(de)網頁設計并不等同于我們在網頁設計中所強調的(de)極簡主義。簡潔的(de)網頁設計可(kě)能使用(yòng)了(le)多(duō)種元素來(lái)襯托網站内容,但依然還(hái)能保持整潔有序的(de)外觀。不過,極簡網站設計是以内容爲核心,多(duō)餘的(de)東西統統扔掉。而簡潔網頁設計則使用(yòng)了(le)創意和(hé)美(měi)學元素,在一定程度上,這(zhè)是可(kě)行的(de)。意思是說,網頁設計師所追求的(de)擁有整潔,網站應該著(zhe)重讓所使用(yòng)的(de)元素變得(de)高(gāo)雅,而不是丢棄這(zhè)些元素。因此,一個(gè)簡潔的(de)網站可(kě)能要花上數天的(de)艱苦努力才能完成。在這(zhè)裏煙(yān)台網頁設計告訴您該如何去做(zuò)一個(gè)簡潔的(de)網站。
1.選用(yòng)富有沖擊力的(de)圖片元素
設計任何網站類型,恰到好處又吸引眼球的(de)圖片總是非常重要的(de)。雖然讀者通(tōng)常隻關注網站的(de)内容,但吸引人(rén)的(de)相關圖片也(yě)可(kě)以起到對(duì)内容補充的(de)作用(yòng),同時(shí)也(yě)增添了(le)美(měi)感。不過,在網頁中使用(yòng)圖片元素時(shí),不管它是靜态還(hái)是動态圖片,都要注意顔色的(de)搭配。顔色使用(yòng)過多(duō)容易造成視覺混亂,使用(yòng)單一顔色往往會産生強烈的(de)視覺沖擊。
2.小心使用(yòng)頁面空白
毫無疑問,簡潔的(de)網頁設計成功的(de)先決條件之一便是做(zuò)到整潔有序。設計師在網頁中熟練地添加flash,3D圖形等多(duō)種元素的(de)同時(shí),不過應盡量避免過度使用(yòng)這(zhè)些元素。如今,大(dà)家都經常使用(yòng)各種便攜式設備浏覽網頁,因此也(yě)應該充分(fēn)考慮到移動網絡用(yòng)戶的(de)需求。在網頁設計中,應該小心,準确地處理(lǐ)頁面的(de)邊距和(hé)空白。但是,空白間距過多(duō)會讓網站失去吸引力。因此維持設計過程中的(de)流動性非常重要,切勿過度使用(yòng)。
3.開啓你的(de)像素眼
任何與設計的(de)相關工作,小細節都發揮大(dà)作用(yòng)。網頁設計也(yě)不例外。想要成功設計出簡潔的(de)網站,你需要“第三隻眼”來(lái)監控這(zhè)些小細節。網站的(de)邊框,投影(yǐng),高(gāo)光(guāng)和(hé)紋理(lǐ)等元素容易讓浏覽者印象深刻,但設計師們往往卻忽略了(le)這(zhè)些小細節。在某些情況下(xià),忽視動畫(huà)和(hé)圖片的(de)優化(huà)問題會影(yǐng)響到網頁圖像質量。爲了(le)設計出好的(de)網站圖片,可(kě)在Photoshop中啓用(yòng)“對(duì)齊到像素”,對(duì)圖片進行适當的(de)優化(huà)。網頁中内容排版錯亂時(shí)有發生,這(zhè)會從視覺上降低内容的(de)吸引力,影(yǐng)響讀者閱讀。
4.選用(yòng)合适的(de)字體
簡潔的(de)網頁設計成功離不開排版,排版應該獲得(de)和(hé)圖片同樣的(de)重視。雖然可(kě)供選擇的(de)字體很多(duō),設計師要考慮的(de)方面很多(duō),比如說,目标客戶和(hé)客戶公司的(de)性質。爲網站頁眉和(hé)内容選用(yòng)合适的(de)字體是必不可(kě)少的(de),無襯線字體和(hé)有襯線字體通(tōng)常會爲設計帶來(lái)良好的(de)效果。除此之外,你還(hái)可(kě)以結合其它字體,專爲孩子和(hé)女(nǚ)性打造網站。
5.爲你的(de)網站選擇合适的(de)配色方案
任何網站的(de)設計都離不了(le)合适的(de)配色方案,這(zhè)對(duì)創建一個(gè)整潔幹淨的(de)網站同樣适用(yòng)。堅持使用(yòng)淡色和(hé)非彩色的(de)投影(yǐng)對(duì)成功設計一個(gè)簡潔網站大(dà)有裨益。淺色的(de)投影(yǐng)可(kě)以幫助用(yòng)戶把焦點轉向網站内容。标志使用(yòng)黑(hēi)色和(hé)較深的(de)投影(yǐng),網頁中的(de)頁眉和(hé)導航元素使用(yòng)淺色背景,這(zhè)些都是不錯的(de)案例,并沒有規定在簡潔網頁設計中不能使用(yòng)大(dà)膽的(de)顔色,但是這(zhè)樣的(de)顔色要小心,克制地使用(yòng)。有時(shí)候,網站有必要使用(yòng)深色背景色來(lái)吸引某些目标用(yòng)戶。比起漸變色,有些網站更鐘(zhōng)愛(ài)純色。如果你的(de)網站非得(de)要使用(yòng)紋理(lǐ)和(hé)漸變色,也(yě)不要用(yòng)得(de)太過火。
6.導航欄與可(kě)用(yòng)性
你對(duì)網站設計滿意時(shí),認爲一切都還(hái)可(kě)以的(de)時(shí)候,這(zhè)時(shí),你可(kě)以通(tōng)過實際試用(yòng)來(lái)測試它的(de)使用(yòng)性。不妨站在局外人(rén)的(de)角度,客觀地對(duì)網站作出評價。在網站發布之前,你可(kě)以詢問一下(xià)跟網站設計無關的(de)人(rén)的(de)看法。保持網站導航的(de)直觀性,避免使用(yòng)的(de)導航元素讓初次訪問者和(hé)技術新手産生挫敗感。