Warning: Use of undefined constant HTTP_USER_AGENT - assumed 'HTTP_USER_AGENT' (this will throw an Error in a future version of PHP) in /home/xyz00/2359-08.com/public_html/wp/wp-content/themes/phunkChild/functions.php on line 127
サイトタイトルロゴ(画像)の追加とファビコンを変更したぞ。 – 猫と歩けば壁にあたる。

サイトタイトルロゴ(画像)の追加とファビコンを変更したぞ。

猫と歩けばロゴサイズ大

サイトTOPのロゴを新調しました。

というのも、以前使っていたロゴだと、スマフォ表示の時にかなり小さくなってしまうのですよね。

猫と歩けば壁にあたる。

これはこれで頑張って作ってはいるので使い回したかったではあるんですがねー。

でも、かなり小さく表示されてしまうので、ずっと保留にしていました。

とは言え、使用しているテーマデザイン上、当サイトのサイト名をそのまま入れると、悲しい事に変なところで改行が入りまくるんですよ。

なので、ずーっと猫壁。と略していたのですが、それはそれでどうなんだよとは思っていました。

 
なら、いっその事画像でロゴを作れば良いじゃ無いか!

と、いう考えに至るまでに約半年かかったわけですが、漸く重たい腰を上げました。

そんなわけで、新しいロゴを作りましたよ。

今回はロゴが出来るまでのメモでも。

 

スポンサーリンク

いざ作ろう!と思っても思いつかないから、取りあえず落書きをする。

正直に言えば、自分はとてもロゴを作るのが苦手です。

 
なんでみんなあんなカッコよかったり可愛かったりするロゴ作れるんだろうね?

って常日頃から思うくらいには、作るのが苦手です。

なので、必要に迫られない限り重たい腰は上がりません。

そんな自分が今回重たい腰を上げたのは、いい加減サイト名を略した状態のままにているのが微妙だなぁと感じたからです。

やる気が出たときに作業に取りかからないと、多分ずっと何もしません。なので早速PC前にスタンバってイラレを立ち上げ睨めっこ。

 
なーんも思いつかないや。

まぁ、そうですよね。

作るのが苦手な人間が、一発勝負でぽーんとアイデアが浮かぶなんてうまい話、有るはずがありません。

何時間PCの前に座ろうとその状況は変わらないので、取りあえず落書きから始めることにします。

ロゴイメージのラフ

で、描いたのがコレです。

 
うわー……微妙ー……

イラストを使わない表紙案のレイアウトも一緒に考えていたので、色々と余計なモノも混ざっていますが、このボキャブラリーのなさに軽くへこたれますが、悩んでいても仕方無いのでこれをベースに作っていくことします。

 

スポンサーリンク

初めはモノクロベースで形を作ってみた。

先ほどの落書きを元に作ってみた第一弾はこれです。

猫と歩けば壁にあたる。

あまり色を使うのが上手い訳では無いので、取りあえずモノクロベースで形を整えてみました。

まぁ、これはこれで分かりやすいので良いかなと思ったのですが、実際配置してみたところ…………

 
無茶苦茶主張がすげぇ。

そうです。

この巨大な物体がサイトの左上にどどーんっと鎮座しまくってて、主張がすごかったんです。結構くどい感じに。

なので、とりあえず没にしました。

 

じゃあ、猫の形を変えてみればいいのでは?

先ほどの案だと、四角い猫らしき物体の主張が激しかったので、いっそのこと猫の形を変えてみればいいんじゃねーの?ということで、猫を書き直してみたモノがコチラ。

猫と歩けば壁にあたる。

 
やっぱり主張がすげぇ。

初期案よりはまだ猫が大人しくなりはしたものの、それでも主張が強いことには変わりません。イマイチバランスがわるいのは変わらないまま。取りあえず保留にすることにします。

 

いっその事文字だけにした方がいい気がしてきた。

何となく絵を入れたいと思いながら作ってはいたものの、こんなに主張が激しすぎるのなら、いっそのこと文字だけにしてシンプルにした方が良いのでは?

そんな気がしてきたので作ったのがコチラ。

猫と歩けば壁にあたる。

大分シンプルになりました。

 
これでいいか。

ああだこうだと考えては居ても、ブログのメインはあくまで記事そのものです。

ロゴは装飾パーツですし、また作り直すこともあるかもしれないので、取りあえずコレにしようと言う事で決定。

サイズも大きくなりすぎないように調整して配置…………してみたところ、

 
シンプルすぎてちょっと寂しい感じだなぁ。

 

猫という文字を大きくしたことで、右側が結構スカスカなんですよね。

隙間が寂しい感じなのがイマイチしっくりきません。

 

スポンサーリンク

空いたところに猫を入れておくか。

これでいいかと言いつつ隙間が気になって仕方が無くなったので、作った猫を使い回すことにしました。

猫と歩けば壁にあたる。

と言うわけで決定したものがコチラ。

あまり大きなサイズで表示をしているわけでは無いので、なんかある位の認識の切なさではありますが、右側の隙間がなくなって落ち着きました。

ロゴ的にはそんなに良いデザインではない気がしますが、改行入りまくって配置バランスが悪いサイトタイトルよりは未だ良いかな。

 

スポンサーリンク

ついでにファビコンを変えてみた。

サイトタイトル用のロゴを変えたついでに、ファビコンも変更することにしました。

変更する前はこんな感じで壁から目だけがでてるみたいな感じだったんですが……

猫壁ファビコン

もう少し間抜けっぽい感じにしたいなぁということで新規に作成です。

で、ファビコンは正方形に近くなれば成る程見た目が良いので、サイトロゴ用の猫よりも、初期案の四角い猫の方がいい気がします。

形は下書きをトレスしたものをそのまま使い回し、柄を真っ黒猫からキジトラ猫に変更。

そうやって作った物がコチラ。

猫と歩けば壁にあたる。ファビコン

まぁ、更にちっちゃくなってしまうとなんだコレ?的になってしまう気もしますが、取りあえず当サイトのアイキャッチでよく居るキジトラ猫デザインに変わったので、一通り満足です。

 

全然センスが無いため他のサイトさんと比べるとかなり眼劣りする感じですが、自己満足ですし、暫くはこのデザインで落ち着くことにします。

デザインは上手く嵌まれば面白いんだろうけど、やっぱり苦手意識が強いと難しいと感じてしまいますね。

もう少し目を引くセンスや案が出せるようになりたいものだ。

スポンサーリンク