设计之家 > 靈感 > 網頁UI > 網頁理論 >

激發你的靈感:50個優秀的Favicons

作者:blank 來源:藍色理想 時間:2007-09-23

很遺憾,事實上許多設計師都不能很好的運用他們(Favicons)。Favicons,袖珍圖形,適用于比較細致的網站,可以在瀏覽器的地址欄里顯示,緊鄰著書簽列表里網站的名字,還緊鄰著文件對話框界面的網頁標題。要是立即被辨識出來的話,favicons應該悅目,并且要適合頁面的設計或標識。事實上,如果你在網站上使用favicons,用戶可以輕易在他們的書簽里找到你的URL――通過這種方式,你在你的網站和網站的訪問者之間創造了一些視覺連接。

然而,Favicons的設計可能是有難度的――不是那么容易就能創造一個漂亮的16×16px的迷你圖標。盡管如此,部分設計師的運用已經取得了巨大的成效。連合活字(含有數個常用固定字母的活字,如an) 配合清晰的幾何結構比單純的字體和抽象的圖像更能起作用,顏色的選取應當符合當前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

标签:

相關文章:

推薦設計

最新文章