Rumah > hujung hadapan web > tutorial css > Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat

Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat

WBOY
Lepaskan: 2016-05-16 12:09:04
asal
1571 orang telah melayarinya

原文: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(花瓣)

Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.aurea.es/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.fxis.net/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.divshare.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.tanyamerone.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.akken.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.kepu.net.cn/english/

Rounded Elements(圆形元素)

Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.fat-man-collective.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.lisensa.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.lorop-it.de/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.akamai.com
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.cogmap.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.colorwarepc.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.evozon.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.diabetesgate.de/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.adelaidemetro.com.au/

Letters and Typography(字母和印刷样式)

Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.cubexagency.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.lisensa.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.somox.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.piqniq.jp/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.eight6.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://reachgroupconsulting.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.flexy.info/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.kiva.org/

Ornaments(修饰)

Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.imthere.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.elevenmedia.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.roisure.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.pixellogo.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.thinkpinkstudio.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.mattwebb.com.au/

Squares(正方形)

Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.sumagency.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.indesign.einsteiger-portal.de/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.kirkpatrickbank.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://deforum.ru/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http ://www.imasters.com.br/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.ouvaton.coop/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://detlog .org/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.ministrycamp.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.getpaint.net/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://microformats.org/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.kath-thun.ch/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.campus-and-more.de/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://pro-buero.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.quada-office.de
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.modulio.net/

Favicon Selanjutnya(更多的Favicons)

Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.joomlart.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://letterpop.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.illustrationclass.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.trendwatching.com/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www .edag.hu/
Memberi inspirasi kepada anda: 50 Favicons_Experience Exchange yang hebat http://www.elektro.de/

Alat Favicon(Favicon工具)

Penjana Favicon
Penjana Favicon 2
Lebih Banyak Penjana Favicon
Favicon Kegemaran
Misteri Favicon.ico — Cara Membuat Favicon Dalam Photoshop

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan