Book draw
描画Motive オリジナルCC0
インターフェース / 描画
Layers draw
コンテンツのグループやデザインの階層を表す三枚のレイヤーです。
好みのスタイルに
編集内容はこのブラウザーに保存されます。アカウントも追加操作も不要です。
すぐに使える SVG。
単独ファイル · SVG + CSSCSS アニメーションと動きを減らす設定への対応を含みます。JavaScript や外部ファイルは不要です。
GIF は白い背景で、動きのための余白を含みます。色・サイズ・時間・繰り返し設定が反映されます。
インターフェースでの活用例
クリックしてアイコンを再生し、画面の反応を確認できます。このページ内のデモです。動きを減らす設定に対応しています。
インターフェース操作
—
小さなディテールを、丁寧に。
レイヤー名と現在の選択をアクセシブルな一覧で提供してください。
動きは画面の意味を補うために使いましょう。操作の結果には有限回の再生を使い、重要な情報はテキストでも伝えてください。ダウンロードした SVG は、利用者の動きを減らす設定に対応します。
SVG の使い方 ↗