ひさびさのブログで何を書いて良いか分かりませんが今回は「フラットデザイン」について書きたいと思います。「フラットデザイン」とは?Windows8に見られるような平坦なデザインです。iPhoneを使っている人はアップデートでフラットなデザインに変わりましたよね?「天気」アイコンを例にするとこのように変化しました。これまでのデザインはグラデーションや影を多用しリアルに見せるデザインが主流でした。Windows8の発売とiOS7が後押しとなって2013年頃からWebデザインでもフラットなものが主流となっています。・リアルなテクスチャが少ないこういった要素で構成されたのがフラットデザインなのです。このようなフラットデザインが主流になってきたか。理由は「リアルなデザインへの飽き」と「スマートフォンの普及」が考えられています。スマートフォンやタブレットの普及により、Webサイトもパソコン以外の様々なデバイスに対応する必要が出てきました。パソコン用のサイトをそのままスマートフォンで表示すると文字やボタンも小さく操作しづらいのでスマートフォンで表示するときだけボタンや文字サイズを大きく最適化する必要があります。最適化の作業の時にシャドウがグラデーションを多用した作り込んだデザインはサイズやカラーの変更がとても大変です。この変化に対応しやすいのがシンプルなフラットデザインです。「リアルなデザインも飽きてきたし、おしゃれでスマホ対応も楽なフラットデザイン万歳!」という製作的な意図がおおきいのですね。確かに製作が楽で今風な「フラットデザイン」。良いことばかりではなく、弊害もあります。グラデーションやシャドウがなくなることで境目がわかりにくくなったり、ボタンがボタンに見えなかったりなど初心者にはわかりにくい側面があります。流行だからと安易に取り入れずに設計やユーザビリティーに十分に配慮してデザインする必要があります。フラットデザインの問題を解決した新しい手法があります。Googleが新しく提唱する「マテリアルデザイン」です。この「マテリアルデザイン」についてはまた次回にでも。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。