動くWeb優良デザイン×アイデア事典―プロがシェアする現場の即戦力テクニック [単行本]

動くWeb優良デザイン×アイデア事典―プロがシェアする現場の即戦力テクニック の 商品概要

• 要旨（「BOOK」データベースより）

  ＵＩの小さなインタラクションから華々しいギミックまでＷｅｂサイトにつける動きの集大成！“どう動かすか”が設計と実装の両面から身につく！プロが現場で使う動きのテクニックをステップ・バイ・ステップ形式で丁寧に解説。

• 目次（「BOOK」データベースより）

  Ｉｎｔｒｏｄｕｃｔｉｏｎ　Ｗｅｂの動きの基礎知識
  １　メインビジュアル（待ち時間を短い導入体験へ変える　プリローダー導入で世界観へ引き込む；ビジュアルをめくる体験を作る　メイン演出として使うカルーセルやスライダー　ほか）
  ２　ＵＩ・マイクロインタラクション（カーソルの動きに心地よいカラーが追従し、有機的な体温を与える　カーソルを中心にカラーが広がり追従する；闇に潜む文字を光で照らし、静かな奥行きと集中を生み出す　ホバーでテキストが照らされる　ほか）
  ３　グラフィック・背景（カードをめくるようなスクロール体験　スクロールに連動するカードスタック；ぼかしと視差効果で生み出す立体感　ブラー・マスクなどを使った奥行き表現　ほか）
  ４　華やかなギミック（スクロールと１：１で連動し、画面を覆う靄を晴らして没入感を高める　スクロール連動で空間の靄（もや）が晴れる；テキストへのホバーで背景をなめらかに切り替え、驚きと発見を提供する　カーソル連動で背景の画像を映し出す　ほか）

• 著者紹介（「BOOK著者紹介情報」より）（本データはこの書籍が刊行された当時に掲載されていたものです）

  岩松 翔太(イワマツ ショウタ)
  株式会社エムハンド取締役／アートディレクター。年間１５０件以上の品質管理を統括しつつ広報・採用ブランディング責任者を兼任。大手案件を多数主導し、企業の文脈を正しく翻訳する表現設計を得意とする。知のオープン化に注力し、Ｗｅｂデザインポータル「ＭＡＲＰ」と「ＷＡＲＰ」を運営
  
  大段 勝義(オオダン カツヨシ)
  広島で活動するフロントエンドエンジニア。動きのあるサイト制作を得意とし、教育とコミュニティ形成を軸に活動。Ｗｅｂスクールや専門学校、塾、英会話などで幅広く講師を務めるほか、カフェ運営にも携わり、人が集まり学び合える場づくりに力を入れている
  
  千田 崇史(センダ タカフミ)
  東京を拠点として活動するアートディレクター／デザイナー。広告制作や企業のＶＩ、紙媒体を経て、Ｗｅｂサイトのデザインを中心に、撮影ディレクション、ロゴ、各種グラフィック制作まで幅広く担当。モーションを用いた動的な演出を得意とし、ＵＩ／ＵＸ設計も含めてＷｅｂならではの表現を突き詰めている
  
  高石 湖夕美(タカイシ コユミ)
  北海道札幌市を拠点とするフリーランスのフロントエンドエンジニア。工学部で情報工学を専攻し、教育業界を経て２０２１年に独立。Ｗｅｂサイトの実装を専門に、アニメーションの実装からＷｏｒｄＰｒｅｓｓなどＣＭＳの構築まで手がける。ＳＮＳでは「たこやき」名義で発信中
  
  田渕 将吾(タブチ ショウゴ)
  Ｓ５　Ｓｔｕｄｉｏｓアートディレクター／インタラクションデザイナー。Ｗｅｂサイトやブランドのデザイン設計、インタラクションデザイン、デジタルインスタレーション、クリエイティブディレクションなど、視覚表現と構造設計の交差点を軸に活動している。２０２５年にＴｈｅ　Ｗｅｂｂｙ　Ａｗａｒｄｓ「最優秀賞」を受賞
  
  橋本 卓磨(ハシモト タクマ)
  デザイナー／アートディレクター。ＷｅｂＧＬ等を用いたインタラクティブな表現を得意とし、ブラウザ上での没入的なビジュアル体験を設計・実装している
  
  長谷川 巧(ハセガワ タクミ)
  ｕｎｓｈｉｆｔ　Ｉｎｃ．ｄｅｖｅｌｏｐｅｒ。２００８年からＦｌａｓｈをはじめ様々な技術を用いてＷｅｂサイト制作に携わり、数社を軽て２０１６年に独立。２０２１年１１月に法人化。ＷｅｂＧＬなどのＷｅｂグラフィック技術を用いたＷｅｂサイトの実装を多数手手掛ける。武蔵野美術大学デザイン情報学科特別講師
  
  マスベ サチ(マスベ サチ)
  Ｗｅｂ／ＵＩデザイナー。制作、教育、コミュニティ活動を行う。デザイン講師として５００名以上を指導してきた経験から、クリエイターコミュニティ「ひろしまクリエイターズギルド」を主宰。Ａｄｏｂｅ　Ｃｏｍｍｕｎｉｔｙ　Ｅｘｐｅｒｔとしてアドビ製品に関するサポート活動も行なっている
  
  向田 嵩(ムコウダ タカシ)
  ａｍｏｅｂｏ（アメーボ）という屋号で活動するフリーランスのアートディレクター、デザイナー。Ｗｅｂサイト、ロゴ、モーショングラフィックスなど幅広い媒体のデザインを一貫して手掛けるとともに、ものづくりのワークショップや企画展の開催などの活動も行う

動くWeb優良デザイン×アイデア事典―プロがシェアする現場の即戦力テクニック の商品スペック