博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Flatty Shadow图标自动产生器——在线生成各种扁平化 ICON
阅读量:6567 次
发布时间:2019-06-24

本文共 571 字,大约阅读时间需要 1 分钟。

在扁平化风格越来越流行的今天,网页、软件界面和图标的设计大都采用了扁平化风格。特别是扁平化图标的设计,摒弃了一切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

网站链结:

转载于:https://www.cnblogs.com/zytrue/p/8484723.html

你可能感兴趣的文章
第一周 从C走进C++ 002 命令行参数
查看>>
【java】itext pdf 分页
查看>>
看看这个电脑的配置
查看>>
[转]【NoSQL】NoSQL入门级资料整理(CAP原理、最终一致性)
查看>>
RequireJS进阶(二)
查看>>
我设计的网站的分布式架构
查看>>
linux extract rar files
查看>>
Knockout.Js官网学习(监控属性Observables)
查看>>
ORA-12514: TNS: 监听程序当前无法识别连接描述符中请求的服务解决
查看>>
azure之MSSQL服务性能测试
查看>>
Android BitmapFactory.Options
查看>>
前端构建:Less入了个门
查看>>
phonegap(cordova) 自己定义插件代码篇(三)----支付宝支付工具整合
查看>>
linux 批量进行:解压缩某一类压缩文件类型的文件
查看>>
激活modelsim se 10.4 时运行patch_dll.bat不能生成TXT
查看>>
Node.js中针对中文的查找和替换无效的解决方法
查看>>
如何查看Ubuntu下已安装包版本号
查看>>
VS2017 配置ImageMagick
查看>>
【Leetcode】Search in Rotated Sorted Array
查看>>
tomcat架构分析(valve源码导读)
查看>>