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