在扁平化風格越來越流行的今天,網頁、軟件界面和圖標的設計大都采用了扁平化風格。特別是扁平化圖標的設計,摒棄了一切3D元素的設計,陰影、紋理、透視神馬的統統不要,讓圖標簡潔高效,富有現代感。
今天給大家介紹一個在線生成各種扁平化圖標的網站——Flatty Shadow,網站上有成千上萬個圖標。使用方式也相當簡單,只要點擊右上方的 Get Started 就可以開始制作,通過簡單的拖動、單擊、調整,便可制作出扁平化圖標。
制作流程
1、選擇顏色,
有一些常用的配色方案,也可調整顏色
2、選擇形狀
目前有矩形、圓形和圓角矩形三種形狀
3、調整圖標形狀和陰影的位置
我們可以根據自己的需要調整陰影的深度、位置和形狀的位置
4、選擇圖標
選擇我們需要的圖標
5、調整圖標尺寸
調整圖標和背景的尺寸,可以自定義大小
最后,如果只需要圖片,點擊右上角的 DOWNLOAD 即可。
如果需要用在網頁上,點擊 CODE 下載代碼,把所需文件添加到您的網頁頭部,在網頁中使用 flattyshadow()函數調用。
網站名稱:FlattyShadow
網站鏈結:http://flattyshadow.com/
轉自:https://www.isharebest.com/flattyshadow.htm