在上海網(wǎng)站建設(shè)過(guò)程中，我們經(jīng)常遇到客戶提出的，我要設(shè)計(jì)一個(gè)簡(jiǎn)潔大氣的網(wǎng)站。但簡(jiǎn)潔大氣的網(wǎng)站，怎么設(shè)計(jì)？我們今天就是來(lái)討論這個(gè)問(wèn)題。

        簡(jiǎn)潔并不等于極簡(jiǎn)主義，上海網(wǎng)絡(luò)公司在保持網(wǎng)站簡(jiǎn)潔的外觀的同時(shí)，輔以其它元素的使用，同樣能夠達(dá)到要求。那如何做到這一點(diǎn)呢？通過(guò)本文你能從中學(xué)到一些經(jīng)驗(yàn)。本文作者邁克·埃文斯（Michael Evans）是一位熱情的博客寫(xiě)手。他擅長(zhǎng)Photoshop，貢獻(xiàn)了多篇網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)的教程，并且受到了讀者們的喜愛(ài)。

站長(zhǎng)之家（CHINAZ.com）4月16日編譯：潔凈和一塵不染之間是不能劃等號(hào)的。去掉了多余內(nèi)容的設(shè)計(jì)看起來(lái)外形美觀，一目了然，讓人心曠神怡，尤其是對(duì)網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域更甚。設(shè)計(jì)師在網(wǎng)站設(shè)計(jì)過(guò)程中，時(shí)常會(huì)遇到過(guò)度設(shè)計(jì)的例子。保持審美需求和實(shí)際需求之間的平衡，對(duì)整潔，干凈和條理清晰的網(wǎng)站來(lái)說(shuō)很重要。在激烈的行業(yè)競(jìng)爭(zhēng)中，網(wǎng)頁(yè)設(shè)計(jì)師想要獲得成功，先決條件之一就是要掌握簡(jiǎn)潔的網(wǎng)站設(shè)計(jì)基礎(chǔ)。在網(wǎng)站設(shè)計(jì)中，并沒(méi)有保密規(guī)定，但相關(guān)的從業(yè)人員仍需堅(jiān)持一些基本原則：用外觀專(zhuān)業(yè)，整潔的網(wǎng)站設(shè)計(jì)來(lái)打動(dòng)用戶。

但是，簡(jiǎn)潔的網(wǎng)頁(yè)設(shè)計(jì)并不就等同于我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)中所強(qiáng)調(diào)的極簡(jiǎn)主義。簡(jiǎn)潔的網(wǎng)頁(yè)設(shè)計(jì)可能使用了多種元素來(lái)襯托網(wǎng)站內(nèi)容，但依然還能保持整潔有序的外觀。不過(guò)，極簡(jiǎn)網(wǎng)站設(shè)計(jì)是以內(nèi)容為核心，多余的東西統(tǒng)統(tǒng)扔掉。而簡(jiǎn)潔網(wǎng)頁(yè)設(shè)計(jì)則使用了創(chuàng)意和美學(xué)元素，在一定程度上，這是可行的。也就是說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)師所追求的擁有整潔，專(zhuān)業(yè)外觀的網(wǎng)站應(yīng)該著重讓所使用的元素變得高雅，而不是丟棄這些元素。但是，這并非一蹴而就，一個(gè)簡(jiǎn)潔的網(wǎng)站可能要花上數(shù)天的艱苦努力才能完成。 

選用富有沖擊力的圖片元素

設(shè)計(jì)任何網(wǎng)站類(lèi)型，恰到好處又吸引眼球的圖片總是非常重要的。雖然讀者通常只關(guān)注網(wǎng)站的內(nèi)容，但吸引人的相關(guān)圖片也可以起到對(duì)內(nèi)容補(bǔ)充的作用，同時(shí)也增添了美感。不過(guò)，在網(wǎng)頁(yè)中使用圖片元素時(shí)，不管它是靜態(tài)還是動(dòng)態(tài)圖片，都要注意顏色的搭配。顏色使用過(guò)多容易造成視覺(jué)混亂，使用單一顏色往往會(huì)產(chǎn)生強(qiáng)烈的視覺(jué)沖擊。

小心使用頁(yè)面空白

毫無(wú)疑問(wèn)，簡(jiǎn)潔的網(wǎng)頁(yè)設(shè)計(jì)成功的先決條件之一就是做到整潔有序。設(shè)計(jì)師在網(wǎng)頁(yè)中熟練地添加flash動(dòng)畫(huà)，視頻，3D圖形等多種元素的同時(shí)，不過(guò)應(yīng)盡量避免過(guò)度使用這些元素。如今，大家都經(jīng)常使用各種便攜式設(shè)備瀏覽網(wǎng)頁(yè)，因此也應(yīng)該充分考慮到移動(dòng)網(wǎng)絡(luò)用戶的需求。在網(wǎng)頁(yè)設(shè)計(jì)中，應(yīng)該小心，準(zhǔn)確地處理頁(yè)面的邊距和空白。但是，空白間距過(guò)多會(huì)讓網(wǎng)站失去吸引力。因此維持設(shè)計(jì)過(guò)程中的流動(dòng)性非常重要，切勿過(guò)度使用。

用“第三只眼”為監(jiān)管設(shè)計(jì)細(xì)節(jié)

任何與設(shè)計(jì)的相關(guān)工作，小細(xì)節(jié)都發(fā)揮大作用。網(wǎng)頁(yè)設(shè)計(jì)也不例外。想要成功設(shè)計(jì)出簡(jiǎn)潔的網(wǎng)站，你需要“第三只眼”來(lái)監(jiān)控這些小細(xì)節(jié)。網(wǎng)站的邊框，投影，高光和紋理等元素容易讓瀏覽者印象深刻，但設(shè)計(jì)師們往往卻忽略了這些小細(xì)節(jié)。在某些情況下，忽視動(dòng)畫(huà)和圖片的優(yōu)化問(wèn)題會(huì)影響到網(wǎng)頁(yè)圖像質(zhì)量。為了設(shè)計(jì)出最佳的網(wǎng)站圖片，可在Photoshop中啟用“對(duì)齊到像素”（Snap to Pixels），對(duì)圖片進(jìn)行適當(dāng)?shù)膬?yōu)化。網(wǎng)頁(yè)中內(nèi)容排版錯(cuò)亂時(shí)有發(fā)生，這會(huì)從視覺(jué)上降低內(nèi)容的吸引力，影響讀者閱讀。

選用合適的字體

簡(jiǎn)潔的網(wǎng)頁(yè)設(shè)計(jì)成功離不開(kāi)排版，排版應(yīng)該獲得和圖片同樣的重視。雖然可供選擇的字體很多，設(shè)計(jì)師要考慮的方面很多，比如說(shuō)，目標(biāo)客戶和客戶公司的性質(zhì)。為網(wǎng)站頁(yè)眉和內(nèi)容選用合適的字體是必不可少的，無(wú)襯線字體（sans serif）和有襯線（sans serif）字體通常會(huì)為設(shè)計(jì)帶來(lái)良好的效果。除此之外，你還可以結(jié)合其它字體，專(zhuān)為孩子和女性打造網(wǎng)站。

為你的網(wǎng)站選擇合適的配色方案

任何網(wǎng)站的設(shè)計(jì)都離不了合適的配色方案，這對(duì)創(chuàng)建一個(gè)整潔干凈的網(wǎng)站同樣適用。堅(jiān)持使用淡色和非彩色的投影對(duì)成功設(shè)計(jì)一個(gè)簡(jiǎn)潔網(wǎng)站大有裨益。淺色的投影可以幫助用戶把焦點(diǎn)轉(zhuǎn)向網(wǎng)站內(nèi)容。標(biāo)志使用黑色和較深的投影，網(wǎng)頁(yè)中的頁(yè)眉和導(dǎo)航元素使用淺色背景，這些都是不錯(cuò)的案例，并沒(méi)有規(guī)定在簡(jiǎn)潔網(wǎng)頁(yè)設(shè)計(jì)中不能使用大膽的顏色，但是這樣的顏色要小心，克制地使用。有時(shí)候，網(wǎng)站有必要使用深色背景色來(lái)吸引某些目標(biāo)用戶。比起漸變色，有些網(wǎng)站更鐘愛(ài)純色。如果你的網(wǎng)站非得要使用紋理和漸變色，也不要用得太過(guò)火。

導(dǎo)航欄與可用性

你對(duì)網(wǎng)站設(shè)計(jì)滿意時(shí)，認(rèn)為一切都趨于完美，這時(shí)，你可以通過(guò)實(shí)際試用來(lái)測(cè)試它的使用性。不妨站在局外人的角度，客觀地對(duì)網(wǎng)站作出評(píng)價(jià)。在網(wǎng)站發(fā)布之前，你可以詢問(wèn)一下跟網(wǎng)站設(shè)計(jì)無(wú)關(guān)的人的看法。保持網(wǎng)站導(dǎo)航的直觀性，避免使用的導(dǎo)航元素讓初次訪問(wèn)者和技術(shù)新手產(chǎn)生挫敗感。