我們說的簡(jiǎn)約設(shè)計(jì)是將設(shè)計(jì)回歸本質(zhì)的一種設(shè)計(jì)理念。在網(wǎng)頁中，簡(jiǎn)約的設(shè)計(jì)，往往具有清晰的頁面結(jié)構(gòu)、簡(jiǎn)單的交互操作等特征，視覺效果也比較不錯(cuò)。
在網(wǎng)頁中，可以通過下面這些方式達(dá)到界面簡(jiǎn)潔：
1.banner標(biāo)題清晰
banner處于網(wǎng)站的一個(gè)比較重要的位置，所以在banner的設(shè)計(jì)上一定要多下一些功夫。

首推的是文字標(biāo)題的設(shè)計(jì)，大標(biāo)題一定要大，配以小字做裝飾，這樣的設(shè)計(jì)容易吸引人的眼球，不會(huì)有太大的失誤，比較容易出彩。在標(biāo)題的設(shè)計(jì)上，還要注意色彩的搭配，盡量選擇一些簡(jiǎn)單、顏色單一點(diǎn)的，這樣視覺會(huì)更純粹。

簡(jiǎn)單舉例對(duì)比一下，這是小編給大家做的一個(gè)例子分析：

同樣的字體背景圖，同樣的排版，可以看出來右圖的大標(biāo)題比起左邊的標(biāo)題，視覺沖擊力會(huì)更強(qiáng)一些。

再來看看國外的設(shè)計(jì)案例，Impero國外設(shè)計(jì)公司網(wǎng)站，這個(gè)網(wǎng)站banner也是采用大標(biāo)題的形式來設(shè)計(jì)的，這樣的設(shè)計(jì)沖擊力強(qiáng)，容易吸引眼球，達(dá)到目的。

2.banner圖
都知道設(shè)計(jì)師要做一個(gè)好設(shè)計(jì)的前期，是要花很多時(shí)間找素材的。所以一個(gè)好的圖片是可以達(dá)到事半功倍的效果。

選擇一張好的圖片來做網(wǎng)站的banner圖，這個(gè)工作是很重要的。最好是選擇干凈簡(jiǎn)潔的圖片來做為素材圖，避免那些背景凌亂的圖。沒辦法真需要用復(fù)雜背景來做素材的話，字體的設(shè)計(jì)就要做一些適當(dāng)?shù)淖兓?，避免?biāo)題被復(fù)雜背景弱化掉。

夕陽的美麗的酒店網(wǎng)站首張banner圖的選擇就挺好的，簡(jiǎn)潔的背景圖，配以簡(jiǎn)單的兩行文字，簡(jiǎn)潔又容易出效果。這樣的設(shè)計(jì)方式其實(shí)適合各個(gè)行業(yè)，對(duì)設(shè)計(jì)水平要求也不是特別高，前提是要找到一張好的素材圖。說到素材圖，之前我跟大家分享過一些好的素材設(shè)計(jì)網(wǎng)站，這里再重復(fù)一個(gè)國外免費(fèi)的素材圖庫網(wǎng)站，因?yàn)槲艺媸谴髳圻@個(gè)網(wǎng)站。如果需要更多，可以去翻閱我之前分享的《網(wǎng)頁設(shè)計(jì)師常用的一些工具素材合集》。

Pixabay

3.留白
留白，是頁面構(gòu)圖的重要組成部分，適當(dāng)?shù)募尤肓舭?，能讓文字便于閱讀，讓頁面各元素得到很好的區(qū)分。大面積的留白，搭配簡(jiǎn)潔的排版，可以讓受眾的視覺更為集中，很好的給用戶做引導(dǎo)。

Vincit Beer啤酒網(wǎng)站簡(jiǎn)約大氣，大部分的留白讓受眾反而第一眼看到了啤酒產(chǎn)品。
4.單純色彩
通常我們打開一個(gè)網(wǎng)站，給人帶來第一印象的往往是這個(gè)網(wǎng)站的色彩。不同的顏色帶給人不同的心理感受，比如紅色讓人熱情，綠色充滿希望等等。用簡(jiǎn)單純粹的顏色也可以打造簡(jiǎn)約的設(shè)計(jì)感。

酷九設(shè)計(jì)，用最簡(jiǎn)單的方式表現(xiàn)最純粹的視覺，更加有感染力。當(dāng)然，我說的純粹的顏色不只是指白色，很多顏色也可以做出這種純粹的效果。

2017 Make Me Pulse這個(gè)網(wǎng)站用了漸變色的效果，但也做出來純粹簡(jiǎn)約的感覺，網(wǎng)站的交互也挺有意思的，大家可以都去看看。
5.“纖薄”文本和銨鈕
在網(wǎng)站當(dāng)中，要想將網(wǎng)站設(shè)計(jì)得簡(jiǎn)約大方，在一些細(xì)節(jié)的設(shè)計(jì)上也要注意一下。

可以將文本框或是銨鈕元素做得輕薄簡(jiǎn)潔一些，線框類的元素可以設(shè)計(jì)得洗一些，會(huì)顯得精細(xì)一點(diǎn)。同時(shí)，網(wǎng)頁中出現(xiàn)的字體可以用細(xì)一些的字體，或者將font-weight的數(shù)值調(diào)小一些。

這樣的設(shè)計(jì)在確保功能性的同時(shí)，給人一種纖細(xì)的視覺美感。

EWA APP應(yīng)用產(chǎn)品網(wǎng)站，利用纖細(xì)線框，將內(nèi)容很好的分割，頁面簡(jiǎn)潔而大方又不失品質(zhì)。

通過上面幾種方式可以打造簡(jiǎn)約時(shí)尚的網(wǎng)站。下面再給大家推薦幾個(gè)簡(jiǎn)約時(shí)尚的網(wǎng)站，小編喜歡這種風(fēng)格的，所以多分享幾個(gè)：

kirala飲水機(jī)產(chǎn)品網(wǎng)站

MOE時(shí)尚服飾網(wǎng)站

Creative Wallonia 創(chuàng)意設(shè)計(jì)網(wǎng)站 這個(gè)網(wǎng)站我真建議大家點(diǎn)進(jìn)去看看，這個(gè)交互效果很有趣，可以在里面畫很久。

最后再給大家推薦一個(gè)好用的建站系統(tǒng)——蟬知企業(yè)門戶系統(tǒng)，這是系統(tǒng)小編我一直在用的。要知道，小編跟這個(gè)建站系統(tǒng)也是擁有一段故事的，以后有機(jī)會(huì)再跟大家分享。主要是希望更多人可以發(fā)現(xiàn)蟬知這個(gè)系統(tǒng)。這個(gè)建站系統(tǒng)雖然不像wordpress那么廣泛被知道，但是我覺得這個(gè)系統(tǒng)會(huì)比較適合國人的使用，唯一不足的是模板比較少。但是如果知道seo的同學(xué)，那這個(gè)建站系統(tǒng)對(duì)他們來說真的是利器啊，因?yàn)橛眠@個(gè)系統(tǒng)做的大部分網(wǎng)站，seo排名都是某度的首頁前幾。

蟬知建站系統(tǒng)

網(wǎng)頁中的簡(jiǎn)約，表現(xiàn)形式還很多，通常多種結(jié)合起來使用，這里就不一一說明了。想要做到簡(jiǎn)約，也并不是一件簡(jiǎn)單的事情，它需要我們用心去發(fā)現(xiàn)、感受、割舍、提煉，從視覺體驗(yàn)的角度去感受網(wǎng)頁的簡(jiǎn)約之美，把信息更合理、有效的傳遞給用戶，給用戶帶來輕松、實(shí)用、愉悅的體驗(yàn)。