#アニメーション
パスワードが合っていたことを視覚的にフィードバックするアニメーション
前回に引き続き、今回はパスワードが合っていたバージョン。
パスワードが合っていたことを視覚的にフィードバックするために意識したポイントは以下の2つ。
①チェックマークの出現と色の変化パスワード入力後にチェックマークが出現し、同時に色が変わることでパスワードが間違っていなかったことを視覚的に表現しています。
最初は鍵のアイコンだった部分が、チェックマークに切り替わることで、「鍵を開いた」ことを
エラーを視覚的にフィードバックするアニメーション
パスワードを入力してエラーになった際のアニメーションを作ってみました。
ユーザーが入力に誤りがあったことを即座に認識できるように意識したポイントは以下の3つ。
①ブルッと横に震えるアニメーションこのアニメーションは入力に間違いがあったときによく使われていますね。
現実世界でも人が「NO」を示す際に首を横にふることから、横に震えるアニメーションが誤りを示すことは理解しやすい。
②「Passw
Appleのアニメーションはなぜ美しいか考える
こちらの内容は2018年iOSDCで登壇して発表した内容を更に詳しく書いたものです。
当日のこの発表のまとめはこちら↓
概要
ふだん当たり前のように使っている iPhone や iPad、どうしてこんなに気持ちのいい使い心地になるのでしょうかコントロールセンターのアイコンたちのアニメーションや UI のパーツに着目し、AfterEffects でアニメーショントレースを行い、得た知見を共有します