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

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

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

投稿日:

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

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

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

 

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

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

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

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

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

 

favicon gallery.com

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

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

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

 

まとめ

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

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

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

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

執筆者:


comment

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

関連記事

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

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

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

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

チラシやパンフレット製作時に参考になるサイト

Webサイトの参考サイトに比べて、チラシなどの印刷物のギャラリーサイトって意外と少ないですよね。 とは言っても何の参考もなしにデザインをするのは大変です…。 私は普段Google画像検索や …

コーディング初心者におすすめの記事まとめ

こんにちは、ぶちこです。 最近の私はと言うと、仕事で先輩に教わりながらコーディングを行なっています。 ですが、ちょっとしたコードすら自分1人では正確に書けず悪戦苦闘中。。スラスラとコードが書ける先輩方 …

Webデザイン学習法その1. 独学で勉強する

Webデザインを学習するのに、まずは独学でやってみようと思う人はたくさんいると思います。 そこで今回は、Webデザインを独学で学ぶことのメリットとデメリットについて私なりにまとめてみました。 &nbs …