最近小白搜索一些網(wǎng)站，發(fā)現(xiàn)漸變?cè)谝恍┚W(wǎng)站首頁(yè)的制作中很常見(jiàn)。
看那那么多漸變的首頁(yè)，小白也開(kāi)始手癢癢，準(zhǔn)備發(fā)一篇關(guān)于漸變的推文。
先給大家奉上一些簡(jiǎn)單案例，之后也順便教大家如何制作簡(jiǎn)單的漸變風(fēng)格封面。
1
純漸變
（某國(guó)外網(wǎng)站）
分析思考：通過(guò)青色與藍(lán)色45°線性漸變作為背景，中間通過(guò)矢量圖形及相應(yīng)文本框突出主題，下半部分箭頭引導(dǎo)視線。
通過(guò)拆分之后，借鑒原來(lái)的背景可以做出如下效果：
小白就用視頻的方式簡(jiǎn)單告訴大家如何制作這張簡(jiǎn)單的封面頁(yè)。
有興趣的童鞋可以下載末尾分享的文件，跟著小白一起操作。
另外還有幾個(gè)類似的，大家有興趣也可以模仿一下：
原型：
模仿后：
2
圖片及漸變
分析思考：紫色和紅色搭配漸變，底層山峰圖片若隱若現(xiàn)。對(duì)圖片小部分透明遮罩，也足夠吸引人眼球。
通過(guò)拆分之后，借鑒主要元素可以做出同樣的模式，但是考慮到如果僅僅是文字無(wú)法平衡整個(gè)頁(yè)面，所以特意增加了圓形重復(fù)以達(dá)到平衡的效果。
還有很多相同原理的漸變小白就不一一給大家呈現(xiàn)了，直接奉上案例。
原型：
模仿后：
3
多形狀漸變
分析思考：這種漸變模式也是很常見(jiàn)的，通過(guò)色塊的陰影達(dá)到層級(jí)的關(guān)系，進(jìn)而營(yíng)造出一種層級(jí)感。同時(shí)運(yùn)用色彩原理凸顯位面關(guān)系。
原型：
模仿后：
當(dāng)然漸變風(fēng)格還有很多，小白列舉的只是小小的一部分。更多的漸變方法及風(fēng)格需要大家自己去采集模仿啦！
另外給大家安利一個(gè)炒雞好用的漸變網(wǎng)站：
咳咳，漸變顏色太多，放不下去，就暫時(shí)放一張截圖給大家咯。
關(guān)注公眾號(hào)“小白學(xué)個(gè)P”，后臺(tái)回復(fù)“漸變封面”即可獲得推文的原素材。
