Home >Web Front-end >CSS Tutorial >Inspire you: 50 great Favicons_Experience Exchange
Original text: http://www.smashingmagazine.com/page/2/
Translation: Blank(濿飞)
Inspire Yourself: 50 Remarkable Favicons
Inspire Yourself: 50 Remarkable Favicons
Quote:
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.
Unfortunately, in fact many designers cannot use them (Favicons) well. Favicons, pocket graphics, are suitable for more detailed websites. They can be displayed in the browser's address bar, next to the name of the website in the bookmark list, and next to the web page title in the file dialog interface. To get it straight, favicons should be pleasing to the eye and fit into the design or logo of the page. In fact, if you use favicons on your website, users can easily find your URL in their bookmarks - in this way, you create some visual connection between your website and your website visitors.
Quote:
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.
However, designing favicons can be difficult – it’s not that easy to create a beautiful 16×16px mini icon. Nonetheless, some designers have used it to great effect. It is easier to create a logo with clear geometric structures than with abstract fonts or images, and the color selection should be in line with current Web 2.0 trends. Let’s take a look at 50 beautiful favicons to inspire you. You can click on the favicons – they lead to websites that use these images as page icons.
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