用 CSS 给开源项目画了个 icon,征集反馈或者 PR - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
xcodebuild
V2EX    分享创造

用 CSS 给开源项目画了个 icon,征集反馈或者 PR

  •  2
     
  •   xcodebuild
    xcodebuild 2020-05-20 15:58:13 +08:00 3890 次点击
    这是一个创建于 2022 天前的主题,其中的信息可能已经有所发展或是发生改变。

    之前介绍过一个代理调试工具 https://github.com/alibaba/lightproxy,感觉老的 icon (自己用 Photoshop 糊的)太丑,决定画个新的。因为实在不会画图,干脆用 CSS 重新画了个。

    老版本

    image.png

    新版

    image.png

    新版纯色版

    image.png

    代码

    代码是非常简单的几行 HTML + CSS: https://github.com/alibaba/lightproxy/tree/master/art/icon 征求反馈意见和 PR

    31 条回复    2020-05-28 20:43:09 +08:00
    lcandy
        1
    lcandy  
       2020-05-20 16:29:22 +08:00   1
    说实话,感觉老版更好看 [?
    Bramblex2
        2
    Bramblex2  
       2020-05-20 16:30:21 +08:00
    你是来骗 star 的吧
    PengJoseph
        3
    PengJoseph  
       2020-05-20 16:30:49 +08:00
    最后一个感觉很好看
    ahonn
        4
    ahonn  
       2020-05-20 16:31:43 +08:00
    最后一个感觉很好看 +1
    xcodebuild
        5
    xcodebuild  
    OP
       2020-05-20 16:36:35 +08:00
    @Bramblex2 乔乔你够了
    makizaka
        6
    makizaka  
       2020-05-20 16:36:41 +08:00   1
    老版好看+1
    xcodebuild
        7
    xcodebuild  
    OP
       2020-05-20 16:37:56 +08:00
    @lcandy 老版本更好看就哭了,源文件已弄丢
    xcodebuild
        8
    xcodebuild  
    OP
       2020-05-20 16:41:39 +08:00
    @Livid 我在还能 EDIT 的时候改了两三次。。结果 URL 还是因为没空格坏了,这个分词能改么

    例如 https://github.com/alibaba/lightproxy,这种会因为连着标点符号打不开

    必须写成 https://github.com/alibaba/lightproxy 这样谨慎的空格
    krixaar
        9
    krixaar  
       2020-05-20 16:42:22 +08:00   2
    原版感觉太细了,手术加粗了一些,换了个涂装:
    https://i.loli.net/2020/05/20/zfBeiIM4UlS5pT2.jpg
    https://codepen.io/rakaloah/pen/pojqpNW
    xcodebuild
        10
    xcodebuild  
    OP
       2020-05-20 16:42:29 +08:00
    @iYato 突然觉得我应该开一个当下正热的投票贴
    xcodebuild
        11
    xcodebuild  
    OP
       2020-05-20 16:45:14 +08:00
    @krixaar 哇这个涂装炫酷啊,方便来个 PR 么
    krixaar
        12
    krixaar  
       2020-05-20 16:49:07 +08:00
    @xcodebuild 直接 ctrl-c ctrl-v 啦,就改你几个数字而已,不用这么折腾吧
    Bramblex2
        13
    Bramblex2  
       2020-05-20 16:49:38 +08:00
    最后一个好看,但是感觉太细了,男人不能那么细[狗头]
    xcodebuild
        14
    xcodebuild  
    OP
       2020-05-20 16:53:18 +08:00
    @krixaar 感觉这个配色有一种 ms office 的味道,那我可能就自己 ctrl-v 回去了
    krixaar
        15
    krixaar  
       2020-05-20 16:55:19 +08:00
    #14 去看下 Microsoft To Do 的新图标你就明白了
    xcodebuild
        16
    xcodebuild  
    OP
       2020-05-20 17:01:49 +08:00
    @krixaar 233 完 全 一 致
    rioshikelong121
        17
    rioshikelong121  
       2020-05-20 17:07:46 +08:00
    老版本更好看。
    xcodebuild
        18
    xcodebuild  
    OP
       2020-05-20 17:19:53 +08:00
    zhw2590582
        19
    zhw2590582  
       2020-05-20 17:22:41 +08:00
    太细,图标小时识别率不高
    xrr2016
        20
    xrr2016  
       2020-05-20 17:32:01 +08:00
    喜欢老版本
    xcodebuild
        21
    xcodebuild  
    OP
       2020-05-20 17:42:45 +08:00
    @xrr2016 我觉得你们是故意的
    lcandy
        22
    lcandy  
       2020-05-20 20:14:48 +08:00
    @xcodebuild #7 主要强迫症啊,新版的那个“L”左下能对齐吗
    lcandy
        23
    lcandy  
       2020-05-20 20:15:12 +08:00
    @xcodebuild #21 老版本那个粉笔涂鸦的风格真的好看
    xcodebuild
        24
    xcodebuild  
    OP
       2020-05-20 20:15:47 +08:00
    @lcandy 哈哈,像 #9 楼画的这种算是对齐了么
    lcandy
        25
    lcandy  
       2020-05-20 20:28:42 +08:00
    @xcodebuild #24 不算啊!!还突出去一块啊!!看着很难受啊!!
    Croxx
        26
    Croxx  
       2020-05-20 20:56:06 +08:00 via iPhone
    老版的图标配纯色那版的底试试?
    xcodebuild
        27
    xcodebuild  
    OP
       2020-05-20 21:55:51 +08:00
    @Croxx 我研究下 CSS 画这种粉笔画效果怎么样
    xcodebuild
        28
    xcodebuild  
    OP
       2020-05-20 22:18:05 +08:00
    @lcandy 完了莫名很喜欢这种风格怎么破
    mgrddsj
        29
    mgrddsj  
       2020-05-21 00:35:21 +08:00 via Android
    感觉这图标有点像联想预装的联想电脑管家…(逃
    xcodebuild
        30
    xcodebuild  
    OP
       2020-05-21 08:24:35 +08:00
    @mgrddsj 搜了一下被吓到。。
    flyhelan
        31
    flyhelan  
       2020-05-28 20:43:09 +08:00
    老版本更好看
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1212 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 17:21 PVG 01:21 LAX 09:21 JFK 12:21
    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