08 年分享过路径与图层样式——图标设计小教程,直到现在我基本上还是用路径来做小图标,当然现在屏幕分辨率越来越高,小图标用到场合也越来越少了。挺喜欢鼓捣这种极小尺寸的,因为这个尺度下,我自己美术功底不足的缺陷不那么明显(形和透视这种往往被处理成最简单的状态),而同时我相对比较有耐心喜欢反复调整的优势可以得到发挥。昨天看到知乎上的一个问题:如何绘制边缘清晰又圆润的小尺寸图标?这个尺度下追求各方面都完美的解基本不存在,所以只能按照我自己的一些心得说一说:

1. 不必老老实实画各种基本形状
很多小图标尺寸是 16x16 这种级别的,可以想见,里面的有些基本形状的尺寸完全可能小至 4x4 这样的大小。如果要去雕琢,基本就有些类似像素画了。而像素画里的很多技巧就是用一些规则的、容易实现的、并且看起来更清晰的方法去拟合各种基本形状。方不是方或者圆不是圆,这些都不是事儿,眼睛是很容易欺骗的,最后 1:1 的情况下效果好就 OK 了。比如就跟字体设计里会在很多笔画集中看起来特别重的地方去尝试削细某些笔画,这背后应该是一个道理。

2. 虽然尺寸已经很小了,但有时候可以考虑再小一点
画小图标的时候很多惯性动作就是把整个图标的外框去贴近边框,但有时候可以反过来尝试一下,略微缩小一个或两个像素。这样会有两个好处:有时候一个轴对称或者中心对称的图形在 16x16 尺寸下怎么调整都无法同时满足「像素对齐」和「绝对的对称」,这个时候就可以考虑把他修改成一个 15x16 或者 15x15。另外一点就是把规则图标统一缩小一点处理之后可以保证整套图标里如果有特别不饱满的就可以稍微拉大,使整套的尺寸更统一。

3. 就算我不会画,删我还不会吗?
打开所有的图标绘制教程,都会告诉你在同一个图标不同尺寸下,去掉多余的元素、减少透视并且尽量简化小尺寸的细节。所以遇到画出来效果不理想的元素,大胆尝试把它去掉,实在不行就用其他的代替。

4. 世界上除了处女座,还有其他十一个星座
以前,当做皮肤还需要使用 #FF00FF 作为掩码色来实现非常低端的透明的时候,我会花上好久好久去琢磨怎么保证边缘尽量不生硬,但后来打开了 TSF 的那些已经做到极致的皮肤,我发现其实最好的做法就是直接用 PS 在边缘取个色,定好容错值,直接填上 #FF00FF 就行了,不必多纠结。有些斜边的模糊这本来就是一件见仁见智的事情,没有绝对的对错,比起这些调整,宁愿多花点时间在前期确定好图标的隐喻,让大家看得懂图标是神马,而非让大家来找错是不是小图标里每根斜线或者圆弧都已经在「锯齿最少化」的状态下。

分享博文



博文评论