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

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

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

投稿日:

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

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

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

 

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

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

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

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

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

 

favicon gallery.com

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

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

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

 

まとめ

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

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

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

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

執筆者:


comment

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

関連記事

知っておきたい洋風の柄10選

先日は和柄の名前や意味についてを記事にしましたが、今回は洋風の柄についてご紹介したいと思います。 洋服や小物などで普段から何気なく取り入れている柄ってたくさんあると思いますが、案外その名前って知らない …

【Illustrator】文字をアウトライン化せずに、オブジェクトの中央に揃える方法

文字をアウトライン化せずに、オブジェクトの中央に揃える方法を今更ながら覚えました。 通常だと、入力した文字の下に余白ができてしまってきっちり真ん中に揃えられないんですよね。 ↓こんな感じ…。 &nbs …

Webデザイン学習法その2. スクールに通う

前回は独学について触れていきましたが、今回はスクールに通うことのメリットとデメリットについてご紹介します。 ちなみに私は、オンラインスクールで4ヶ月間Webデザインを学びました。 そこから感じたことも …

【Photoshop】人物や物など不要なものを消す方法(コンテンツに応じた塗りつぶし)

今回は、Photoshopで人物や物など不要なものを消す方法についてご紹介します。 様々な方法がありますが、ご紹介するのはその中でも「コンテンツに応じた塗りつぶし」を使った方法です!   「 …

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

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