ブログを今流行のフラットデザイン風に変更してみました

ブログのデザインをフラットデザインっぽく変えてみました。

あと、不要なCSS、トップに戻るボタン等の各種JavaScriptを削除したので、ページの読み込みは早くなったんじゃないかなーっと思います。

それから、Blogger特有のナビバーを復活させました。合った方が便利…ですよね?多分。

素人故に見よう見まねでCSS弄るのは中々大変ですが、好きなようにデザインしたものを形にできるのは楽しいですね。


配色の参考にさせて頂いたサイト様

Paletton
ピッカーにカラーコードを入力すると、入力した色にマッチした中差色相や対照色相を教えてくれます。
デザインや配色の知識が無い人間としては、とても助かりました。




海羊帳、ブログデザインの歴史…的な?



開始当初はこんな感じ。
デフォルトのテンプレートをちょっと弄った程度です。
オレンジは私の好きな色です。なので多用しまくり。

なんだかちょっと見づらいですね。



イメージとしては、メモ帳的な。
一応、ブログのタイトルに『帳』と付いているワケですし。

全体的に茶色っぽく。
秋を意識したワケではないですが、なんとなく暖かい感じを出してみました。

オリジナルテンプレート作ってる人は凄いですね。
デザインセンスのかけらも無い私にはとてもじゃないけど真似できません。
ヘッダーや背景色の組み合わせ考えるのでやっとです。





いつからかは覚えていませんが、2014年1月ぐらいまではこんなデザインでした。
ブログタイトルが海羊帳なので、帳=ノートっぽいデザインを目指しましたとさ。
オレンジ色どっか行きましたね、そういえば。



2014年の1月から11月まで。
記事ごとの枠が無くなったり、背景色が薄くなったりしてますね。
フラットデザインっぽくしたかったけど挫折した覚えがあります。
今回はそれを達成できて良かった。



そして11月から現行デザインです。
念願のフラットデザイン(風)
上にも書いた通りオレンジが好きなので、それを主体に。
後は対照色相として青色を加えています。

ちょっとごちゃごちゃしているようにも思えますが…


デザインとか色々手を加えていますが、スマホから見ると凄くシンプルなんですよね。
何よりオレンジ色が消失しています(青色はある)
まあ、それは仕方がないんでしょうが。

いつか、レスポンシブデザインにも手を出してみたいですね。