這個網頁一看就跟其他的妖艷賤貨不一樣！|《審美養成計劃》第四期

嗨，小夥伴們好，我是小木。今天更新的是《審美養成計劃》第四期：

先簡單介紹一下《審美養成計劃》這個欄目。

欄目內容：

1、展示一個優秀的設計作品；

2、對該作品的設計風格進行分析；

3、借鑒該作品的設計亮點，模仿設計出一個PPT；

4、點評上期的作業，並布置本期作業。

你能學到什麼：

1、能判斷什麼是美的作品；

2、能指出這些作品好在哪裡；

3、會借鑒優秀的作品來設計PPT；

4、會設計各種風格的PPT。

前幾天小木在Behance上瞎逛時，一抹清新的老王綠忽然映入眼帘，一下就吸引住了我！

點進去一看，確實是個清新養眼的網頁設計作品！下面就來看看這個網頁長啥樣！

01、優秀設計作品展示

主題：植物介紹網頁設計

來源：Behance

作者：Alexey Maslov

02、設計風格分析

現代、簡約是這個作品的風格，下面我們從配色、版式和字體三個方面對其進行分析。

a、配色；

如果你有仔細留意的話，你會發現整個作品其實只使用了黑白灰三個色調，你看到的綠色，實際上是圖片襯托出來的效果。

作品中，白色作為主要背景，灰色用於襯托重點，黑色用於文字。

這種黑白灰配色看似高深，實際上非常容易操作，不信？你待會兒看小木如何換色。

b、版式；

整個作品的版式比較多樣，但大面積留白是其所有版式的共同特點：

更難得的是，整個網頁沒有多餘的元素，留在頁面上的每個元素都有其存在的意義：

「吝嗇」的使用元素與「吝嗇」的用色相得益彰，這個作品的逼格就是這麼來的！看看你自己的作品，有多少元素是多餘的？

c、字體；

在字體上，作者使用了無襯線，粗細適中的黑體作為主字體，又使用了少量襯線字體作為點綴：

03、PPT延伸設計

黑白灰的配色，變化多端的版式，起到畫龍點睛作用的襯線字體是該作品最值得的地方，小木分析了以上三個亮點後，設計出了下面這個PPT：

在公眾號中回復「植物」，獲取以上PPT模板PDF版的免費下載鏈接。

a、PPT配色；

實際上，我並未更改PPT的配色，只是換了換圖片，原作品的綠色就變成了現在的紫藍色，這就是圖片對於PPT配色的作用！

▼

b、PPT版式；

PPT基本延續了原作品的版式，這些版式小木以前也給大家講過：

（左文右圖）

（win8風圖文排版）

（大圖排版）

c、PPT字體；

原作品用了黑體等無襯線字體作為正文字體，便於讀者閱讀，因此小木也使用了黑體作為正文字體：

原作品中還使用了襯線字體作為點綴，因此小木在PPT中也使用了「Baskerville Old Face」這種字體作為點綴字體：

04、上期優秀作業點評

上期的「《審美養成計劃》第三期」我一共收到了10份作業，如果你沒有收到我的郵件點評，那麼你的作品一定是被我選入了下面的優秀作品行列（排名不分先後）：

a、來自「番茄君」的作品：

版式帥到爆炸的一份作業！番茄君這期作業的進步真是嚇到我了！不過這份作業還有一個可以修改的地方，那就是標題的字型大小可以再大一點點哈。

b、來自「老王」的作品：

我對老王說，我已經不能用看普通作品的要求來要求他了，但即使我現在已經在用非常苛刻的眼光來看這份作業，我還是挑不出任何毛病。

如果硬要我挑，那麼我希望下次能看到老王用中文PPT再來驚艷我一回！

c、來自「秋雨妹妹」的作品：

秋雨妹妹的作業風格如她的名字一樣溫文爾雅，也許是因為她在PPT中使用了楷體跟宋體的緣故。秋雨妹妹下次記住要使用風格統一的圖標哈。

d、來自「斌仔」的作品：

斌仔第一次投稿就上了榜，值得鼓勵！PPT版式分割得很不錯。不過第三張PPT的亮度可以再調高一些，以統一整體風格。

本期作業內容：

根據小木在02部分中對該設計作品的分析，模仿設計出至少4頁PPT，包括1頁封面、2頁或以上的內容頁、1頁封底。

完成作業後將PPT源文件發到小木的郵箱arvinfong@foxmail.com，同時註明「第四期作業」，小木會為你點評，並在下期展出優秀作品！

進步最快的，永遠是那些願意動手的人。

我是小木，我的座右銘是：

▼