SHEET K-48-V03
SVGに
線を引くように動くアイコン
線が
01動く
見て、動かして 確かめる。
line-md
- 完了手続きや
保存が 終わった とき - 送信フォームや
メールを 送った とき - 電話
お問い合わせの 案内 - アップロード中ファイルを
送っている 途中 - 明る
い /暗い 表示の 切り替え - 通知新着や
お知らせ
line-md © 2020 Vjacheslav Trushkin/利用条件
許諾文(MIT)を見る
Copyright 2020 Vjacheslav Trushkin Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
02この
押したことに、動き で返事をする。
操作の
結果が、 ひと目で 伝わる 送信や
完了の 瞬間に 線が 描かれ、 「押した」ことへの 返事に なる。 文字の 案内より 先に 目に 入る。 とても
軽い 1つ
数百バイト〜数KB の SVG だけで 動く。 再生の ための 仕組みを 読み込まなくて よい。 色が
サイトに なじむ 文字の
色を そのまま 使うので、 自社の 色にも 暗い 表示にも、 そのまま合う。 1,000以上を
そろえて 使える 同じ
線の 太さ・ 同じ 動きの 調子の アイコンが 1,000種類以上 あり、 サイト全体で 統一できる。
03向いている
こんな説明に 向いて います。
- フォームの
送信・手続きの 完了 - 通知や
新着の お知らせ - お問い合わせ
(電話・メール)の 案内 - 表示の
切り替え (明る い /暗い)
