アイコン(ファビコン)変更したな!

このブログ(天才日記)のファビコンを変更しました。特にアレなのですがフト「あのサイトに似てる…」と思ったのです。コレは何となく嫌だなと思い変更したのです。

あのサイトと似てるファビコン
あのサイトと似てるファビコン

円形のファビコンにした

四角いと似てるので丸にしました。TwitterでもYouTubeでも丸くなりますよね?あと四角いと何となく雑な気がしてたんです。

四角を丸にするとぜんぜん違う!
四角を丸にするとぜんぜん違う!色も変更しました。

カッコよく演出できるファビコン

パソコンでグーグルクロームの場合、3つの顔を持たせることができるのです!「単に丸に天」だけでなく3つの演出すればよかったかな?っと思ってます。
ファビコンの作り方(Fireworks)で説明しています

もっとカッコいいファビコンにすればよかった
もっとカッコいいファビコンにすればよかった

↑コレまでの画像はスマホですが↓はパソコンでの表示のされ方です。

パソコン(クローム)での表示のされ方
パソコン(クローム)での表示のされ方

左がページを開いてる時。真ん中がオンマウス(マウスを合わせた時)、右が何もしていないときです。上のファビコンの作り方でも紹介していますが、1つのファビコンで3つの表情を持つことができるのはスゴイです。
見にくいので拡大↓

拡大するとこのようになります。
拡大するとこのようになります。

グーグルクロームがバージョンアップし色が変わって上手く行ってませんが、左から説明すると

  1. ページを開いてる時は左からの光が消える。影あり
  2. オンマウスで光と影がある
  3. 何もしてない時は光があって影がなし
という状態になります。

まー「○に天」でも良い感じだ!何故か一回り小さくなったけど。上リンクで説明してますがPNG32形式で保存するとカッコいい背景が透明のファビコンができます!(Chromeの背景の色変わったので差がわかりにくいです。)

ファビコンに表情をもたせるには?

ファビコンをかっこよくするには

  • 白(#FFFFFF)
  • 薄い灰色(#F4F5F6)
  • 濃い灰色(#DEE1E6)
これらの色を光や影に利用すると様々な表情を持つカッコいいファビコンになりますよ!

YouTubeのアイコン注意点

YouTubeのアイコンで丸い画像をアップして丸がずれてる人を見かけます。YouTubeの場合、勝手に丸くしてくれるので背景は黒の四角のほうがキレイな丸になります。

YouTube部の場合は丸にしなくても良い。背景を四角の黒でOK
YouTube部の場合は丸にしなくても良い。背景を四角の黒でOK

ファビコンを変えたからか?アクセスが少し上がったような気がするぞ!(マジで)

0 件のコメント :

コメントを投稿