很遗憾,事实上许多设计师都不能很好的运用他们(Favicons)。Favicons,袖珍图形,适用于比较细致的网站,可以在浏览器的地址栏里显示,紧邻着书签列表里网站的名字,还紧邻着文件对话框界面的网页标题。要是立即被辨识出来的话,favicons应该悦目,并且要适合页面的设计或标识。事实上,如果你在网站上使用favicons,用户可以轻易在他们的书签里找到你的URL――通过这种方式,你在你的网站和网站的访问者之间创造了一些视觉连接。

然而,Favicons的设计可能是有难度的――不是那么容易就能创造一个漂亮的16×16px的迷你图标。尽管如此,部分设计师的运用已经取得了巨大的成效。连合活字(含有数个常用固定字母的活字,如an) 配合清晰的几何结构比单纯的字体和抽象的图像更能起作用,颜色的选取应当符合当前Web 2.0的趋势。让我们来看看能激发你灵感的50个漂亮favicons. 你可以点击favicons――它们可以打开一个页面,而这页面是用图像作为页面图标。

Petal(花瓣)

激发你的灵感:50个优秀的Favicons http://www.aurea.es/
激发你的灵感:50个优秀的Favicons http://www.fxis.net/
激发你的灵感:50个优秀的Favicons http://www.divshare.com/
激发你的灵感:50个优秀的Favicons http://www.tanyamerone.com/
激发你的灵感:50个优秀的Favicons http://www.akken.com/
激发你的灵感:50个优秀的Favicons http://www.kepu.net.cn/english/

Rounded Elements(圆形元素)

激发你的灵感:50个优秀的Favicons http://www.fat-man-collective.com/
激发你的灵感:50个优秀的Favicons http://www.lisensa.com/
激发你的灵感:50个优秀的Favicons http://www.lorop-it.de/
激发你的灵感:50个优秀的Favicons http://www.akamai.com
激发你的灵感:50个优秀的Favicons http://www.cogmap.com/
激发你的灵感:50个优秀的Favicons http://www.colorwarepc.com/
激发你的灵感:50个优秀的Favicons http://www.evozon.com/
激发你的灵感:50个优秀的Favicons http://www.diabetesgate.de/
激发你的灵感:50个优秀的Favicons http://www.adelaidemetro.com.au/

Letters and Typography(字母和印刷样式)

激发你的灵感:50个优秀的Favicons http://www.cubexagency.com/
激发你的灵感:50个优秀的Favicons http://www.lisensa.com/
激发你的灵感:50个优秀的Favicons http://www.somox.com/
激发你的灵感:50个优秀的Favicons http://www.piqniq.jp/
激发你的灵感:50个优秀的Favicons http://www.eight6.com/
激发你的灵感:50个优秀的Favicons http://reachgroupconsulting.com/
激发你的灵感:50个优秀的Favicons http://www.flexy.info/
激发你的灵感:50个优秀的Favicons http://www.kiva.org/

Ornaments(修饰)

激发你的灵感:50个优秀的Favicons http://www.imthere.com/
激发你的灵感:50个优秀的Favicons http://www.elevenmedia.com/
激发你的灵感:50个优秀的Favicons http://www.roisure.com/
激发你的灵感:50个优秀的Favicons http://www.pixellogo.com/
激发你的灵感:50个优秀的Favicons http://www.thinkpinkstudio.com/
激发你的灵感:50个优秀的Favicons http://www.mattwebb.com.au/

Squares(正方形)

激发你的灵感:50个优秀的Favicons http://www.sumagency.com/
激发你的灵感:50个优秀的Favicons http://www.indesign.einsteiger-portal.de/
激发你的灵感:50个优秀的Favicons http://www.kirkpatrickbank.com/
激发你的灵感:50个优秀的Favicons http://deforum.ru/
激发你的灵感:50个优秀的Favicons http://www.imasters.com.br/
激发你的灵感:50个优秀的Favicons http://www.ouvaton.coop/
激发你的灵感:50个优秀的Favicons http://detlog.org/
激发你的灵感:50个优秀的Favicons http://www.ministrycamp.com/
激发你的灵感:50个优秀的Favicons http://www.getpaint.net/
激发你的灵感:50个优秀的Favicons http://microformats.org/
激发你的灵感:50个优秀的Favicons http://www.kath-thun.ch/
激发你的灵感:50个优秀的Favicons http://www.campus-and-more.de/
激发你的灵感:50个优秀的Favicons http://pro-buero.com/
激发你的灵感:50个优秀的Favicons http://www.quada-office.de
激发你的灵感:50个优秀的Favicons http://www.modulio.net/

Further Favicons(更多的Favicons)

激发你的灵感:50个优秀的Favicons http://www.joomlart.com/
激发你的灵感:50个优秀的Favicons http://letterpop.com/
激发你的灵感:50个优秀的Favicons http://www.illustrationclass.com/
激发你的灵感:50个优秀的Favicons http://www.trendwatching.com/
激发你的灵感:50个优秀的Favicons http://www.edag.hu/
激发你的灵感:50个优秀的Favicons http://www.elektro.de/

Favicon Tools(Favicon工具)

Favicon Generator
Favicon Generator 2
Even More Favicon Generators
Favourite Favicons
Mysteries Of The Favicon.ico ― How To Create A Favicon In Photoshop

标签:
【设计之家 原创文章 投稿邮箱:tougao@sj33.cn】

相关文章

随机推荐