【お知らせ】はじめましてゆるカメくん!ブログデザインをリニューアルしました!


ついこの間2017年が始まったと思ったらもうすぐ12月。寒い日が続きますが、みなさまいかがお過ごしでしょうか。

さて、いつもこのブログを見てくださっている方の中にはひょっとしたら既にお気づきの方もいらっしゃるかもしれないんですが、この度ゆるカメライフ開設以来初となる大幅デザイン変更を行いました。

今回はいつも読んでくださっている方へのご報告を兼ねて、デザインが変わるまでのあれこれを自分用のひとつの記録として残しておきたいと思います(*’▽’)

今回リニューアルしようと思った理由


そもそもなぜ今回このような大幅リニューアルをすることになったかという話なんですが、実は今までのゆるカメライフにはある致命的な欠点がありました。それがブログタイトルが非常に見辛いことです。

上のスクリーンショットはPCでトップページを開いたときのもので、ヘッダー(ブログ最上部)には大好きなベネチアで撮影した1枚を設定していました。PCで見る限りはブログタイトルもその下のキャッチフレーズもしっかり視認することができています。


…が、これをスマートフォンの小さい画面で表示すると、タイトルの白い文字は雲とかぶるし、グレーで書いたキャッチフレーズに至っては何が書いてあるのか分からないしで、もうとんでもなく見辛い。

友人からも指摘されたことが何回かありましたし、私自身気になっていなかったと言えば嘘になるんですが、なかなかサイトデザイン変更に踏み出せませんでした。

というのも、いっちょ前にWordpressを使って運営しているように見えて、HTMLとかCSSとかの知識がまっっっっったくない私。開設当初に見出しやらプロフィール欄やらを決めるのにもヒィヒィ言うレベルで、『反映されない!なんで!』『やばっ!なんか表示おかしくなった!』というのを繰り返しまくっていたんです。


ブログを立ち上げた当初はアクセスもないに等しかったので、どれだけ失敗しても問題なかったんですが、本当に嬉しいことに毎日たくさんの方にお越しいただけるようになって、どの時間帯でも常に誰かがアクセスしてくださっている状態。

もし表示が大きく乱れたらビックリするよなあなんて思うと余計にカスタマイズにビビり倒してしまってたんですね。

とはいっても、いつまでもこんな風に放置するのもいけないなということで、せっかくなら2017年が終わる前にいっちょ大きくやっちゃおう!!!と思い立ち、重い腰を上げることにしました。

タイトルロゴを作ろう


そんなこんなでカスタマイズに本格的に取り組み始めた私が真っ先にどうしようか考えたのが、ブログタイトルとキャッチフレーズが見えにくいヘッダー部分

他の写真に差し替えることも検討したんですが、どうもしっくりくるのが見つからなかったときに私の頭に浮かんだのがタイトルロゴでした。

写真ブログだからヘッダーは自分で撮った写真にすべきかなとも思いつつ、でも見やすさとデザイン性そして飽きのこなさを考えたらロゴが一番なのではないかということで、早速タイトルロゴ作りに取りかかりました(*’▽’)

マークは何にしよう?


ロゴを作ると決めたら次に考えなければならないのがロゴマーク。別になくても良いんですが、あった方がそれっぽいかなと思いまして(*’▽’)

簡単な図形を組み合わせてマークを作ることができる無料ツールもあるそうなんですが、ロゴはこのブログの顔となるものですし、このブログらしいものがいいなと思ったとき、ふと私の頭にあるイメージが浮かびました。それがです。

というのが、スマホなどで『ゆるかめらいふ』と入力して変換すると『ゆる亀ライフ』になることがたまにあるんです。実際『ゆる亀ライフ』で検索して来られる方も一定数いらっしゃいます。

もうこれはカメしかないなと思い、『そうだ、カメラを構えたカメのマークを作ろう!』と決めた瞬間、ここで新たな問題が発生しました。そう、私には画力がないのです。

お金を払ってプロの方にお願いすることも考えたんですが、ここはいっちょ頑張ってみよう!下手でもそれっぽくなればいいや!ということで、フリー素材のイラストなども参考にしながらせっせと描いた試作品がこちら。


とりあえず適当なルーズリーフにボールペンで描いてみました。写真は無くさないようにノートに切って貼っておいたものです。

やっぱり絵が下手だとか頭が大きすぎるとか下書きの線が残ってるとか字が汚いとかそういうツッコミは置いといて、まあなんとなくカメっぽく見えるような気がしたので、いよいよこれをロゴマークに仕上げていきます(*’▽’)

はじめてのAdobe Illustrator


『カスタマイズの知識がない』『画力がない』と既に2回も大きな壁にぶち当たってきたんですが、ここで新たな第三の壁が現れました。デジタルな絵を描いたことがなーい!!!

調べてみるとPhotoshopで私が思い描いているようなマークを作るのは少し厳しそうだし、どうしようまたカスタマイズが企画倒れになってしまう…と思っていたら、友人から『Adobe Illustratorが良いよ』と言われ、1週間の無料期間があるということで勧められるがまま試しに入れてみることに。よくイラレと略されるアレです。

当然初めてのソフトなので分からないことだらけではあったんですが、幸い普段からLightroomやPhotoshopといったAdobeソフトを触っていたおかげで早い段階で最低限の操作感は掴むことができ、完成したのが!こちら!!!


はじめまして、ゆるカメくんです。好きな食べ物は焼き鳥だそうです。偶然にも作った人と好きな食べ物が同じですね。

ヘッダーに使う用のロゴは白色で描いていますが、カラー版も作ってみました。はじめての割には上出来だと思います。褒められて育つタイプなので自分で自分を褒めまくりましょう(*’▽’)

無事ロゴが完成したところで、今回は見やすさやデザイン性を向上させるべく配色も一新するつもりでいたので、ここからまたカラーコーディネートの壁が立ちはだかったんですが、それをも乗り越え完成したのがこちらです(*’▽’)


雰囲気変わったと思いませんか(*’▽’)

今までのデザインに見慣れているとちょっとシンプルすぎる気もしなくもないんですが、あくまでメインは記事の中身ですし、写真ブログとあってサムネイルのインパクトが割とあるので、これくらいでちょうどいいかなと思っています(*’▽’)


ヘッダー背景画像と文字が完全に被り、目を凝らさなければタイトル文字が見えなかったスマホ表示もiPhone7だとこんな感じ。

また、前から気になっていたスライドインメニューも新たにサイト最下部に導入しました。試しに『サイドバー』を押してみると…


PCのサイドバーと同じものが右からにゅっと表示され、『メニュー』を押すとカテゴリ一覧が出てくるのでより記事を探しやすくなるかなと思って導入してみました。こんなすごい機能をワンクリックで実装できるなんてやっぱりすごいよSimplicity…!

他にも、プロフィール欄やサイドバー見出しのアイコンなど、地味にいくつか変更を加えています(*’▽’)いやーよくがんばった!!!

新しくなったゆるカメライフもよろしくお願いします


こんな感じでリニューアルしたゆるカメライフ。

手をかけてカスタマイズしたおかげで私自身今まで以上にこのブログに愛着が湧きましたし、早速新しい記事が書きたくなってきました。なんだか年末の大掃除を終えたような清々しさがあります。ということで今年はもう大掃除しなくていいんじゃないかな。え、だめ?

ついでにこの場でお知らせすると、実は9月頭にひっそりとSSL対応も行いました。これからも少しでも読みやすく、少しでも親しみやすいブログになるよう頑張っていきたいと思っています。HTMLやらCSSももっと勉強してみたくなりましたし、イラレももっと使いこなせるようになってみたいですね(*’▽’)

というわけで!これからも変わらず私とゆるカメライフ、そしてゆるカメくんをよろしくお願いいたします!!!

最後まで読んでいただきありがとうございました!

スポンサーリンク

気に入ったらこの記事をシェアしよう!

D750・D5500と一緒に写真を楽しむ大学生。
旅とディズニーが好きです。
詳しいプロフィールはこちら