Web制作を行う全ての方へ

ブログデザインをリニューアルしました。

タイトルのままですが、ブログのデザインをリニューアルしました。リニューアルに至った経緯とコンセプトについて書いておこうと思います。

  1. 1.リニューアルへの経緯
  2. 2.コンセプト
  3. 3.最後に

リニューアルへの経緯

以前のデザインで自分の撮った写真を並べたり、雲のテクスチャをパララックスにしたりしてちょっと遊びを入れてたんですが、初めてMBPを購入しRetinaディスプレイで自分のブログを見たら物凄く挙動が重たかったんですよ。「え?なにこれ?」っていうレベルで。

で、色々原因を探っていくと、背景で利用している画像や処理が重たいのが原因になっていたので、それらを外して行きました。すると当然軽くはなるものの意図したデザインから大きく外れてしまって、「あー、これは駄目だな」って感じたんです。そこからリニューアルする事を決めました。

コンセプト

ワイヤー云々の前にいつもコンセプトを立てます。デザインのコンセプトってやつですね。前回のデザインは公園の芝生や自然の中で本を読むというコンセプトでデザインしてました。土と本の茶色、空の青、雲あたりがそうだったんですけど、緑が足りてなかったです。

なので今回緑は入れたいなと思った事、それと前回の本を読むというコンセプトは変えたくなかったので、茶色のベースカラーはそのまま採用しました。背景はカフェの壁のようなテクスチャを使いたくて、薄いグレーのものを採用しました。

また、お店の電球をイメージさせるような黄色を差し色に採用しています。タイトルの横に配置しているのは人の目線を遷移させやすいように。gotopのボタンは半透明にしてあまり主張させないように且つフッター部分に行った時に街灯のランプに丁度合うようにしました。

テーマカラーはブラウンと以前と変わってはいませんが、ボリュームを減らしてその分ホワイトやグレーと言った無彩色部分を増やし、差し色の黄色を活用してバランスを整えています。テキストのカラーも真っ黒は読みづらく、グレーを採用すると背景色と同化してしまうので、若干ブラウンを入れています。

コンセプトカラーをまとめるとこんな感じですね
コンセプトカラー

自分のブログや個人サイトは自分の好きなようにこだわることが出来るので凄く楽しいですね。

最後に

ようやく公開できたので次はしっかり記事を書かないといけませんね。頑張ります!

お役に立てたらお願いします🙇

Kyashで送金する

Ad



Share