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

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

神馬是“簡(jiǎn)潔大氣”?

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

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


   放大圖片,增加展示空間

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

簡(jiǎn)潔網(wǎng)頁(yè)設(shè)計(jì)

   改變圖片比例

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

簡(jiǎn)潔風(fēng)格網(wǎng)頁(yè)欣賞

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

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

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

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

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

簡(jiǎn)潔風(fēng)格網(wǎng)頁(yè)

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


你知道嗎?觀看者和一張簡(jiǎn)單的海報(bào)設(shè)計(jì)也會(huì)產(chǎn)生交互過(guò)程。

簡(jiǎn)單大氣網(wǎng)頁(yè)

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

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

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

國(guó)外簡(jiǎn)潔風(fēng)格網(wǎng)站

使用鮮明的色彩營(yíng)造氣場(chǎng)


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

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


選用合適的字體

  簡(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é)合其它字體,專為孩子和女性打造網(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ò)火。



上一篇:沒(méi)有了

下一篇:什么是新媒體營(yíng)銷?

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