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

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

関連記事

Webデザイナーとして採用されるために、私が作ったポートフォリオの内容をご紹介。

  Webデザイナーの面接には必ずポートフォリオが必要です。     ですが、   ポートフォリオに何を載せたらいいのか分からない… どんな形式で作成すればいいの…?   と悩 …

サイト内の画像を一気に取得できる「Image Cyborg」

今回は、サイト内の画像を一気に取得できる「Image Cyborg」をご紹介します。 画像の多いサイトのリニューアルの時などに便利なオンラインサービスです。   「Image Cyborg」 …

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

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

レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」

今回は、レトロ・ヴィンテージ風なベクター素材がたくさん揃ったサイト、「Retro Vectors」をご紹介します! 配布している素材もそうですが、サイト自体がとてもお洒落なのでぜひ見ていただきたいです …

PC内のフォントを一覧表示できる「wordmark.it」が便利!

色々なフォントをインストールしてあるのはいいけれど、選ぶ時がけっこう大変…という方も多いのでは? そこで今回は、フォント選びを楽にしてくれるwebサービス「wordmark.it」をご紹介 …