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

模仿 Pinbox 图标

  •  
  •   ldehai · 2015-10-11 16:56:53 +08:00 · 3973 次点击
    这是一个创建于 3330 天前的主题,其中的信息可能已经有所发展或是发生改变。
    模仿 @rayps 设计的 Pinbox 图标

    第 1 条附言  ·  2015-10-11 21:53:11 +08:00
    根据 @rayps 的指导做了修改

    17 条回复    2015-10-11 20:21:16 +08:00
    username10086
        1
    username10086  
       2015-10-11 17:58:42 +08:00 via iPhone
    看起来没什么设计之处,实际分析起来也没什么设计之处。圆角矩形逆时针旋转大致 15 度?感觉渐变深度和字母 N 的位置并没有随之旋转角度。猜测你是画好了 shape 再上渐变效果的。 N 字的位置是不是偏右了点,为了重心稳重?感觉怪怪的。鄙人愚昧,还望指教。。。
    username10086
        2
    username10086  
       2015-10-11 18:11:10 +08:00 via iPhone
    如果作为正式的 icon 图标感觉不是适合。你可以参考下 Feedly 图标设计(颜色和旋转角度)。个人意见
    ldehai
        3
    ldehai  
    OP
       2015-10-11 18:25:29 +08:00
    @username10086
    N 是偏右了一个像素,多谢指正。角度是左旋 8 度。是用 sketch 做的,圆角矩形加一层渐变色。
    tmacshuai
        4
    tmacshuai  
       2015-10-11 18:42:17 +08:00 via iPhone
    感觉怪怪的…
    ldehai
        5
    ldehai  
    OP
       2015-10-11 18:58:40 +08:00
    这样是不是好一点了

    qiuai
        6
    qiuai  
       2015-10-11 19:12:49 +08:00


    随手画了一个.
    背景偏转 8 度,加了点杂点提高质感,字体是钢笔改的,故意只改了 2 点,省的太软.
    qiuai
        7
    qiuai  
       2015-10-11 19:14:56 +08:00
    对了...我没找到你说的那个人设计的 LOGO 啥样...所以我只是顺手画了个我觉得顺眼的...
    qiuai
        8
    qiuai  
       2015-10-11 19:22:38 +08:00

    我看到了...你误导了我...我还以为是故意让文字不转呢...于是重新画了一个
    ldehai
        9
    ldehai  
    OP
       2015-10-11 19:47:37 +08:00
    @qiuai 比我专业多了,字体也比我选的漂亮。是用 sketch 画的吗?

    是这个帖子里发的 https://www.v2ex.com/t/178387
    rayps
        10
    rayps  
       2015-10-11 19:50:04 +08:00
    实际上 Pinbox 的图标是修改自我更早前做的 Filezilla icon:
    ![]( https://d13yacurqjgara.cloudfront.net/users/93467/screenshots/1682314/filezilla.png)


    大概说一下过程。
    楼主你的 "N" 应该跟着后面的矩形一起旋转,就像 @qiuai 做的那样。
    可以这样,先做一个不旋转的矩形和图案,最后把它们用一个分组组合起来。
    最后直接旋转这个组就可以了。
    如果我没记错的话, OS X 的图标旋转角度大约是 -9°
    圆角半径也可以再调小一点。

    源文件可以在我的 Dribbble 找得到:
    https://dribbble.com/shots/1682314-Filezilla-Redesign-Replacement-icns
    qiuai
        11
    qiuai  
       2015-10-11 19:50:06 +08:00
    @ldehai 我画图都是用 fireworks.只有需要四色的时候才会去用 PS.
    至于 SKETCH...自从我把 rMBP 卖掉.就离开这个了.画图还是用专业的画图软件吧亲...
    u
        12
    u  
       2015-10-11 19:51:50 +08:00
    @rayps 这个图标真棒,我能拿来用做头像么...
    rayps
        13
    rayps  
       2015-10-11 20:00:39 +08:00
    @u 当然的,谢谢称赞

    @qiuai 工具不是那么重要的,选择最适合自己的就可以。
    丧心病狂的 Ollin 就是用开源的 GIMP 来创作 http://www.madebyollin.com/gallery.html
    ldehai
        14
    ldehai  
    OP
       2015-10-11 20:00:57 +08:00
    @rayps 太棒了,谢谢指导。开发学设计还是门外汉,有高手指点感觉真好。
    qiuai
        15
    qiuai  
       2015-10-11 20:07:10 +08:00
    @rayps 我只是觉得初学最好是用专业一点的作图软件.能够更快更容易的获得自己想要的效果.而不至于因为软件的问题得不到自己想要的效果而放弃之类的.

    比如说题主的问题,如果是在一般的作图软件,是很简单的问题...

    软件这个当然是最适合自己的才是最好的.就跟一堆人吐槽我用 Fireworks 做图一样...我习惯了啊.用 PhotoShop 不是不会.是习惯了 Fireworks,可以快速出图...
    u
        16
    u  
       2015-10-11 20:19:37 +08:00
    @rayps 哈哈,主要是因为我名字拼音的两个字母就是 fz
    ldehai
        17
    ldehai  
    OP
       2015-10-11 20:21:16 +08:00
    @u 定制呀,这要不要收个费,哈哈
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2669 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 05:19 · PVG 13:19 · LAX 21:19 · JFK 00:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.