激發(fā)你的靈感:50個(gè)優(yōu)秀的Favicons

很遺憾，事實(shí)上許多設(shè)計(jì)師都不能很好的運(yùn)用他們（Favicons）。Favicons，袖珍圖形，適用于比較細(xì)致的網(wǎng)站，可以在瀏覽器的地址欄里顯示，緊鄰著書簽列表里網(wǎng)站的名字，還緊鄰著文件對(duì)話框界面的網(wǎng)頁標(biāo)題。要是立即被辨識(shí)出來的話，favicons應(yīng)該悅目，并且要適合頁面的設(shè)計(jì)或標(biāo)識(shí)。事實(shí)上，如果你在網(wǎng)站上使用favicons，用戶可以輕易在他們的書簽里找到你的URL――通過這種方式，你在你的網(wǎng)站和網(wǎng)站的訪問者之間創(chuàng)造了一些視覺連接。

然而，F(xiàn)avicons的設(shè)計(jì)可能是有難度的――不是那么容易就能創(chuàng)造一個(gè)漂亮的16×16px的迷你圖標(biāo)。盡管如此，部分設(shè)計(jì)師的運(yùn)用已經(jīng)取得了巨大的成效。連合活字(含有數(shù)個(gè)常用固定字母的活字,如an) 配合清晰的幾何結(jié)構(gòu)比單純的字體和抽象的圖像更能起作用，顏色的選取應(yīng)當(dāng)符合當(dāng)前Web 2.0的趨勢(shì)。讓我們來看看能激發(fā)你靈感的50個(gè)漂亮favicons. 你可以點(diǎn)擊favicons――它們可以打開一個(gè)頁面，而這頁面是用圖像作為頁面圖標(biāo)。

Petal（花瓣）

 http://www.aurea.es/
 http://www.fxis.net/
 http://www.divshare.com/
 http://www.tanyamerone.com/
 http://www.akken.com/
 http://www.kepu.net.cn/english/

Rounded Elements（圓形元素）

 http://www.fat-man-collective.com/
 http://www.lisensa.com/
 http://www.lorop-it.de/
 http://www.akamai.com
 http://www.cogmap.com/
 http://www.colorwarepc.com/
 http://www.evozon.com/
 http://www.diabetesgate.de/
 http://www.adelaidemetro.com.au/

Letters and Typography（字母和印刷樣式）

 http://www.cubexagency.com/
 http://www.lisensa.com/
 http://www.somox.com/
 http://www.piqniq.jp/
 http://www.eight6.com/
 http://reachgroupconsulting.com/
 http://www.flexy.info/
 http://www.kiva.org/

Ornaments（修飾）

 http://www.imthere.com/
 http://www.elevenmedia.com/
 http://www.roisure.com/
 http://www.pixellogo.com/
 http://www.thinkpinkstudio.com/
 http://www.mattwebb.com.au/

Squares（正方形）

 http://www.sumagency.com/
 http://www.indesign.einsteiger-portal.de/
 http://www.kirkpatrickbank.com/
 http://deforum.ru/
 http://www.imasters.com.br/
 http://www.ouvaton.coop/
 http://detlog.org/
 http://www.ministrycamp.com/
 http://www.getpaint.net/
 http://microformats.org/
 http://www.kath-thun.ch/
 http://www.campus-and-more.de/
 http://pro-buero.com/
 http://www.quada-office.de
 http://www.modulio.net/

Further Favicons（更多的Favicons）

 http://www.joomlart.com/
 http://letterpop.com/
 http://www.illustrationclass.com/
 http://www.trendwatching.com/
 http://www.edag.hu/
 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