簡潔網(wǎng)頁設(shè)計(jì)你需知的6點(diǎn)技巧

2014-4-23    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   yvirxh.cn  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點(diǎn)這里

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

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

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

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

小心使用頁面空白

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

開啟你的像素眼

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

選用合適的字體

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

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

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

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

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

日歷

鏈接

個人資料

存檔