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

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

関連記事

覚えておきたいPhotoshopの便利なショートカット

制作会社に入社して2ヶ月半。まだまだ私にとって、デザインの引き出しを増やすこと、作業スピードを上げることが大きな課題です。 「作業スピードを上げるためにすぐに出来ることは何だろう?」と考えたとき、まず …

建物のイラストに特化した「Town illust」

今回は、建築物やオブジェなどのイラストに特化した素材サイト「Town illust」をご紹介します。 建物のイラストならここに勝るサイトはないのでは、と言うくらい充実していますよ!   「T …

【Illustrator】配置した画像にフチをつける方法

今日はIllustratorで配置した画像にフチをつける方法についてご紹介します。 もちろん、クリッピングマスクのかかった画像でもフチをつけることができますよ。 なんとなくフチって「線を追加」でつけら …

Mac起動時にアプリケーションを自動的に開くようにする方法

頻繁に開くアプリが決まっている場合、Macの起動と同時に開くように設定にしておくと便利です。 些細なことかもしれませんが、特にいつも決まったアプリを複数開いている方にとっては、手間が省けるようになるの …

【Illustrator】ドキュメントをPDF化する時は「複製を保存」で行うのが安心

IllustratorドキュメントをPDF化する時、私は以下のようなミスをよくやってしまいます。 Illustratorで作ったものを、一旦クライアントに送ったりするために別名保存でPDF化 ↓ PD …