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

  • 相关阅读:
    nodejs启动前端项目步骤
    多线程
    数组排序(6)- 快速排序
    数组排序(5)- 归并排序
    数组排序(4)- 希尔排序
    数组排序(3)-插入排序
    数组排序(2)-选择排序
    数组排序(1)-冒泡排序
    队列-用非顺序映像实现队列
    ArrayList、Vector和LinkedList的区别
  • 原文地址:https://www.cnblogs.com/zytrue/p/8484723.html
Copyright © 2011-2022 走看看