模仿 Pinbox 图标

[ldehai]

模仿 @rayps 设计的 Pinbox 图标

[username10086]

看起来没什么设计之处，实际分析起来也没什么设计之处。圆角矩形逆时针旋转大致 15 度？感觉渐变深度和字母 N 的位置并没有随之旋转角度。猜测你是画好了 shape 再上渐变效果的。 N 字的位置是不是偏右了点，为了重心稳重？感觉怪怪的。鄙人愚昧，还望指教。。。

[username10086]

如果作为正式的 icon 图标感觉不是适合。你可以参考下 Feedly 图标设计(颜色和旋转角度)。个人意见

[ldehai]

@username10086
N 是偏右了一个像素，多谢指正。角度是左旋 8 度。是用 sketch 做的，圆角矩形加一层渐变色。

[tmacshuai]

感觉怪怪的…

[ldehai]

这样是不是好一点了

[qiuai]

随手画了一个.
背景偏转 8 度,加了点杂点提高质感,字体是钢笔改的,故意只改了 2 点,省的太软.

[qiuai]

对了...我没找到你说的那个人设计的 LOGO 啥样...所以我只是顺手画了个我觉得顺眼的...

[qiuai]

我看到了...你误导了我...我还以为是故意让文字不转呢...于是重新画了一个

[ldehai]

@qiuai 比我专业多了，字体也比我选的漂亮。是用 sketch 画的吗？

是这个帖子里发的 https://www.v2ex.com/t/178387

[rayps]

实际上 Pinbox 的图标是修改自我更早前做的 Filezilla icon:


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

源文件可以在我的 Dribbble 找得到：
https://dribbble.com/shots/1682314-Filezilla-Redesign-Replacement-icns

[qiuai]

@ldehai 我画图都是用 fireworks.只有需要四色的时候才会去用 PS.
至于 SKETCH...自从我把 rMBP 卖掉.就离开这个了.画图还是用专业的画图软件吧亲...

[u]

@rayps 这个图标真棒，我能拿来用做头像么...

[rayps]

@u 当然的，谢谢称赞

@qiuai 工具不是那么重要的，选择最适合自己的就可以。
丧心病狂的 Ollin 就是用开源的 GIMP 来创作 http://www.madebyollin.com/gallery.html

[ldehai]

@rayps 太棒了，谢谢指导。开发学设计还是门外汉，有高手指点感觉真好。

[qiuai]

@rayps 我只是觉得初学最好是用专业一点的作图软件.能够更快更容易的获得自己想要的效果.而不至于因为软件的问题得不到自己想要的效果而放弃之类的.

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

软件这个当然是最适合自己的才是最好的.就跟一堆人吐槽我用 Fireworks 做图一样...我习惯了啊.用 PhotoShop 不是不会.是习惯了 Fireworks,可以快速出图...

[u]

@rayps 哈哈，主要是因为我名字拼音的两个字母就是 fz

[ldehai]

@u 定制呀，这要不要收个费，哈哈