歯 の 噛み 合わせ 治し 方 割り箸
公開日時 2015年7月28日 タグ JavaScript, Webデザイン 近年デスクトップ版のWebサイトでは、様々な動きをつけたエフェクトをよく見かけます。以前このブログで 背景に動画を使ったWebサイトの作り方 を紹介しましたが、今回はWebGL、JavaScriptなどで作られたアニメーションをメインに利用しているWebサイトを中心に紹介します。 JavaScriptライブラリー 実例紹介の前に、素敵アニメーションを利用するための便利なライブラリーをいくつか紹介します。 ドキュメント | サンプル集 揺れ動く布や、画面いっぱいに浮かぶ球体など、様々な3D表現を可能にするJavaScriptライブラリー。ホームでは実際に利用しているWebサイトが数多く紹介されています。豊富なサンプル集も必見です。 GreenSock アニメーション用のライブラリー。オブジェクトを動かすのはもちろん、画像と動画を組み合わせたり、3Dトランスフォームを実装したりできます。日本語の情報が少ないのが難点。 画面いっぱいにアニメーションを実装するのではなく、例えばボタンや、吹き出し部分にだけ簡単な動きをつけるなら、Dynamics. jsが使えます。Webサイト上でスライダーをドラッグして、お好みのアニメーションを生成可能。サンプルをクリックするとソースが閲覧できます。 実例いろいろ DreamTeam Katarzyna Konkowska 螺旋状の白いオブジェクトがぬるぬると出てきます。エリア推移時のエフェクトも必見。 The Boat | SBS 雨がざぁざぁ降っています。スクロールすると嵐のように画面が揺れ、時折雷のように一瞬画面が白く光ります。※音注意 株式会社ホムンクルス ゆっくりと動く少し不気味な背景。カーソルを動かすと波立ちます。エリア移動時のぬるぬる動くアニメーションも魅力的。 Peugeot Catch the Dragon イントロ動画を見終わると、赤いドラゴンと三角形が動き出す!※音注意 Paprika 手書きや、タイプ&カーニングの様子、つぶつぶを降らせたり、迷路のような直線でページタイトルを表示。リロードする度に表示方法が変わります。 Teamgeek つぶつぶで描かれたロゴにカーソルをあわせるとはじけちゃう! WWF Tiger Challenge つぶつぶ第二弾。スクロールするとつぶつぶがはじけて別のテキストや、走っているトラ君に変化します。ローディング中のラインアートもかっこいい!
こんにちは、マーケティングの立花です。 私たちは年4~5回、「展示会」と呼ばれるビックイベントに参戦しています! 今回は、その中で見つけた工夫たっぷりの立花的おもしろブースを3つご紹介します!! その前に、展示会について簡単に紹介 私たちがよく出展する展示会は、企業向けに行われる展示会であり、多くの企業が一つの会場に集って営業活動を展開します。 来場者のほとんどはビジネスマンで、小さいもので3万人、大きいものだと30万人も集まる企業にとってのビックイベントです。 経営者や大企業の担当者さんといった、普段の営業活動では出会えないような方々と出会うことができ、その場で商談をすることができます。 新規顧客を獲得するというチャンスを無駄にしないためにも、 事前準備やイベントの運営方法を練っておくことはもちろんですが、自社のブースに多くの人が立ち寄ってもらえるような、 インパクトのある「ブースデザイン」 にすることも重要な戦略です。 おもしろブースをご紹介 1. 学校の教室風ブース 研修サービスを展開する株式会社NTTネオメイト様のブースは、セミナー聴講する場所が学校の教室風になっていました! 遠目からでも教育関連のサービスを扱っていることが分かり、それでいてどこか懐かしい……。 来場者がつい足を運びたくなってしまうような作りのブースです。 (2017年 Japan IT Week 秋の様子) 2. 全部ダンボール! JQueryのプラグインが面白い！スクロール時にユーザーを惹きつけるオススメ12選｜ferret. 見たまんま! ダンボールを扱っている山田ダンボール株式会社様のブースです。 非常にインパクトがあり、ブース全体が自社のサービスであるためどこを見てもアピールにつながるという素晴らしいブースです。 ダンボールでここまで細かく、頑丈に作れるのには本当に驚きました。 (2017年 Japan IT Week 春の様子) 3. マンガ みなさんは、マンガ好きですか? 小難しい内容が書かれている本でも、「マンガであれば読んでみよう」という心理が働いた経験、ありませんか? 展示会でも同じく、目を引くためにマンガを活用しているブースがいくつかありました。 企業がターゲットとしたいペルソナ像をマンガで表現することで、そのブースを訪れる人が自分事として捉えやすく、足を止めるきっかけを作ることができているのだと思います。 (2014年 Japan IT WEEK 秋の様子) おまけ ここまで、いろんな企業様のおもしろい取り組みをご紹介してきました。 もちろん、私たちリスペクトも効果的なブースを作ろうと展示会のたびに頭を捻っていますが、奇をてらうあまり迷走することも……。 最後に、私たちのボツ案をいくつかご紹介します(笑)。 ▼ボツ案1:キグルミ大作戦 「目立ってなんぼ!」ということで、展示会会場で印象付るためのキグルミ案をいくつも考えました。 こちらはその中の1つです。 デザイナーさんと一緒に「あーでもない」「こーでもない」と、キグルミのデザインを考えていた過程はすっごく楽しかったです!