Design

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.8.19

718

入力フォームのUIデザインで工夫のある3つのアプリ

目次1 「Yahoo!カレンダー」1.1 特徴:新しい予定の入力が視覚的にわかりやすい2 「スマホで年賀状」2

「Yahoo!カレンダー」

ヤフーのカレンダーアプリです。

特徴:新しい予定の入力が視覚的にわかりやすい

僕自身カレンダーアプリで予定入力はよく使うのですが、yahooカレンダーの入力はとても簡単です。基本的にタイトルと期間を指定するだけですが、その文字が大きく視覚的にわかりやすく簡単です。

「スマホで年賀状」

スマホで年賀状のデザイン作成ができるアプリです。

特徴:入力しながら書体を変えられる

入力状態で書体タブから選択すると今入力されている文字がその書体に置き換えられ、文字のイメージがすぐに確認できます。
書体のイメージをすぐつかめるのがとてもいいと思いました!

「LOFT」

生活雑貨のロフトのアプリです。

特徴:入力場所の色が変わっててわかりやすい

検索欄に進むと、入力フォームの背景がロフトのキーカラーの黄色になります。
視覚的にわかりやすくなり、好きな商品を探すワクワク感も演出されていると思います。


Warning: Use of undefined constant sidebar_widget - assumed 'sidebar_widget' (this will throw an Error in a future version of PHP) in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/sidebar.php on line 3

同じテーマの記事

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.6.10

997

「伝える」気持ちを大切に。ユニバーサルデザインとアクセシビリティについて考えてみました。


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.9.30

994

ログイン & リマインダーのUIデザインで工夫のある3つのアプリ


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.7.16

962

読書でUIの参考にしたい3つのアプリ


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.2.27

954

スタイルを簡単に引き継げるStyle Inventory for Sketch


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.6.24

895

ユーザーを動かす、色と心理学の関係性


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152
N's Creates について詳しく見る