重绘并替换掉 macOS 下一些「不好看」的应用图标 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Hansen1997
V2EX    macOS

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

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

    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 图标
    ![]( )
    ZeoKarl
        15
    ZeoKarl  
       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
    cname
        18
    cname  
       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     Solana     986 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 23:26 PVG 07:26 LAX 15:26 JFK 18:26
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86