如何練就優(yōu)秀的項目體驗
創(chuàng)意、流程、執(zhí)行缺一不可
CREATIVITY, PROCESS, PERFORM INDISPENSABLE
網(wǎng)站設(shè)計的簡潔之道
2015-08-19

   在網(wǎng)頁設(shè)計中,簡潔并不一定等同于極簡主義者的設(shè)計美學(xué)。簡潔的網(wǎng)站只是從設(shè)計、內(nèi)容、以及代碼中移除了所有不必要的元素。而極簡主義的網(wǎng)站普遍符合這一標(biāo)準(zhǔn),有許多網(wǎng)站,不管你如何想象,都不會被認(rèn)為是仍適合簡單的定義的“極簡主義”。 

神馬是“簡潔大氣”?

現(xiàn)在被人們津津樂道的扁平化設(shè)計無疑成為了這四個字的代言,也讓之前似乎離開了人們視野的平面設(shè)計帶來了新思考,我們發(fā)現(xiàn)很多設(shè)計方法依舊非常經(jīng)典,圖片的加入是最能立刻改變和更換整體印象的法寶。

 圖版率是雜志版式中經(jīng)常提到的概念:即頁面中圖片所占面積的比率。圖版率高的雜志頁面會給人帶來年輕與活躍的印象,相反地,全是文字,圖版率為 0,這樣的頁面就顯得沉穩(wěn)許多。


   放大圖片,增加展示空間

   雖然在產(chǎn)品上網(wǎng)易微博一直不溫不火,但在設(shè)計上采用大圖片的改版讓整體擁有了簡潔的潮流感,并且每次刷新變化的封面圖片讓每天的登錄過程也變的有趣起來。

簡潔網(wǎng)頁設(shè)計

   改變圖片比例

即使全部是圖片也可以改變圖版率。商品展示中經(jīng)常會有這種圖片羅列的形式,普通的九宮格設(shè)計雖然整齊,但是沒有變化和視覺重點,將幾個圖片位合并成為一個進(jìn)行展示可以產(chǎn)生更強的專題性效果。

簡潔風(fēng)格網(wǎng)頁欣賞

色塊進(jìn)行重復(fù)構(gòu)成排版

當(dāng)圖片資源不充足,比如消息類信息和圖片并列時,可以采用和圖片相同大小的色塊保持界面的統(tǒng)一性與簡潔性。

簡潔風(fēng)格網(wǎng)站設(shè)計

使用圖標(biāo)代替文字

使用意圖明確的圖標(biāo)代替文字可以幫助導(dǎo)航等操作區(qū)與文字閱讀區(qū)分開。

簡潔風(fēng)格網(wǎng)頁

創(chuàng)造節(jié)奏感


你知道嗎?觀看者和一張簡單的海報設(shè)計也會產(chǎn)生交互過程。

簡單大氣網(wǎng)頁

當(dāng)你在 20 米開外的時候會被它上面的人物與色彩吸引,走近至 5 米的時候會看到它的標(biāo)語,而走到跟前會發(fā)現(xiàn)新的小字信息。海報通過觀看距離的變化制造出閱讀的層次感,引導(dǎo)你不斷深入。

同樣的,在界面中除了利用明確的信息分組引導(dǎo)視覺,還可以考慮在交互中也加入節(jié)奏,筆者不認(rèn)為在扁平化的設(shè)計時代我們就不需要打造空間關(guān)系,通過手勢的變化制造出界面不同的景深效果,可以讓界面充滿呼吸感。

比如 AppFlow 中下拉刷新時,背景圖片會由遠(yuǎn)至近,就在不覺間擴(kuò)展了視覺空間。

國外簡潔風(fēng)格網(wǎng)站

使用鮮明的色彩營造氣場


穿衣服我們講究“氣場”,而設(shè)計中使用的色彩也應(yīng)該明確,避免使用含混的色彩,這樣界面之間的元素才是有對比的。

企業(yè)網(wǎng)站簡潔風(fēng)格


選用合適的字體

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

選用合適的字體

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

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



上一篇:沒有了

下一篇:什么是新媒體營銷?

CONTACT US
  • 服務(wù)熱線:18664767192
  • 廣州技術(shù)總部:廣州市天河區(qū)天河北路179號尚層國際21層
  • 郵箱:admin@bangju.com
掃一掃加客服微信