未分類フラットデザイン2.0って知ってる?フラットデザイン2.0って知ってる?ねごろん2019.02.06TweetShare+1HatenaRSSはい!どうも、ねごろんです。前回、同様にデザイン関係の記事を書きたいと思います。2019.01.31Googleが提唱する「マテリアルデザイン」って知ってる??どうも、ねごろんです。2014年にGoogle社から、新しいUX体系だと発表されたのが「マテリアルデザイン」です。近年でも、数多く採用されているデザイ...フラットデザインとは?フラットデザインとは、立体感や質感などの演出が少ないエレメントを使ったデザインです。質感を出すため立体的な効果(影やグラデーションなど)を一切使わずに色や形などによりシンプルなサイン、シグナルを用いて構成します。出典:行き過ぎたフラットデザインフラットデザインの特徴は、非常にシンプルなUIだと言えます。無駄なデザインを省略することで、画面の見えやすさを意識したわけです。iPhoneをはじめとする様々なデザインが、フラットデザインなのでみなさんもよく目にはしてると思われます。フラットデザインの課題フラットデザインは、シンプルがゆえにクリック領域の認識がしづらいなどの課題がありました。長所のはずでだった「シンプル」が、かえってユーザビリティという面では短所になってしまったと言えます。フラットデザイン2.0の登場フラットデザイン2.0は、従来のフラットデザインの良さを活かしつつ、ボタンなど重要な箇所には装飾をする事によって今までの課題を解決しました。簡単に言うと従来のフラットデザインとスキューモーフィズムデザインの長所を合わせたようなデザインだと言えるでしょう。そのため、従来のものよりもアニメーションや装飾といった要素がデザインに多く取り入れられています。マテリアルデザインに近い部分があるかもしれません。マテリアルデザインとは切り口が違いますが、洗練されたデザインという点でUIに気を使っている部分では、双方は似た印象を持ちます。https://dev.zeroqode.com/上記のデザインのように、全体的にはシンプルなフラットデザインなのですが、部分的に(主にボタン)グラデーションや影をつけることによってクリック可能領域を認識しやすくしているのが分かると思います。こんなところで採用されています。StoreAppStoreはiOS11で大きくデザインが変わりましたが、そのデザインにはフラットデザイン2.0の要素がたくさん詰め込まれています。まとめ前回のマテリアルデザインもそうですが、「洗礼されたデザイン」というのがキーワードになっています。0【ロボット法】AI導入で事故が起きたら、誰の責任になる?【アナロジー思考】学びを数倍にするには?Part2関連記事一覧ソフトバンクファンドが、TikTokに30億ドル出資。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。