あなたにインスピレーションを与える: 50 の素晴らしい Favicon_Experience Exchange
原文: 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/
http://www.fxis.net/
http://www.divshare.com/
http://www.tanyamerone.com/
http:/ /www.akken.com/
http://www.kepu.net.cn/english/
丸みを帯びた要素
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/
文字とタイポグラフィー(字母和印刷样式)
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/
装飾品(修饰)
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/
正方形(正方形)
http://www.sumagency.com/
http://www.indesign.einsreiger-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/
さらなるファビコン(さらに多くのファビコン)
http://www.joomlart.com/
http://letterpop.com/
http://www.illustrationclass.com/
http://www.trendwatching.com/
http://www .edag.hu/
http://www.elektro.de/
ファビコンツール(ファビコンツール)
ファビコン ジェネレーター
ファビコン ジェネレーター 2
さらに多くのファビコン ジェネレーター
お気に入りのファビコン
Favicon.ico の謎 — Photoshop で Favicon を作成する方法

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











このチュートリアルでは、Smart Formsフレームワークを使用して、プロフェッショナルなJavaScriptフォームの作成を示しています(注:使用できなくなりました)。 フレームワーク自体は利用できませんが、原則とテクニックは他のフォームビルダーに関連しています。

CSS Box-Shadowおよびアウトラインプロパティは、WordPress 6.1でTheme.jsonサポートを獲得しました。実際のテーマでどのように機能するか、そしてこれらのスタイルをWordPressブロックと要素に適用するために必要なオプションのいくつかの例を見てみましょう。

これは、フォームアクセシビリティについて行った小さなシリーズの3番目の投稿です。 2番目の投稿を逃した場合は、「ユーザーフォーカスの管理:Focus-Visible」をご覧ください。で

インラインテキストエディターの構築は些細なものではありません。 このプロセスは、ターゲット要素を編集可能にすることから始まり、その過程で潜在的なSyntaxerrorの例外を処理します。 エディターの作成 このエディターを構築するには、コンテンツを動的に変更する必要があります

Svelte Transition APIは、コンポーネントがカスタムSVELTE遷移を含むドキュメントを入力または離れるときにアニメーション化する方法を提供します。

最近GraphQLの作業を開始した場合、またはその長所と短所をレビューした場合、「GraphQLがキャッシュをサポートしていない」または

この記事では、Envato Marketで入手可能なPHPフォームのビルダースクリプトを説明し、機能、柔軟性、デザインを比較します。 特定のオプションに飛び込む前に、PHPフォームのビルダーが何であるか、そしてそれを使用する理由を理解しましょう。 PHPフォーム

このチュートリアルは、node.js、Express、およびMulterを使用してファイルアップロードシステムを構築することをガイドします。 単一および複数のファイルのアップロードをカバーし、後で検索するためにMongoDBデータベースに画像を保存することさえ示します。 まず、プロジェックをセットアップします
