在上海網站建設過程中(zhōng),我們經常遇到客戶提出的,我要設計一個簡潔大氣的網站。但簡潔大氣的網站,怎麽設計?我們今天就是來讨論這個問題。
簡潔并不等于極簡主義,上海網絡公(gōng)司在保持網站簡潔的外觀的同時,輔以其它元素的使用(yòng),同樣能(néng)夠達到要求。那如何做到這一點呢(ne)?通過本文(wén)你能(néng)從中(zhōng)學(xué)到一些經驗。本文(wén)作(zuò)者邁克·埃文(wén)斯(Michael Evans)是一位熱情的博客寫手。他(tā)擅長(cháng)Photoshop,貢獻了多(duō)篇網頁(yè)設計和開發的教程,并且受到了讀者們的喜愛。
站長(cháng)之家(CHINAZ.com)4月16日編譯:潔淨和一塵不染之間是不能(néng)劃等号的。去掉了多(duō)餘内容的設計看起來外形美觀,一目了然,讓人心曠神怡,尤其是對網頁(yè)設計領域更甚。設計師在網站設計過程中(zhōng),時常會遇到過度設計的例子。保持審美需求和實際需求之間的平衡,對整潔,幹淨和條理(lǐ)清晰的網站來說很(hěn)重要。在激烈的行業競争中(zhōng),網頁(yè)設計師想要獲得成功,先決條件之一就是要掌握簡潔的網站設計基礎。在網站設計中(zhōng),并沒有(yǒu)保密規定,但相關的從業人員仍需堅持一些基本原則:用(yòng)外觀專業,整潔的網站設計來打動用(yòng)戶。
但是,簡潔的網頁(yè)設計并不就等同于我們在網頁(yè)設計中(zhōng)所強調的極簡主義。簡潔的網頁(yè)設計可(kě)能(néng)使用(yòng)了多(duō)種元素來襯托網站内容,但依然還能(néng)保持整潔有(yǒu)序的外觀。不過,極簡網站設計是以内容為(wèi)核心,多(duō)餘的東西統統扔掉。而簡潔網頁(yè)設計則使用(yòng)了創意和美學(xué)元素,在一定程度上,這是可(kě)行的。也就是說,網頁(yè)設計師所追求的擁有(yǒu)整潔,專業外觀的網站應該着重讓所使用(yòng)的元素變得高雅,而不是丢棄這些元素。但是,這并非一蹴而就,一個簡潔的網站可(kě)能(néng)要花(huā)上數天的艱苦努力才能(néng)完成。
選用(yòng)富有(yǒu)沖擊力的圖片元素
設計任何網站類型,恰到好處又(yòu)吸引眼球的圖片總是非常重要的。雖然讀者通常隻關注網站的内容,但吸引人的相關圖片也可(kě)以起到對内容補充的作(zuò)用(yòng),同時也增添了美感。不過,在網頁(yè)中(zhōng)使用(yòng)圖片元素時,不管它是靜态還是動态圖片,都要注意顔色的搭配。顔色使用(yòng)過多(duō)容易造成視覺混亂,使用(yòng)單一顔色往往會産(chǎn)生強烈的視覺沖擊。
小(xiǎo)心使用(yòng)頁(yè)面空白
毫無疑問,簡潔的網頁(yè)設計成功的先決條件之一就是做到整潔有(yǒu)序。設計師在網頁(yè)中(zhōng)熟練地添加flash動畫,視頻,3D圖形等多(duō)種元素的同時,不過應盡量避免過度使用(yòng)這些元素。如今,大家都經常使用(yòng)各種便攜式設備浏覽網頁(yè),因此也應該充分(fēn)考慮到移動網絡用(yòng)戶的需求。在網頁(yè)設計中(zhōng),應該小(xiǎo)心,準确地處理(lǐ)頁(yè)面的邊距和空白。但是,空白間距過多(duō)會讓網站失去吸引力。因此維持設計過程中(zhōng)的流動性非常重要,切勿過度使用(yòng)。
用(yòng)“第三隻眼”為(wèi)監管設計細節
任何與設計的相關工(gōng)作(zuò),小(xiǎo)細節都發揮大作(zuò)用(yòng)。網頁(yè)設計也不例外。想要成功設計出簡潔的網站,你需要“第三隻眼”來監控這些小(xiǎo)細節。網站的邊框,投影,高光和紋理(lǐ)等元素容易讓浏覽者印象深刻,但設計師們往往卻忽略了這些小(xiǎo)細節。在某些情況下,忽視動畫和圖片的優化問題會影響到網頁(yè)圖像質(zhì)量。為(wèi)了設計出最佳的網站圖片,可(kě)在Photoshop中(zhōng)啓用(yòng)“對齊到像素”(Snap to Pixels),對圖片進行适當的優化。網頁(yè)中(zhōng)内容排版錯亂時有(yǒu)發生,這會從視覺上降低内容的吸引力,影響讀者閱讀。
選用(yòng)合适的字體(tǐ)
簡潔的網頁(yè)設計成功離不開排版,排版應該獲得和圖片同樣的重視。雖然可(kě)供選擇的字體(tǐ)很(hěn)多(duō),設計師要考慮的方面很(hěn)多(duō),比如說,目标客戶和客戶公(gōng)司的性質(zhì)。為(wèi)網站頁(yè)眉和内容選用(yòng)合适的字體(tǐ)是必不可(kě)少的,無襯線(xiàn)字體(tǐ)(sans serif)和有(yǒu)襯線(xiàn)(sans serif)字體(tǐ)通常會為(wèi)設計帶來良好的效果。除此之外,你還可(kě)以結合其它字體(tǐ),專為(wèi)孩子和女性打造網站。
為(wèi)你的網站選擇合适的配色方案
任何網站的設計都離不了合适的配色方案,這對創建一個整潔幹淨的網站同樣适用(yòng)。堅持使用(yòng)淡色和非彩色的投影對成功設計一個簡潔網站大有(yǒu)裨益。淺色的投影可(kě)以幫助用(yòng)戶把焦點轉向網站内容。标志(zhì)使用(yòng)黑色和較深的投影,網頁(yè)中(zhōng)的頁(yè)眉和導航元素使用(yòng)淺色背景,這些都是不錯的案例,并沒有(yǒu)規定在簡潔網頁(yè)設計中(zhōng)不能(néng)使用(yòng)大膽的顔色,但是這樣的顔色要小(xiǎo)心,克制地使用(yòng)。有(yǒu)時候,網站有(yǒu)必要使用(yòng)深色背景色來吸引某些目标用(yòng)戶。比起漸變色,有(yǒu)些網站更鍾愛純色。如果你的網站非得要使用(yòng)紋理(lǐ)和漸變色,也不要用(yòng)得太過火。
導航欄與可(kě)用(yòng)性
你對網站設計滿意時,認為(wèi)一切都趨于完美,這時,你可(kě)以通過實際試用(yòng)來測試它的使用(yòng)性。不妨站在局外人的角度,客觀地對網站作(zuò)出評價。在網站發布之前,你可(kě)以詢問一下跟網站設計無關的人的看法。保持網站導航的直觀性,避免使用(yòng)的導航元素讓初次訪問者和技(jì )術新(xīn)手産(chǎn)生挫敗感。