V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
xcodebuild
V2EX  ›  分享创造

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

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

    之前介绍过一个代理调试工具 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 乔乔你够了
    iYato
        6
    iYato  
       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   ·   实用小工具   ·   5085 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 01:13 · PVG 09:13 · LAX 17:13 · JFK 20:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.