●TOPページの変遷
前々回の 10周年記念の際に Topページデザインの変遷を特集として掲載しましたが、その後 20年の間が空白となっていましたので、この機会に追加分を掲載したいと思います。前回と同じく、最近のものから順に時代を遡って行くことにします。
まず最初は現在使用中のデザインです。落ち着いた濃緑色ベースのテーマカラー、実は以前の東急ハンズ(現 ハンズ)のブランドカラーを意識したものです。最近の落ち着いた傾向の記事内容には即しているかと。ブラウザは引き続きずっと FireFoxメインですが、今は Chromeも多く使うようになっています。
上とデザイン的にはほぼ同じですが、こちらが濃緑カラーに切り替え直後の物で、このタイミングでスマホ対応も実施。現在と違ってブログ「東京西郊日誌」を連携していないので、右上のブログ記事一覧が無い状態。画面下部のバナーが一つ足りないのは、まだ「門前町の電停」制作を始める前だからですね。
現状の一つ前のデザインがこちら。若干ネオンカラーっぽい黄緑色ベースの配色は、今よりかなり明るく派手に見えます。ちょうど10年前の4月ですので、左下に 20周年記念のバナーが入っていますね。3列配置の表紙デザインはここまでで、以後、現在までは 2列にまとめる形にしています。
一見すると上に似ていますが、実は根本的に違います。ボタン類がこの時代は画像で作る手法を用いており、マウスホバーでイメージを入れ替えるというような細工をしていました。今はそんな面倒な事をせずとも CSSで全て処理可能。あと、2011年以降しばらく三陸鉄道応援バナーを設置しています。
上のデザインの原型で、10周年と同時に MovableTypeベースに切替直後の状態。違いは、上部バナーの写真が少し入れ替わっている位か?このデザインまではブラウザ全幅を使うレイアウトにしていたので、中央列が少し広く表示される傾向あり。なお、お気づきと思いますが、この配色はブログ「東京西郊日誌」に今も面影が残っています。
そして、こちらが前回最後に掲示したデザイン。オレンジ色ベースでだいぶ雰囲気が違いますね。ヘッダ部のロゴデザインも各時代ごとに変えています。ちなみに、ここに掲示した表紙画像は、その都度自分で小まめに保存しているわけではなく、基本的に WayBackMachine から引っ張り出して来ています(例えば本サイトの閲覧は こちら から)
▼
▼
▼
▼
▼
2026年3月
▼
▼
▼
▼
▼
2019年11月
▼
▼
▼
▼
▼
2016年4月
▼
▼
▼
▼
▼
2012年3月
▼
▼
▼
▼
▼
2006年4月
▼
▼
▼
▼
▼
2006年3月
>> 次は 特集2. です