Flatty Shadow图标自动产生器——在线生成各种扁平化 ICON

文章最后更新于2015年4月5日,已经超过9年没有更新,可能有数据不适应或链接失效等问题!

Flatty Shadow图标自动产生器——在线生成各种扁平化 ICON

在扁平化风格越来越流行的今天,网页、软件界面和图标的设计大都采用了扁平化风格。特别是扁平化图标的设计,摒弃了一切3D元素的设计,阴影、纹理、透视神马的统统不要,让图标简洁高效,富有现代感。

今天给大家介绍一个在线生成各种扁平化图标的网站——Flatty Shadow,网站上有成千上万个图标。使用方式也相当简单,只要点击右上方的 Get Started 就可以开始制作,通过简单的拖动、单击、调整,便可制作出扁平化图标。

制作流程

1、选择颜色,

有一些常用的配色方案,也可调整颜色
Flatty Shadow图标自动产生器——在线生成各种扁平化 ICON

2、选择形状

目前有矩形、圆形和圆角矩形三种形状
Flatty Shadow图标自动产生器——在线生成各种扁平化 ICON

3、调整图标形状和阴影的位置

我们可以根据自己的需要调整阴影的深度、位置和形状的位置
Flatty Shadow图标自动产生器——在线生成各种扁平化 ICON

4、选择图标

选择我们需要的图标
Flatty Shadow图标自动产生器——在线生成各种扁平化 ICON

5、调整图标尺寸

调整图标和背景的尺寸,可以自定义大小
Flatty Shadow图标自动产生器——在线生成各种扁平化 ICON

最后,如果只需要图片,点击右上角的 DOWNLOAD 即可。
Flatty Shadow图标自动产生器——在线生成各种扁平化 ICON

如果需要用在网页上,点击 CODE 下载代码,把所需文件添加到您的网页头部,在网页中使用 flattyshadow()函数调用。
Flatty Shadow图标自动产生器——在线生成各种扁平化 ICON

加入讨论 暂无讨论

      1. 这个应该和电脑的系统无关哦,跟浏览器应该有关系,我的是Mac系统,Chrome浏览器

雪鹰领主进行回复 取消回复

昵称不能为空
请输入有效的电子邮件地址
评论内容不能为空

有人回复时邮件通知我