「ウェブサイトのアニメーションの基礎を網羅している書籍がほしい」

そんな想いを抱く初心者ウェブクリエイターの方々に超絶オススメの書籍があります。

『動くWebデザインアイディア帳』です。

久保田涼子さんと杉山彰啓さんによる共著。
とある場所で献本いただいたものを拝読したのですが、アニメーションの基礎と実践を、とても分かりやすく丁寧に解説されていて、初心者だけでなく、さらなるスキルアップを求める技術者の方々に自信を持ってオススメできる内容です。

動くWebデザインアイディア帳 基礎編

動くWebデザインアイディア帳

まずは基礎編。
多くのウェブサイトで使われているアニメーションをほぼ網羅し、それぞれのテクニックについて体系的にまとめられています。

掲載されているテクニックは以下の19種類。

  1. ローディング
  2. 画面遷移
  3. グローバルナビゲーション
  4. ハンバーガーメニュー
  5. テキストナビゲーション
  6. タブメニュー
  7. スライドショー
  8. ギュラリー
  9. 動画
  10. ボタン
  11. 検索
  12. ページトップリンク
  13. ページ内リンク
  14. スクロールダウン
  15. アコーディオンパネル
  16. ツールチップ
  17. ニュースティッカー
  18. グラフ
  19. モーダルウィンドウ

一つ一つのテクニックで複数のサンプルを紹介し、掲載されているコードの量が圧倒的。
約500ページで3,080円(税込)となっていますが、コスパは抜群です。

動くWebデザインアイディア帳 実践編

動くWebデザインアイディア帳 実践編

2冊目。続編の『実践編』では、「印象付けるサイトの動き」と「世界観を作る動き」というテーマで、基礎編では紹介されていなかった、より高度なアニメーションも掲載されています。

こんな方々にオススメです

  1. 原理を理解して、早くサイトを動かしたい
  2. よく使われる動きを最低限覚えたい
  3. サイトに動きをどう組み込むかの事例を知りたい

こちらも約500ページの内容で、金額は2,860円(税込)となっています。

期間限定の特設ウェブサイト

動くWebデザインアイディア帳

なおこの『動くWebデザインアイディア帳』は、期間限定で特設ウェブサイトが公開されています。
書籍で紹介されているテクニックがそのまま紹介されていて、実際のアニメーションの挙動を確認することができます。

動くWebデザインアイディア帳 特設サイト:https://coco-factory.jp/ugokuweb/

jQueryやCSSアニメーションの初心者でも、コピペで簡単に実装できるのが嬉しいですよね。

このブログで「一冊の本をピックアップしてオススメする」ことは今まで無かったのですが、最近のウェブ制作系の書籍では抜群のオススメ度。
個人的な評価は★★★★★(五つ星)
なのでさすがに今回は特別です。
ぜひ手に取ってみてください。

献本について

株式会社オンズでは随時、献本を受け付けています。
お問い合わせは下記よりお願いいたします。

お問い合せ