ピックアップ

UIは地下鉄路線図。編み物にまつわる4つのヒストリー「HISTORY MESH」

編み物(Mesh)にまつわる4つのストーリーを地下鉄路線図モチーフにまとめた「HISTORY MESH」を紹介します。

History Mesh 地下鉄路線図 ユーザインタフェース 1
HISTORY MESH

色分け

赤: Automatons
青: Computing
黄: Power
緑: Textiles

たとえば、青のラインを見ていると、1740年「Punch Cards」とあります。

History Mesh 地下鉄路線図 ユーザインタフェース 2

クリックすると、説明が表示されます。

History Mesh 地下鉄路線図 ユーザインタフェース 3

ベース色が白・グレーで、そこに地下鉄路線の色が映えます。

4路線なので、サイト操作もさほど複雑ではありません。

プロフィール

櫻田潤

櫻田 潤

プログラマー、システムエンジニア、ウェブデザイナーを経て、2010年よりビジュアルシンキング運営開始。2014年12月よりNewsPicks編集部でインフォグラフィックス・エディターとして記事執筆。研修・インベント講師や書籍執筆も行なっている。著書に『たのしいインフォグラフィック入門』ほか。

24 Jul, 2013