V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
LarryDev
V2EX  ›  推广

分享高质量又免费的图标资源,独立开发者必备

  •  
  •   LarryDev · 2018-11-21 20:31:19 +08:00 · 4721 次点击
    这是一个创建于 2228 天前的主题,其中的信息可能已经有所发展或是发生改变。

    大家好,我是独立开发者 Larry,总是有人问到你的设计是如何学习的?感觉会设计的开发者好厉害,其实只要你每天坚持去学习一点设计的东西,长期积累你的设计能力和审美自然会慢慢提升,贵在坚持看我公号的文章,嗯🙂~

    在我们去开发一款 App 的时候,图标一定用得到,去上哪儿找高质量又免费的图标资源呢?说真的接下来推荐的这几个网站上的图标质量非常高,你可以找到很多灵感与启发,在推荐图标网站之前先介绍一点图标设计规范

    图标设计规范

    1. 图标的尺寸

    在移动端 iOS 规范中 2 倍图下最适合人点击的区域大小为 48*48px, iOS 功能图标尺寸为 48 加或减 4 的倍数;安卓 android 功能图标尺寸为 48 加或减 8 的倍数。

    为什么 iOS 是 4 的倍数?因为 2 倍图适配 3 倍图时要乘以 1.5, 适配 1 倍图时要除以 2, 并且保证 1 倍 /2 倍 /3 倍图尺寸值都是偶数,能满足要求的最小数是 4 ;

    为什么安卓 android 是 8 的倍数?安卓开发中最小的单位是 1dp ( 1dp=2px )同时也要满足 2 倍图适配 1 倍图和 3 倍图时都是整数, 所以安卓要是 8 的倍数。

    在很多带有色块的图标中,不仅要保证色块的大小统一,也要保证色块里面的功能图标图形的大小统一。

    2.图标栅格

    以 2 倍图 44*44px 为例,常见方形、圆形、水平矩形、竖直矩形图标为保证视觉大小一致,通常实际设计尺寸并不一样,可通过图标栅格关键线来进行规范,这里推荐一篇聊一聊 iOS 系统图标栅格&带你绘制系统图标

    几何尺寸:

    3.图标的形状构成

    所有的图标都建议使用基础图形进行组合,运用布尔运算绘制,以保持图标整体的合理性,尽量不要使用钢笔工具勾勒(除非是细节点),钢笔绘制随心所欲不严谨,美感大打折扣。

    4.图标的细节

    圆角规范

    内圆角半径=外圆角半径-线宽

    倾斜角度

    设定一个角度规范值所有元素按倍数改变,角度常用度数 15°、22.5°、30°、45°、60°、90°等会比较清晰。

    像素对齐

    图标的线条一定要紧贴像素网格,不然边缘会虚化模糊。

    形状描边对齐方式通常用内部对齐方式(不会改变图形尺寸),居中对齐会出现模糊,外部对齐会改变图标大小。

    UI 图标设计资源站

    1. 阿里巴巴矢量图标库

    网址:http://www.iconfont.cn/

    国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。

    2. iconfinder 图标库

    网址:https://www.iconfinder.com/

    iconfinder 是一个专注于图标的搜索引擎,收录了大量的图标,通过它你可以快速找到你所需要的图标,并且它收录的图标一般都是免费的。

    网站图标除可收藏下载外还提供图标编辑器对图标进行编辑微调,编辑完成后可导出为 SVG 或转 PNG 格式,各种大小尺寸一应俱全。

    3. 最大的免费图标库-Flaticon

    网址:http://www.flaticon.com

    最大的免费图标库,提供 PNG、SVG、EPS、PSD 和 BASE 64 格式供选择下载。网站不支持中文搜索,搜索时要用英文进行搜索。

    4. Icons8

    网址:https://icons8.cn

    86,000 个免费的平面图标,在 20 秒内生成任何格式、大小和颜色的图标。

    5. easyicon 图标库

    网址:https://www.easyicon.net

    easyicon 收录了超过 400,000 万个以上精美 SVG、PNG、ICO、ICNS 等免费图标,内容相当丰富,网站提供英文、中文两种操作模式,只需要输入关键词之后点击左侧的 Tags 即可快速找到自己需要的图标,网站也提供最近更新、热门图标以及 LOGO 下载等项目。

    6. Noun Project

    网址:http://thenounproject.com

    一切的图标,由全球社区创建的超过一百万个策划图标,创作者来自世界各地,超过100 万个免费图标

    最后

    好了,今天的分享就到这里啦,感谢大家的支持和关注,希望分享的内容能够帮到你,另外如果想获取更多关于独立开发者和设计的内容,请关注公众号 force_code

    14 条回复    2021-04-28 18:01:01 +08:00
    wiseideal
        1
    wiseideal  
       2018-11-22 08:10:14 +08:00 via iPhone
    阿里那个不错
    LarryDev
        2
    LarryDev  
    OP
       2018-11-22 09:29:36 +08:00
    BruceHong
        3
    BruceHong  
       2018-11-22 11:03:35 +08:00
    非常赞👍
    cncoffer
        4
    cncoffer  
       2018-11-22 11:26:58 +08:00
    感谢分享
    LarryDev
        5
    LarryDev  
    OP
       2018-11-22 12:03:23 +08:00
    @BruceHong 感谢
    LarryDev
        6
    LarryDev  
    OP
       2018-11-22 12:03:31 +08:00
    @cncoffer 💕
    gejun123456
        7
    gejun123456  
       2018-11-22 15:03:28 +08:00 via iPhone
    感谢 棒
    xings
        8
    xings  
       2018-11-22 15:55:23 +08:00
    阿里的那个里面的图标可以免费商用吗?还是需要购买?
    chungzhao
        9
    chungzhao  
       2018-11-22 16:40:01 +08:00
    fontawesome 呢?
    1455855208
        10
    1455855208  
       2018-11-22 23:00:45 +08:00 via Android
    @xings 也有付费的
    zhangxiaochun
        11
    zhangxiaochun  
       2019-02-01 10:03:48 +08:00
    https://remixicon.com/ 必须安利一下,刚上线不久的新图标库。为什么推荐这个库呢?三方面原因:1.这个库不同于楼主提到的其他图标平台,本图标库本身是一套像 MD 图标一样独立的图标库。2.基于第一个原因,这个库里的图标大小一致风格统一,用在自己的项目上哪怕没有设计师也非常精致统一。3.这个库是我做的[捂脸]
    sofiyaya
        12
    sofiyaya  
       2021-01-13 17:17:33 +08:00
    leili
        13
    leili  
       2021-04-28 18:00:32 +08:00
    推荐 iconsapi.com 直接集成到应用中,免费使用。
    leili
        14
    leili  
       2021-04-28 18:01:01 +08:00
    @sofiyaya 不错
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1023 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 19:30 · PVG 03:30 · LAX 11:30 · JFK 14:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.