原文: http://www.smashingmagazine.com/2007/01/31/ inspire-yourself-50-remarkable-favicons/ 翻譯: 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.
很遺憾,事實上許多設計師都不能很好的運用他們(Favicons)。Favicons,袖珍圖形,適用于比較細致的網站,可以在瀏覽器的地址欄里顯示,緊鄰著書簽列表里網站的名字,還緊鄰著文件對話框界面的網頁標題。要是立即被辨識出來的話,favicons應該悅目,并且要適合頁面的設計或標識。事實上,如果你在網站上使用favicons,用戶可以輕易在他們的書簽里找到你的URL——通過這種方式,你在你的網站和網站的訪問者之間創(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.
然而,Favicons的設計可能是有難度的——不是那么容易就能創(chuàng)造一個漂亮的16×16px的迷你圖標。盡管如此,部分設計師的運用已經取得了巨大的成效。連合活字(含有數個常用固定字母的活字,如an) 配合清晰的幾何結構比單純的字體和抽象的圖像更能起作用,顏色的選取應當符合當前Web 2.0的趨勢。讓我們來看看能激發(fā)你靈感的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
本文鏈接:http://www.95time.cn/download/product/2007/4490.asp
出處:藍色理想
責任編輯:blue
|