Version5系に入ってからデザインの微変更が続いています。今日も少し更新しました。
- シンプルかつ見やすくなるよう、h3見出しをリボンからチェックボックスに変更し、h4見出しを冒頭青バブルから青太文字単体に変更。
- タイトルが分かりやすくなるよう、そして、本文の切れ目が分かりやすくなるよう、シングルポストの本文上下のマージンを広く設定。
- ヒーローヘッダーでもみやすくなるようページナビを青色系に変更し、「・・・」にはテキストシャドーを追加。
- ブログタイトルのテキストシャドーを改良。(text-shadow: 1px 1px 3px #000000, -1px 1px 3px #000000, -1px -1px 3px #000000, 1px -1px 3px #000000, 1px 0px 3px #000000, 0px 1px 3px #000000, -1px 0px 3px #000000, 0px -1px 3px #000000;)
- ヒーローヘッダーのJavascript仕様を、都度変更後の画像URLに書き換える仕様から、すべての画像を最初にロードする仕様に変更。さらに、ロード時のフェードイン効果も追加。
今回は変更箇所は多いのですが、見た目上でbefore / afterが明確に分かるような変更ではないので、変更点1のキャプチャだけを記憶がてら掲載します。
「1. What is Minamizawa Hydrangea Mountain?」が大見出し(h3)、「Summary of the Project」が小見出し(h4)というデザインに変えました。見ての通り、青系です。たぶん、これくらいが全体の統一感を持ちつつ、シンプルだけど見出しが目を引きやすいデザインかと思います。
・・・また変えたくなったらすぐ変えるかもしれません。Try and Errorが信条です。