一人十郷 - takuminasuno.com一人十郷
takuminasuno.com
ウェブデザイン
2017/05/22

少しだけブログのデザインを変更しました(Version5.3)

Version5系に入ってからデザインの微変更が続いています。今日も少し更新しました。

  1. シンプルかつ見やすくなるよう、h3見出しをリボンからチェックボックスに変更し、h4見出しを冒頭青バブルから青太文字単体に変更。
  2. タイトルが分かりやすくなるよう、そして、本文の切れ目が分かりやすくなるよう、シングルポストの本文上下のマージンを広く設定。
  3. ヒーローヘッダーでもみやすくなるようページナビを青色系に変更し、「・・・」にはテキストシャドーを追加。
  4. ブログタイトルのテキストシャドーを改良。(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;)
  5. ヒーローヘッダーのJavascript仕様を、都度変更後の画像URLに書き換える仕様から、すべての画像を最初にロードする仕様に変更。さらに、ロード時のフェードイン効果も追加。

 

今回は変更箇所は多いのですが、見た目上でbefore / afterが明確に分かるような変更ではないので、変更点1のキャプチャだけを記憶がてら掲載します。

 

 

「1. What is Minamizawa Hydrangea Mountain?」が大見出し(h3)、「Summary of the Project」が小見出し(h4)というデザインに変えました。見ての通り、青系です。たぶん、これくらいが全体の統一感を持ちつつ、シンプルだけど見出しが目を引きやすいデザインかと思います。

・・・また変えたくなったらすぐ変えるかもしれません。Try and Errorが信条です。

同じカテゴリーの投稿もどうぞ!
読みやすいブログを目指してデザインを刷新しました(Version6.0)
ウェブデザイン
2021/09/27
読みやすいブログを目指してデザインを刷新しました(Version6.0)
少しだけブログのデザインを変更しました(Version5.4)
ウェブデザイン
2018/08/10
少しだけブログのデザインを変更しました(Version5.4)
3年半のブログデザインの歴史を振り返ってみた(Version 0.x - 5.x)
ウェブデザイン
2017/05/21
3年半のブログデザインの歴史を振り返ってみた(Version 0.x - 5.x)
少しだけブログのデザインを更新しました(Version5.2)
ウェブデザイン
2017/04/27
少しだけブログのデザインを更新しました(Version5.2)
少しだけブログのデザインを更新しました(Version5.1)
ウェブデザイン
2017/04/22
少しだけブログのデザインを更新しました(Version5.1)
ブログ著者について
那須野 拓実(なすの たくみ)。たなぐら応援大使(福島県棚倉町)。トリプレッソを勝手に応援する人。ネイチャーフォト中心の多言語ブログを書いてます。本業はIT&マーケティング界隈でナレッジマネジメントとかデータ分析とかの何でも屋。半年間の育休明けで、家事育児と外働きのバランスを模索中。