参考サイトを見て、「この動き、なんか気持ちいい」と感じることはありませんか。

その理由をもう少し見ていくと、最初は気にしていなかったところに、ヒントがあるかもしれません。

先日、gtのSlackにある「本日のネタ」に、あるメンバーがこんな投稿をしていました。

3Dカルーセルの参考を探すために、以前見た写真家のサイトを開き直したそうです。そこで今回、目を留めたのは、音と動きの組み合わせでした。

カーソルを重ねたときの音と動き。画面が切り替わるときのシャッター音と、動きの加速・減速。その重なり方が気持ちいい、と紹介していました。

さらに、こんなアイデアも。

サイトに音をつける予定がなくても、効果音を手がかりに動きを考えられるのではないか。

参考を探していたところから、次につくるものの話まで進んでいる。この投稿で面白いと感じたのは、そこです。

動きを考えるとき、出てくる速さや移動する距離、止まり方など、目で見えるものから考えることはできます。でも、そこに音を想像してみると、考える入口が少し変わります。

たとえば、短く切れる音を思い浮かべたら、動きもきっぱり止めたくなるかもしれない。余韻のある音なら、止まるまでの時間を少し長くしたくなるかもしれない。

実際の画面に音を流さなくても、動きのイメージをつかむ手がかりにはなりそうです。今回の投稿も、そんな「次に試してみたい」というアイデアでした。

「かっこいい」「なんか好き」。参考サイトを見る入口は、そのくらいでいいと思います。

そこから、どの瞬間にそう感じたのかを、もう少しだけ見てみる。写真が切り替わる前の間なのか。動き出すタイミングなのか。止まったあとの余韻なのか。

理由がひとつ具体的になると、人に伝える言葉も変わります。

たとえばエンジニアに相談するときも、「もっと気持ちよく動かしたい」に加えて、「切り替わる前に少し間をつくりたい」と話せたら、一緒に試すきっかけになります。

もちろん、その表現を次の仕事で使うかどうかは、また考えるところです。

ゆっくり見てもらいたい写真と、すぐに探してもらいたい情報。同じ待ち時間でも、受け取られ方は違うはず。スマホで触ったらどうか、文字を読む邪魔にならないか、そのサイトで伝えたいことに合っているか。

好きな表現を見つけたあとに、何を参考にして、何を変えるのか。そこにも、デザイナーの考えが出ると思っています。

gtでは、こうした小さな気づきを、制作の相談や試作につなげていきたいと考えています。自分が見つけた面白さを言葉にして、誰かの視点も借りながら広げていく。そのやり取りを、一緒に楽しめる方とつくりたいです。

gtの制作に興味を持ってくださった方は、Webデザイナーの募集ページから話を聞きに来てください。最近見つけた好きなサイトの話も、ぜひ聞かせてください。