首頁 > web前端 > css教學 > 激發你的靈感:50個優秀的Favicons_經驗交流

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

WBOY
發布: 2016-05-16 12:09:04
原創
1567 人瀏覽過

原文: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 gnized comsign or logf . , 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' visuals.##> 很遺憾,事實上許多設計師都不能很好的運用他們(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 saked injic to current 5.0 trends. Let's saked inr. ons - they lead to a page, which uses the image as a page icon.
# 然而,Favicons的設計可能是有難度的——不是那麼容易就能創造一個漂亮的16×16px的迷你圖示。儘管如此,部分設計師的運用已經取得了巨大的成效。以清晰的幾何結構組成的標識比用抽象的字體或圖像來得容易,顏色的選取應符合當前Web 2.0的趨勢。讓我們來看看能激發你靈感的50個漂亮favicons. 你可以點擊favicons——它們指向使用這些圖像做為頁面圖標的網站。

Petal(花瓣)

#

激發你的靈感:50個優秀的Favicons_經驗交流 http://www.aurea.es/
激發你的靈感:50個優秀的Favicons_經驗交流 http://www.fxis.net/
激發你的靈感:50個優秀的Favicons_經驗交流 http://www.divshare.com/
激發你的靈感:50個優秀的Favicons_經驗交流 http://www.tanyamerone.com/
激發你的靈感:50個優秀的Favicons_經驗交流http: // /www.akken.com/
激發你的靈感:50個優秀的Favicons_經驗交流 #http://www.kepu.net.cn/english/

Rounded Elements(圓形元素)

#

激發你的靈感:50個優秀的Favicons_經驗交流 http://www.fat-man-collective.com/
激發你的靈感:50個優秀的Favicons_經驗交流## http://www.lisensa.com/# #
激發你的靈感:50個優秀的Favicons_經驗交流http://www.lorop-it.de/
 激發你的靈感:50個優秀的Favicons_經驗交流http://www.akamai.com
# # ##http://www.cogmap.com/激發你的靈感:50個優秀的Favicons_經驗交流 
http://www.colorwarepc.com/激發你的靈感:50個優秀的Favicons_經驗交流## 
http :// www.evozon.com/激發你的靈感:50個優秀的Favicons_經驗交流## http://www.diabetesgate.de/
激發你的靈感:50個優秀的Favicons_經驗交流http://www.adelaidemetro .com. au/
激發你的靈感:50個優秀的Favicons_經驗交流 字母和版式(字母和印刷樣式)

#

激發你的靈感:50個優秀的Favicons_經驗交流 http://www.cubexagency.com/
激發你的靈感:50個優秀的Favicons_經驗交流## http://www.lisensa.com/
## # 激發你的靈感:50個優秀的Favicons_經驗交流http://www.somox.com/
激發你的靈感:50個優秀的Favicons_經驗交流http://www.piqniq.jp/
激發你的靈感:50個優秀的Favicons_經驗交流 http:// /www.eight6.com/## 
http://reachgroupconsulting.com/激發你的靈感:50個優秀的Favicons_經驗交流
http://www.flexy .info/# 激發你的靈感:50個優秀的Favicons_經驗交流## #http://www.kiva.org/
激發你的靈感:50個優秀的Favicons_經驗交流# 飾品(修飾)

#  

#http://www.imthere.com/

激發你的靈感:50個優秀的Favicons_經驗交流## #http://www.elevenmedia.com/
激發你的靈感:50個優秀的Favicons_經驗交流
激發你的靈感:50個優秀的Favicons_經驗交流
激發你的靈感:50個優秀的Favicons_經驗交流
激發你的靈感:50個優秀的Favicons_經驗交流
激發你的靈感:50個優秀的Favicons_經驗交流

####################################################################################################。 #### ###http://www.roisure.com/########## ####http://www.pixellogo.com/########## ###http:// /www.thinkpinkstudio.com/########## ###http://www.mattwebb.com.au/###### ######方塊(太空人)######

激發你的靈感:50個優秀的Favicons_經驗交流 http://www.sumagency.com/
激發你的靈感:50個優秀的Favicons_經驗交流#http://www.indesign.einsteiger-portal.de/ ##
激發你的靈感:50個優秀的Favicons_經驗交流http://www.kirkpatrickbank.com/## 
http://deforum.ru/激發你的靈感:50個優秀的Favicons_經驗交流# ## #http ://www.imasters.com.br/
激發你的靈感:50個優秀的Favicons_經驗交流 http://www.ouvaton.coop/
激發你的靈感:50個優秀的Favicons_經驗交流http: //detlog .org/
激發你的靈感:50個優秀的Favicons_經驗交流http://www.ministrycamp.com/
激發你的靈感:50個優秀的Favicons_經驗交流#http://www.getpaint. net/
激發你的靈感:50個優秀的Favicons_經驗交流 #http://microformats.org/
激發你的靈感:50個優秀的Favicons_經驗交流## #http://www.kath-thun.ch/#
激發你的靈感:50個優秀的Favicons_經驗交流 http://www.campus-and-more.de/
激發你的靈感:50個優秀的Favicons_經驗交流## http://pro-buero.com/#
激發你的靈感:50個優秀的Favicons_經驗交流 ## #http://www.quada-office.de
激發你的靈感:50個優秀的Favicons_經驗交流http://www.modulio.net/## #
激發你的靈感:50個優秀的Favicons_經驗交流更多網站圖示(更多的網站圖示)

激發你的靈感:50個優秀的Favicons_經驗交流 http://www.joomlart.com/
激發你的靈感:50個優秀的Favicons_經驗交流http://letterpop.com/
激發你的靈感:50個優秀的Favicons_經驗交流
激發你的靈感:50個優秀的Favicons_經驗交流
激發你的靈感:50個優秀的Favicons_經驗交流
激發你的靈感:50個優秀的Favicons_經驗交流




## ## #http://www.illustrationclass.com/
http://www.trendwatching.com/

######## ###http ://www .edag.hu/######### ###http://www.elektro.de/############ ######網站圖示工具(Favicon工具)###### ######網站圖示產生器########網站圖示產生器2##########更多網站圖示產生器##########最愛的網站圖示###### ###Favicon.ico 之謎 — 如何在 Photoshop 中建立 Favicon######

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板