NIPPON COLORS
日本の伝統色
/
インフォグラフィックとCSS3の習作として「日本の伝統色」をテーマに制作。
日本の伝統色の繊細な色調やその名称も含めた奥ゆかしさを表現するために、あえて穏やかななアニメーションにこだわり、なめらかさを重視するためCSS TransitionやCSS Animations、-webkit-maskといったWebKitブラウザのみがサポートする技術を採用した。そのため当時はSafariのみのサポートだったが、現在はChromeにも対応している。
データの閲覧性には無関係ではあるが、MUNSELLモードとしてスクリーンセーバーの様に見て楽しめる機能も実装。サイトで紹介している各色をマンセル空間上に配置し、回転のアニメーションとともに色そのものを見て眺めることができる。