zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    JS动态计算rem
    Vue数据双向绑定原理
    NOI2019 退役记
    友情链接
    算法博客总结
    总结各类错误(always online)
    学习笔记:powerful number求积性函数前缀和
    LOJ#2409. 「THUPC 2017」小 L 的计算题 / Sum(生成函数)
    多项式简单操作
    LOJ #3103. 「JSOI2019」节日庆典
  • 原文地址:https://www.cnblogs.com/zytrue/p/8484723.html
Copyright © 2011-2022 走看看