※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
〈電子書籍版について〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。
【UIの小さなインタラクションから華々しいギミックまで、Webサイトにつける動きの集大成！】
Webにおける「動き」は単なる装飾ではなく、強力な武器となるデザイン要素です。静止したグラフィックとは異なり、ユーザーを心地よく導き、直感的に情報を伝えるためには「ちょっとした動き」が大きな助けとなります。さらにダイナミックな動きを取り入れてコンテンツのエンタメ性を高めたり、独自の世界観を構築したりと、Webならではの豊かな表現が可能になります。
本書は、使い心地を向上するインタラクションから、目を引く華やかなギミックまで、現代のWebデザインに欠かせない動きのアイデアを余すところなく詰め込んだ一冊です。
最大の特徴は、単にCSSやJavaScriptの実装方法を解説するだけでなく、「なぜ動かすのか」「どう動かせば自然か」という“動きの設計”を重視している点です。ディテールを精緻に組み上げ、ユーザーに心地よさを生み出す“動きの品質”にもこだわりました。ただコードを書くだけならAIにもできる時代ですが、動きに意味を持たせ、細部をブラッシュアップして完成度を高めるのは人間が担うべき領域です。本書では、そうした人が決めるべきエッセンスをていねいに紐解いています。
いまの“Webの動き”のトレンドを知り、ユーザー体験をより豊かで魅力的なものへと進化させるためのガイドとして、ぜひ本書をご活用ください。
〈こんな方にオススメ〉
・これから動きの実装を学ぶエンジニア
・最新の“Webの動き”をキャッチアップしたい方
・「動きの設計」から実装までのスキルを体系的に身につけたい方
〈本書の内容〉
■Introduction Webの動きの基礎知識
■Chapter1 メインビジュアル
■Chapter2 UI・マイクロインタラクション
■Chapter3 グラフィック・背景
■Chapter4 華やかなギミック
〈本書の特長〉
・単なるTIPS集にとどまらない、動きの「組み立て方」と「設計思考」がわかる
・プロの現場で実際に使われている実務レベルのコードを習得できる
・最新トレンドのモーションをCSSやJavaScriptでどう表現するかが理解できる
巻（見開き形式）について