最近小白搜索一些網(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ù)“漸變封面”即可獲得推文的原素材。