激發你的靈感:50個優秀的Favicons_經驗交流

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

Inspire Yourself: 50 Remarkable Favicons
激發你的靈感：50個優秀的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.

很遺憾，事實上許多設計師都不能很好的運用他們（Favicons）。Favicons，袖珍圖形，適用於比較細緻的網站，可以在瀏覽器的地址欄裡顯示，緊鄰著書籤列表裡網站的名字，還緊鄰著檔案對話方塊介面的網頁標題。直接得到認知，favicons應該悅目，並且要適合頁面的設計或標識。事實上，如果你在網站上使用favicons，使用者可以輕易在他們的書籤裡找到你的URL——通過這種方式，你在你的網站和網站的訪問者之間創造了一些視覺串連。

引用:
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.

然而，Favicons的設計可能是有難度的——不是那麼容易就能創造一個漂亮的16×16px的迷你表徵圖。儘管如此，部分設計師的運用已經取得了巨大的成效。用清晰的幾何結構組成的標識比用抽象的字型或映像來得容易，顏色的選取應當符合當前Web 2.0的趨勢。讓我們來看看能激發你靈感的50個漂亮favicons. 你可以點擊favicons——它們指向使用這些映像做為頁面表徵圖的網站。

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

