ホームページ >ウェブフロントエンド >CSSチュートリアル >あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange

あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange

WBOY
WBOYオリジナル
2016-05-16 12:09:041567ブラウズ

原文: http://www.smashingmagazine.com/page/2/
翻訳: Blank(濿飞)

自分にインスピレーションを与える: 50 の注目すべきファビコン
自分にインスピレーションを与える: 50 の注目に値するファビコン

引用:
実際、多くのデザイナーがファビコンを実際に活用していないのは残念です。ファビコン (特定の Web サイトのミニ グラフィックス) は、ブラウザーのURL バー、ブックマークのリストのサイト名の横、タブ付きドキュメント インターフェイスのページ タイトルの横。ファビコンがすぐに認識されるようにするには、視覚的に魅力的で、特定のページのデザインやロゴに適合している必要があります。実際、ファビコンは視覚的に魅力的である必要があります。サイトにファビコンを使用すると、ユーザーはブックマークで URL を簡単に見つけることができます。これにより、Web サイトとサイトの訪問者の間にある種の視覚的なつながりが生まれます。

残念ながら、実際には多くのデザイナーがファビコンをうまく使用できません。ファビコン (ポケット グラフィックス) は、より詳細な Web サイトに適しており、ブラウザのアドレス バー、ブックマーク リストの Web サイト名の横、ファイル ダイアログ インターフェイスの Web ページ タイトルの横に表示できます。正確に言うと、ファビコンは目に心地よく、ページのデザインやロゴに適合するものでなければなりません。実際、Web サイトでファビコンを使用すると、ユーザーはブックマークで URL を簡単に見つけることができます。これにより、Web サイトと Web サイト訪問者の間に視覚的なつながりが生まれます。

引用:
ただし、ファビコンのデザインは難しい場合があり、美しい 16×16 ピクセルのミニアイコンを作成するのはそれほど簡単ではありません。素晴らしい効果が得られます。明確な幾何学的構造を持つロゴタイプは、書体や抽象的なイメージよりも扱いやすいです。色の選択は、現在の Web 2.0 トレンドに対応しています。インスピレーションを得ることができる 50 個の美しいファビコンを見てみましょう。ファビコンをクリックできます -それらは、画像をページアイコンとして使用するページにつながります。

ただし、ファビコンのデザインは難しい場合があります。美しい 16×16 ピクセルのミニアイコンを作成するのはそれほど簡単ではありません。それにもかかわらず、一部のデザイナーはそれを効果的に使用しています。抽象的なフォントや画像を使用するよりも、明確な幾何学的構造を持つロゴを作成する方が簡単です。また、色の選択は現在の Web 2.0 のトレンドに沿ったものにする必要があります。インスピレーションを与える 50 個の美しいファビコンを見てみましょう。ファビコンをクリックすると、これらの画像をページ アイコンとして使用する Web サイトにアクセスできます。

######花弁######

http://www.aurea.es/

あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.fxis.net/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.divshare.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.tanyamerone.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http:/ /www.akken.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.kepu.net.cn/english/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange丸みを帯びた要素

あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.fat-man-collective.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.lisensa.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.lorop-it.de/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.akamai.com
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.cogmap.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.colorwarepc.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http:// www.evozon.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.diabetesgate.de/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.adelaidemetro.com。 au/

文字とタイポグラフィー(字母和印刷样式)

あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.cubexagency.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.lisensa.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.somox.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.piqniq.jp/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http:/ /www.eight6.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://reachgroupconsulting.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.flexy.info/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.kiva.org/

装飾品(修饰)

あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.imthere.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.elevenmedia.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.roisure.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.pixellogo.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http:/ /www.thinkpinkstudio.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.mattwebb.com.au/

正方形(正方形)

あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.sumagency.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.indesign.einsreiger-portal.de/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.kirkpatrickbank.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://deforum.ru/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http ://www.imasters.com.br/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.ouvaton.coop/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://detlog .org/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.ministrycamp.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.getpaint.net/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://microformats.org/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.kath-thun.ch/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.campus-and-more.de/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://pro-buero.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.quada-office.de
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.modulio.net/

さらなるファビコン(さらに多くのファビコン)

あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.joomlart.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://letterpop.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.illustrationclass.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.trendwatching.com/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www .edag.hu/
あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange http://www.elektro.de/

ファビコンツール(ファビコンツール)

ファビコン ジェネレーター
ファビコン ジェネレーター 2
さらに多くのファビコン ジェネレーター
お気に入りのファビコン
Favicon.ico の謎 — Photoshop で Favicon を作成する方法

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。