一个简洁美观的 favicon 是网站、博客的面子,在标签浏览器(我们平时用的除了 IE6 之外基本都是)中它可以比 title 更醒目,在不同网页间切换的时候它就是导航标识。favicon 可以是 logo,也可以是 logo 一定程度上的精简,但是在 16×16 像素的画布上创作比画一个不受约束的 logo 要难得多。我们先来看一些著名的 favicon:
以某字母、汉字为主体
以 logo 等简洁图案为主体
Google 的部分服务
这些图标都非常具有代表性,让人看了之后留下深刻的印象。由此我们看出两个通用的 favicon 设计路线:
取首字母,用 logo 配色、图案来修饰它。
比如 Skype 的 S 图案,就是自家完整 logo 的精简。
而汉字有着方块字的先天优势,一个汉字所包含的信息量又远远大于一个字母,我挖网采用类似于 digg 配色的“挖”字,把网站类型、功能都体现在小小的图标里了。
使用一个简洁的图标。
上面的苹果图标简单到只有灰色和白色,但它用 Mac 上常见的色彩搭配勾出了一个清晰的苹果图案。
第三排我专门列出了 Google 系列服务的 favicon,像 Gmail, Calendar, Reader, Groups, 都很好地在图标中表达了一个信息:它是干什么用的。
第二排最后一个是经典桌面资源站的 favicon,看似简单的一个绿色按钮,却有着不错的阴影,在标签栏上的显示效果非常好。