Illustrator & WebDesignerSATOSHI MATSUMOTO

初心者向けWebデザイン役立ちノート「tagnote」(https://tagnote.net)のtopページと各カテゴリーのメインビジュアルのgifアニメーションです。

「Webだからこそできる表現とは何か？」を考えたときに、まず思いついたのがアニメーションでした。そこで、Photoshopのビデオタイムライン機能を活用し、動きのあるビジュアルを制作しています。

Photoshop、Adobe XD、JavaScript、PHPといった、Webデザインを学ぶ上で避けて通れない主要なツールや言語を、初心者の自分でも親しみやすいように“擬人化（宇宙人化？）”して、それぞれの特徴を紹介するスタイルでブログ記事を展開しています。

もともとは自分の学習のためにまとめた内容ですが、意外にも実務で役立つ知識が多く、のちの案件にもつながっています。ただ、Adobe XDに関しては、制作後すぐにFigmaへと移行してしまい、結果的に出番がほとんどなくなってしまったのが少し残念でした。

現在は更新が止まっていますが、学んだことを記録できる場所があるというのは、やはり心強いものだと感じています。