ブログの見た目を色々カスタムしてみたけど・・・


これまで色々とブログの見た目をカスタムしてみましたが、何と言うか統一感が無い。

私はエンジニア経験はありますが、デザイナーさんでは無いので、見た目の良さとかがイマイチ分からないのです。

ちなみにエンジニアというのは、物を作ったりする人ですね。

私はその中でも、webエンジニアだったので、アプリの中身の仕組みを作ったりとかそういう事は出来るのですが、見た目についてはデザイナーさんが居たのでその方達に任せっきりでした。

ちなみにバナーを作ったりするのはイラストも出来る方ですね。

デザイナーさんの中にはイラストも描ける方もいるので、バナーも作れる方もいます。

今のデザインはどうだ・・・




私としてはまぁまぁかわいいと思っているのですが、統一制が無いですね。

こういう時は配色を統一すると、デザインに統一制が出てきます。

私は青が好きなので、青は入れたいです。

灰色は記事部分が白なので、なかなかいいと思っていますが、ちょっと見た目が暗くなっちゃいますね。

こういう時はデザインを提案してくれるサイトに頼っちゃいましょう。

Color Hunt


サイトの配色は大体メインの色が1色あって、他3色はワンポイントで使うのがいいとされています。
このサイトで私の気に入る色を探します。

この配色なんかどうでしょう、全部青だけど、爽やかな感じがして好きです。


とりあえずこの配色に合わせてサイトの色を変更してみます。

まずはヘッダーの良く分からないピンクと緑ですね。

謎感があって好きだったのですが、仕方ないです。

ちなみにこのイラストは大好きなので、変えたくないです。
なので、配色だけ変えてみる事にします。

ちょっと色を変えてみました。


どうでしょう?多少爽やかになった?かな・・・。
うん、正直しっくりこないです。

ただ、他の部分も変えてみて、全体で見てみたいので、とりあえずこのままにしておきます。
ちなみに2色のグラデーションにしていますが、1色にも出来ますし、何色でも指定出来ます。

もし私にカスタマイズを依頼する時はご希望の色を伝えて頂くと嬉しいです。
見ての通りセンスは0なので、割と自由に出来るスキルはありますが、センスが無いのでそこはどうにもならないです><。

今度はメイン部分の色を変えてみます。
配色のメインが一番上の少し濃い青なのでとりあえずそれ一色にしてみましょう。


ん~正直ないなw

難しいです。

灰色の方がまだいい気がします。

でも今回は爽やかさを出したいのでもう少し頑張ってみます。

ちょっとマシになった。


後ろのタイルがうるさいのかな。
タイル画像を変えてみる事にします。
背景については、「壁紙 フリー 背景」なんかで検索するとたくさん出てきます。

本来バックなんかあまり見られないので淡色でもいい気もしますが、とりあえず探してみます。

うん見辛い^^。

ここで1つ思ったのですが、サイドバーだけ白にしちゃえば多少見辛くてもいいのでは?

背景を考える前にこっちをやってみましょう。

これはいい感じな気がする!

背景はアレだけど、視認性もいいし、ついでに入れた刺繍模様も記事と同じなので統一感がありますね。
統一感を出すってこういう事か!

ついでに公式テンプレだと必ず入ってくる白い部分も刺繍模様にしちゃおうかな。
おー豪快にずれる^^;

一緒に指定するのは無理かな少し微調整。

刺繍模様はついたけど、上と下は伸ばせるけど、横には余白を作れないので同じ指定方法だと余白が出来ないのか。

いい感じになりました。

ちょっと指定の仕方が特殊で場合によっては中の文字と被るのですが、公式のDOMなのであまり変更は無いと思うので、問題なさそうです。

さて問題の背景ですが、どうしましょう。
分かり切っているのはいっそ白地にした方がいいこと。
ただそれだとせっかく遊べるのに勿体ない(貧乏性)

問題は背景画像だと思うんですよね。
もっと目立たなくてあるか分からないくらいの方がいいと思うのです。
お、これはなかなかいい感じだ。

色をつけないと多分もっといい感じなんでしょうね。
もう白地にするかなぁ。

結局今の感じにしました。

ヘッダーメニューが見にくくなってしまったので、そこは変える必要があるけど、全体の見た目としては元よりはマシになったのでは?

白地か灰色がベストだとは思うのですが、いいのが思いつくまでこれにします。