Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
ファビコン制作で参考になるサイト | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

ファビコン制作で参考になるサイト

投稿日:

タブやお気に入りなどで、横に小さくに表示されるファビコンですが、サイズが小さい故に意外とデザインも難しいですよね。。

それでも、ウェブサイトのシンボル、そしてユーザーにウェブサイトを印象付けるための重要な役割も担っているので、存在感のあるものをしっかり作り込みたいところです。

そこで今回は、ファビコン制作について参考になるサイトを2つご紹介します。

 

ファビコン制作で参考になるサイト

favicoを作る時に参考にしたいデザインアイディア

有名企業のロゴとサイトのファビコンを対比させて紹介している記事です。

ロゴの一部分だけを切り取ったり、組み合わせてみたり、、様々なアイディアがあるので参考になりますよ。

Nintendoのファビコンがマリオというのは、分かりやすいですし面白いアイディアだなと思いました!

 

favicon gallery.com

こちらは様々なサイトのファビコンを集めたサイトです。

ずらっとファビコンが表示されるので、ファビコンのデザインに迷ったときに参考になりますね。

個人的にこういったギャラリーサイトがもっとあったらいいなぁ…と思っています。

 

まとめ

いかがでしたでしょうか?

いろいろなファビコンを見てみると、どれも複雑なデザインではなく、シンプルに見やすく作られていることが分かりますね。
ひと目見て何のサイトなのかわかるというのも大事なポイントだと思います。

ファビコンのデザインに困った時は、ぜひご紹介した2つのサイトを参考にしてみてくださいね。

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

スタイリッシュなSVGイラストが揃った素材サイト

こんにちは、ぶちこです。 今回はスタイリッシュなサイトにぴったりな、SVG形式のイラストが揃った素材サイトを2つご紹介します。 どちらも商用利用OKのサイトなので、安心して利用できますよ〜! &nbs …

【Illustrator】印刷データ入稿時に気をつけること

製作会社に入社して早半年…今回初めて紙のデザインを担当させていただくことになりました。 Webでのデザインと違い、後からの修正がきかないものなので緊張感がすごい(ドキドキ)です&#8230 …

Google Chromeでスマホ表示の確認をする方法

スマホでの表示を確認したい時、わざわざスマホを出して検索して…とやっていると結構面倒ですよね。 そんな時は、Google Chromeを使うとパソコンで簡単にスマホの表示を確認することができるんです。 …

【Illustrator】アートボードを移動させる方法

私は1つのサイトで複数案デザインを考えるときなどに、アードボードを複数使うのですが、その際見比べやすいようにアートボード同士の間隔を広げたいなあなんて思うことがあります。 そんな時は、アートボードツー …

【Photoshop】画像の白い部分だけを透過させたいときの方法

今回は、Photoshopで画像の白い部分だけを透過させたいときの方法についてご紹介します。 ダウンロードした素材を切り抜いて使いたいときなど、この方法を使えば簡単に行うことができるのでおすすめです。 …