Commercial Type

Commercial Typeというサイトが、よく出来ていた。flashを使わずに、javascript（modalbox、prototype、effects、dragdrop 等）の組み合わせで、動きを表現しているみたい。ModalBoxは、例えるなら「MacOS X風のダイアログを表示するライブラリ」だそう。なるほど。dragdropは、Type Testのところで使われてるのかな。上部に表示されるローディングや、ボタン部分のハイライト表示が気が利いていて良い感じ。書体としては、guardianというイギリスの新聞書体も販売していた。

--
・ModalBoxのサンプル
・effectsのサンプル
・dragdropのサンプル
--

トップページは、ランダムに書体が紹介されて始まる。

詳細ページ内でプルダウンを選択した後、
エレベーターのような動きが心地よかった。
最小から最大まで一気にフレーム内の文字が移動する。
十字キーで、掴んで好きな部分を見ることも出来る。

これは、最大サイズになった時。

書体検索部分も、ボックスを複製したり、
削除したりが簡単にできるようになっている。
そして並べ替えも可能。

妹に旅行時に買って来てもらったイギリスの新聞、ガーディアン。
丁度デザインリニューアルの時のもの。