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

ブログのデザインにヒーローヘッダーを採用してみました(Version5.0)

ブログのデザイン変更が今日ようやく終わりました。キーワードは"ヒーローヘッダーの採用"。これで2017年仕様のデザインになりました。どう変わったかを見る前に、3月9日に書いた事を振り返ってみたいと思います。

ということでデザイン変更の方針としては、

  • トップはミニマルデザイン×ヒーローヘッダー。
  • アイコン+テキストでグローバルナビゲーションを作る。
  • 画面遷移にアニメーションを付加。
  • できる限りマテリアルデザインを取り込む。

あたりを中心に、世界観の表現重視でやってみようと思います。乞うご期待!

 

ということで、実際にどうブログが変わったか見てみましょう。

 

Before

 

After

 

ヒーローヘッダーとミニマルデザインは、独自の世界観の雰囲気を伝えるのにかなり有効だという印象です。

ヒーロヘッダーには今のところ、棚倉町のいい景色の写真6枚を使っていますが、重い写真をダウンロードして遅延するのが嫌なので、仕方なく写真を25%ほど圧縮する事にしました・・・。綺麗だけど軽い写真ファイルの実現は、今後の課題ですね。。

にしても、デザインを変えるたびにクロスブラウザ、クロスデバイスのチェックはそれなりの負担がかかります。なんでこう、ブラウザやデバイスによって微妙に見え方が変わるんでしょうか。統一規格を作ってほしい。。

ともかく2017年用のデザインができあがったわけなので、コンテンツ作りの方に専念します。

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