フォーム
入力や選択の操作に、その場で反応を返すフォームの演出です。フォーカスするとラベルが上に移る入力欄や、切り替わりが目で追えるトグルスイッチを、デモとコードで紹介しています。
フォームのインタラクション（27件）
-
-
ラジオボタンの選択を示すマーカーが、前の選択肢から滑って移る
-
評価の星が順に灯って弾む
-
スライダーのハンドルを引くと値の吹き出しがついてくる
-
誤入力で入力欄が震え、エラー文が出る
-
チェックボックスにチェックが描かれる
-
送信ボタンが丸くなって回り、チェックで完了する
-
トグルスイッチが切り替わる
-
入力欄にフォーカスするとラベルが縮んで上に移り、下線が伸びる
業務画面に組み込む場合は、WEBアプリケーションのページをご覧ください。
インタラクションデザインについて、
ここに並べているのは、Web サイトの中で動く UI のサンプルです。新しく作るサイトに組み込むことも、いま公開中のサイトに、ボタンやヒーロー、スクロールの演出だけを足すこともできます。設計から実装までの進め方はWeb サイト制作、端末ごとの見え方や表示速度の考え方はレスポンシブウェブサイトのページにまとめています。映像として作る動きをお探しの場合はモーショングラフィックスをご覧ください。