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

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

Inspire Yourself: 50 Remarkable Favicons
激發(fā)你的靈感：50個優(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è)計師都不能很好的運用他們（Favicons）。Favicons，袖珍圖形，適用于比較細致的網(wǎng)站，可以在瀏覽器的地址欄里顯示，緊鄰著書簽列表里網(wǎng)站的名字，還緊鄰著文件對話框界面的網(wǎng)頁標題。直接得到認知，favicons應(yīng)該悅目，并且要適合頁面的設(shè)計或標識。事實上，如果你在網(wǎng)站上使用favicons，用戶可以輕易在他們的書簽里找到你的URL——通過這種方式，你在你的網(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è)計可能是有難度的——不是那么容易就能創(chuàng)造一個漂亮的16×16px的迷你圖標。盡管如此，部分設(shè)計師的運用已經(jīng)取得了巨大的成效。用清晰的幾何結(jié)構(gòu)組成的標識比用抽象的字體或圖像來得容易，顏色的選取應(yīng)當符合當前Web 2.0的趨勢。讓我們來看看能激發(fā)你靈感的50個漂亮favicons. 你可以點擊favicons——它們指向使用這些圖像做為頁面圖標的網(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