佐藤宏尚建築デザイン事務所

WEBデザインのリニューアル


2017.04.07

2017webリニューアル

Webデザインをリニューアルしました。
前回予想した通り、2005年、2009年、2013年、オリンピックと同じく4年ぶりの大幅リニューアルです。
だいたい4年ぐらいすると、使いたい新しい技術が出てくるように思います。
前回は先駆けて、レスポンシブ・フルスライドショーを採用しましたが、時間が経つとありふれ、インターフェイスのデザインも野暮ったくなってきました。
今回は、googleが配布するライブラリを利用して、マテリアルデザイン化しました。

マテリアルデザインとは
日本語に直すと物質的なデザイン。簡単に言えば、画面の中も、現実の物理法則に基づきデザインして、触感的、直感的に操作できるようにすることです。
2014年にgoogleが提唱し、今年、来年あたり一気に普及するのではないかと思います。
重なるオブジェクトには影を落とし、影の深さで高さを表現したり、ボタンをクリックした時のアクションなど、細々とマニュアルがあります。
マニュアルは、かなり多岐に渡り、読むのも困難なので、今回は簡単にGoogleのありがたいライブラリを少しカスタマイズして、左上のメニューボタンと、右下のスクロールボタンのみの、これまでよりシンプルで使い易いインターフェイスに改造しました。
メニューと背景は固定で、その上をコンテンツがスライドする2レイヤーのシンプルな構成です。 既存のMT3.3のデータと、ライブラリをどう組み合わせるかがなかなか難しかったです。それと、毎回ブラウザ側のバグに悩まされますが、今回はiPhoneのz-indexのバグで悩みました。
そろそろスライドショーはお終いにしたいと思いつつ、次のリニューアルは4年後の2021年ごろでしょうか?

|WEB 関連するニュース

17.04.07
WEBデザインのリニューアル
15.10.20
WEBのインターフェイスデザインなどを変更
15.01.08
Webデザインをマイナーチェンジ
13.08.13
WEBデザインを一新
10.06.07
webサイトがIPadに対応しました
09.08.12
WEBデザインをリニューアルしました
09.07.27
SERVICEを更新しました
07.06.08
WEBの作品紹介をリニューアル
07.04.03
webをマイナーチェンジしました
06.06.06
WEBをマイナーチェンジしました
05.06.20
webをマイナーチェンジ
05.06.17
ビジネスブログに掲載されました
05.05.06
WEBがCAD&CGマガジン(2005/07)で取り上げられます
05.04.20
WEBのブログ化2
05.02.06
WEBのブログ化
04.12.15
WEBリニューアル!!!
02.10.20
建築知識(2002/10号)に掲載されました