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

重绘并替换掉 macOS 下一些「不好看」的应用图标

  •  1
     
  •   Hansen1997 · 2018-09-04 22:31:15 +08:00 · 8168 次点击
    这是一个创建于 2281 天前的主题,其中的信息可能已经有所发展或是发生改变。

    macOS 上绝大多数图标都很精美,然而少数应用的图标很不走心,有的过大,有的呆板……破坏了整体的美感,只好自己动手来替换图标。一开始想在网上找,要求一是与应用契合,二是要有 macOS 风格,但很难找到这两点都符合的,后来就想到自己来做,感觉效果还不错,以后也可能会绘制新的,都存在 Github 上。

    项目地址:Maicontsh

    欢迎 Star,大家有什么需求也可以留言(不过不一定有能力实现就是了……)

    对比效果(仅第二行有变化)

    替换前: 1

    替换后: 2

    因为自己也不是设计出身,所以希望大家多多提建议🙏

    另外想问一下大家哪里有 macOS 图标设计的规范乃至教程?想深入学习下,目前做的几个都只是根据自己的感觉来的😅

    第 1 条附言  ·  2018-09-05 04:51:11 +08:00

    已更新 Adobe (非)全家桶 2.png

    48 条回复    2020-03-18 12:30:45 +08:00
    ftu
        1
    ftu  
       2018-09-04 22:37:45 +08:00
    好看的,特别 CAJ 那个简洁优雅
    Hansen1997
        2
    Hansen1997  
    OP
       2018-09-04 22:39:05 +08:00
    @ftu 谢谢😊
    des
        3
    des  
       2018-09-04 23:05:08 +08:00 via Android
    求 keka 的,原图标有点。。。不喜欢
    dionisokan
        4
    dionisokan  
       2018-09-04 23:07:43 +08:00
    dionisokan
        5
    dionisokan  
       2018-09-04 23:09:47 +08:00   ❤️ 1
    另外 Apple 官方并没有给出具体的 macOS 应用图标模板,但在 Human Interface Guidelines 给出了一些指导意见可供参考: https://developer.apple.com/design/human-interface-guidelines/macos/icons-and-images/app-icon/
    Hansen1997
        6
    Hansen1997  
    OP
       2018-09-04 23:16:17 +08:00
    @dionisokan 这些图标都不错,感谢分享。不过我觉得系统自带的图标还挺符合我审美的,只是对个别非系统图标有改造需求。
    Hansen1997
        7
    Hansen1997  
    OP
       2018-09-04 23:16:55 +08:00
    @des 好的,小本本记下了😏
    kimgo110
        8
    kimgo110  
       2018-09-04 23:48:16 +08:00   ❤️ 5
    http://macreplacementicons.com/http://imminger.me/osx-iconset.php 这两款都是我正在用的,感觉比原生好很多。
    sdushn
        9
    sdushn  
       2018-09-04 23:55:48 +08:00 via Android
    caj 好评啊!
    Hansen1997
        10
    Hansen1997  
    OP
       2018-09-05 00:02:42 +08:00
    @sdushn hhhhh 知网缺美工……
    ewBuyVmLZMZE
        11
    ewBuyVmLZMZE  
       2018-09-05 00:13:42 +08:00
    个人比较喜欢 icns 的文件,图标替换脚本已经提供。

    https://github.com/Hansen1997/Maicontsh/issues/1
    Hansen1997
        12
    Hansen1997  
    OP
       2018-09-05 00:41:03 +08:00
    @syhily 谢谢分享,这个需要把 icns 文件放在文件夹里然后运行吗?
    运行 SetIcon.command 时提示「文件无法执行,因为您没有正确的访问权限」,但是读写权限都打开了呀,求指点
    titi14gj
        13
    titi14gj  
       2018-09-05 00:44:53 +08:00 via iPhone
    Caj 大爱
    Hansen1997
        14
    Hansen1997  
    OP
       2018-09-05 00:56:16 +08:00
    @des 已上传 Keka 图标😉
    ![]( )
    nieyujiang
        15
    nieyujiang  
       2018-09-05 06:36:13 +08:00 via iPhone   ❤️ 1
    事实上,我现在连 launchpad 都懒的开了,alfred 太好用了
    Hansen1997
        17
    Hansen1997  
    OP
       2018-09-05 07:35:39 +08:00
    @nieyujiang 在 Dock 栏也要美美的 (ง •̀_•́)ง 我用 LaunchBar 233333
    onionnews
        18
    onionnews  
       2018-09-05 08:34:46 +08:00 via Android
    最后那个截图软件的 logo 确实该重做,重绘也救不来😂
    Hansen1997
        19
    Hansen1997  
    OP
       2018-09-05 08:46:24 +08:00
    @onionnews 哈哈哈
    SilentDepth
        20
    SilentDepth  
       2018-09-05 09:08:58 +08:00
    @onionnews #18 @Hansen1997 #19
    倾角无法拯救 Snipaste 233333
    说起来 Snipaste 的图标在 Windows 磁贴上非常合适,到了 Mac 上真是怎么看怎么别扭
    Hansen1997
        21
    Hansen1997  
    OP
       2018-09-05 09:41:31 +08:00
    @SilentDepth Snipaste 几乎就是微软徽标的变形了……两家走的不是一个风格 233333
    warcraft1236
        22
    warcraft1236  
       2018-09-05 10:05:15 +08:00
    求问基础的问题,怎么替换图标?软件升级之后,替换的图标还管用吗?
    Hansen1997
        23
    Hansen1997  
    OP
       2018-09-05 10:15:28 +08:00 via iPhone
    @warcraft1236 替换方法在项目里有苹果的官方教程,至于更新后我不太清楚,因为我也是第一次换(不过感觉大概率会变回本身的图标)
    ioth
        24
    ioth  
       2018-09-05 12:45:52 +08:00
    美工设计,加油
    zhou00
        25
    zhou00  
       2018-09-05 13:02:29 +08:00   ❤️ 1
    caj 那个确实很好看,snipaste 感觉图标有点偏小(只是感觉,个人审美也不是多好,楼主做的很棒)
    levie
        26
    levie  
       2018-09-05 13:04:36 +08:00 via Android
    中…中奖了 🙈
    intellectual
        27
    intellectual  
       2018-09-05 13:06:45 +08:00
    Snipaste 弄的颜色比较艳啊,哈哈,马马虎虎;
    intellectual
        28
    intellectual  
       2018-09-05 13:16:54 +08:00
    Snipaste 可优化的空间太大太大了,哎呀呀这软件作者,比较随意哈
    leshijiazu
        29
    leshijiazu  
       2018-09-05 13:22:34 +08:00
    你的头像真的是分分钟干扰人。
    intellectual
        30
    intellectual  
       2018-09-05 13:22:49 +08:00
    除了角度和颜色可以修饰之外,就四个图形的圆角稍微修饰下就可以变成几十种风格迥异的图标,这作者得打一顿😂😂😂
    Hansen1997
        31
    Hansen1997  
    OP
       2018-09-05 13:26:45 +08:00 via iPhone
    @intellectual 作…作者在 26 楼…
    Hansen1997
        32
    Hansen1997  
    OP
       2018-09-05 13:29:22 +08:00 via iPhone
    @levie 作者好,Snipaste 很好用😆 希望 Mac 版图标能再优化一下,毕竟两个系统风格不太一样
    Hansen1997
        33
    Hansen1997  
    OP
       2018-09-05 13:30:21 +08:00 via iPhone
    @leshijiazu 是不是看见就想点
    intellectual
        34
    intellectual  
       2018-09-05 14:12:53 +08:00
    @Hansen1997 😂,哎呀,我不应该那么马虎的
    Aoitechs
        35
    Aoitechs  
       2018-09-05 14:17:24 +08:00 via iPhone   ❤️ 1
    支持,已 star
    iamsea
        36
    iamsea  
       2018-09-05 14:39:45 +08:00
    snipaste 倾斜的角度大了点,应该是 9 度,强迫症路过
    Hansen1997
        37
    Hansen1997  
    OP
       2018-09-05 14:42:32 +08:00 via iPhone
    @iamsea 哈哈确实,之前是随意弄的,看前边有人发的链接才知道标准倾角是 9 度,有空我改改,而且也准备重新设计一下。
    vokins
        38
    vokins  
       2018-09-05 16:17:07 +08:00 via iPhone
    谢谢分享,很精美
    SilentDepth
        39
    SilentDepth  
       2018-09-05 17:52:17 +08:00
    @levie @Hansen1997 @intellectual
    想到个设计:SniPASTE,看家本领之一是贴图嘛,图标可以是一个屏幕的底,上面贴了几张图,其中一张比较大的是 Snipaste 的 logo,尖角的就行,图标整体遵循惯例来个倾角,妥妥的
    intellectual
        40
    intellectual  
       2018-09-06 13:50:39 +08:00
    @SilentDepth 😂看作者
    powersee
        41
    powersee  
       2018-09-23 13:25:28 +08:00
    赞,已 star 并 watching
    vencent
        42
    vencent  
       2018-10-24 18:59:56 +08:00
    已 star,希望添加 QQ 的!现在的颜色太丑了
    jackytang520
        43
    jackytang520  
       2019-05-02 17:16:30 +08:00
    @intellectual 你的这个 Snipaste 图标能发我一份不
    intellectual
        44
    intellectual  
       2019-05-16 22:47:59 +08:00
    @jackytang520 抱歉我画完就删掉了,其实画的很一般,没有用心画。
    您要是喜欢,和对这些东西有兴趣,可以在 dribbble 搜一搜关键词 ico icns 找到相近意思的也是可行的,那上面图标水平还是有的。
    programV2
        45
    programV2  
       2020-03-17 14:12:50 +08:00
    @intellectual
    @Hansen1997 V 友好, 请问如何改变 ico 图标上 logo 的颜色?
    intellectual
        46
    intellectual  
       2020-03-17 16:53:20 +08:00
    @programV2 ico 是 win 的,icns 是 mac 的。ico 是个文件,只能把这个文件重新画一下,画成需要的颜色。
    programV2
        47
    programV2  
       2020-03-17 17:05:41 +08:00
    @intellectual 谢谢. 我是给网站用的 favicon.ico , 有没有什么方便的在线小工具推荐?  谢谢
    intellectual
        48
    intellectual  
       2020-03-18 12:30:45 +08:00
    @programV2 抱歉在线小工具不清楚。你问的有点不在门路,建议交给专业的做这个。正常流程应该是把 ico 还原成位图,然后用 ps 之类的编辑位图,然后位图再生成 ico
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5897 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 02:53 · PVG 10:53 · LAX 18:53 · JFK 21:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.