原文：http://www.smashingmagazine.com/page/2/
翻譯：Blank（懌飛）

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

引用:
Actually it's a pity that many designers don't really make use of them. Favicons, mini graphics for a particular web-site, can be displayed in the browser's URL bar, next to the site's name in lists of bookmarks, and next to the page's title in a tabbed document interface. To be recognized immediately, favicons have to be visually appealing and fit to the design or logo of a given page. In fact, if you use Favicons for your sites, users can easily find your URL in their bookmarks - in this way you create some kind of a visual connection between your web-site and your sites' visitors.

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

引用:
However, the design of Favicons can be tricky - it isn't that easy to create a beautiful 16×16px mini-icon. Still, some designers manage to achieve tremendous effects. Logotypes with clear geometric structures are easier to work with than typefaces or abstract images. The color selection corresponds to current Web 2.0 trends. Let's take a look at 50 beautiful favicons you can inspire yourself from. You can click on favicons - they lead to a page, which uses the image as a page icon.

然而，F(xiàn)avicons的設(shè)計(jì)可能是有難度的――不是那么容易就能創(chuàng)造一個(gè)漂亮的16×16px的迷你圖標(biāo)。盡管如此，部分設(shè)計(jì)師的運(yùn)用已經(jīng)取得了巨大的成效。用清晰的幾何結(jié)構(gòu)組成的標(biāo)識(shí)比用抽象的字體或圖像來(lái)得容易，顏色的選取應(yīng)當(dāng)符合當(dāng)前Web 2.0的趨勢(shì)。讓我們來(lái)看看能激發(fā)你靈感的50個(gè)漂亮favicons. 你可以點(diǎn)擊favicons――它們指向使用這些圖像做為頁(yè)面圖標(biāo)的網(wǎng)站。

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

HTML/CSS技術(shù)：激發(fā)你的靈感:50個(gè)優(yōu)秀的Favicons，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。