オーバーレイ
ページの上に重ねて表示する、モーダルや通知の演出です。背景を暗くして弾みながら開くモーダルや、画面の隅から滑り込んで時間がたつと消えるトーストを、デモとコードで紹介しています。
インタラクションデザインについて、
ここに並べているのは、Web サイトの中で動く UI のサンプルです。新しく作るサイトに組み込むことも、いま公開中のサイトに、ボタンやヒーロー、スクロールの演出だけを足すこともできます。設計から実装までの進め方はWeb サイト制作、端末ごとの見え方や表示速度の考え方はレスポンシブウェブサイトのページにまとめています。映像として作る動きをお探しの場合はモーショングラフィックスをご覧ください。