Blog

做了一个新的favicon

favicon从小对图像不是很敏感的我,对网络上的一些图形应用有点排斥。昨天和同学通电话的时候还听说另一位同学用Flash做了挺牛的东西,我之前也确实见证过他在10分钟左右就从零开始(不包括素材)用Flash软件作出让我艳羡的动画。这方面我就不行,Dreamweaver、Flash、Fireworks、Photoshop这类软件我怎么就不开窍。而Emacs之类的“简陋”工具对我则有致命的吸引力,因此我的空间上的东西都是纯手工写HTML弄出来的。

因此,我虽然一直都知道favicon不难,直接把图像文件丢到根目录下,现在的浏览器就可以自己识别了,但两年来一直都没有弄它。主要的原因就是弄不出一个原始的设计。其实太复杂的想法我估计也没有能力实现。而从网上挖取别人做的现成的又太逊了,也没有含义。

前几天用TeX写作业的量又一次增加,突然有了点想法,就在空闲时用Plain TeX微调一下字号,弄了个“LF”两个字母,然后手工截图,上传到favicon.ico Generator处理了一下就凑合着用了。

但其实我对TeX底层并不熟,因此用它做出来的字明显过于纤细,favicon.ico Generator又自动加了阴影效果,因此那个favicon我实在不满意。更碍眼的是它明显宽比高要长一些,本来应该是一个方块的favicon变成了扁的矩形。旧的favicon我改名到了这里先做备份,什么时候高兴了再删除。

刚才看到这几天一直复习的计算机伦理学里Larry Lessig关于网络版权的演讲,突然发现他的网站上的favicon到不错。一个大写的L。忽然不知为什么想到了初中无聊时自己搞的一个L与F(我姓名的首字母)交叠的图案,于是就有了点灵感。从纸上画了三、四个草图后,弄出了目前的简单设计:正方形边框,里面L和F的直角和连接点都位于黄金分割点上。

这个挺简单的,应该用画图工具不难做。于是我就下了GIMP。在下载的过程中,审视了一下自己的作图技术,觉得真要是动起手来也未必能顺当的做漂亮。这种东西笔画简单,而且黄金分割点这种精确的东西用MetaPost来话大概会更容易吧。于是简单的复习了一下MetaPost,写出了代码:

beginfig(1)

u:=1cm;
v:=u*.618;
w:=u-v;
pair A,B,C,D;
A:=(0,0);
B:=(0,u);
C:=(u,u);
D:=(u,0);

draw A--B--C--D--cycle withpen pencircle scaled 2bp;

pair P,Q,R,S,T,U;
P:=(w,w);
Q:=(w,u);
R:=(v,v);
S:=(v,0);
T:=(u,w);
U:=(u,v);

draw P--Q withpen pencircle scaled 2bp;
draw P--T withpen pencircle scaled 2bp;
draw R--S withpen pencircle scaled 2bp;
draw R--U withpen pencircle scaled 2bp;

endfig;

end

生成的图形还不错。其实我还做了另一个版本,把里面的黄金分割点换成了三等分点,不过看起来那个L就不大自然了,于是放弃。目前这个favicon还算满意。

另外,觉得目前有点动力做这么个小东西,大概受了两点启发。一是前几天看的iPhone 3.0发布会上介绍的一位iPhone游戏开发者Steve Demeter开发Trism的经历,上面他旁边白板上画的图形让我“若有所悟”。YouTube上有这段视频:

另一个启发大概是昨天晚上熬夜写面向对象作业,要用Java Swing实现一个银行帐户客户端之类的窗口,中间的组件摆放、消息监听处理可能也有点帮助:)

没有评论

Leave a Reply