フラットデザインの利点と欠点

2013/08/20

Webで流行のフラットデザインについて

概要

最近では、Windows8やGoogle、FireFoxのアイコンでも使用されています。

firefox

上記画像を見ればわかると思いますがフラットデザインとは、簡単にいうとリッチデザインの反対です。
リッチデザインはキラキラしていて細かくデザインされているのに対して、フラットデザインはとてもシンプルになっています。

以下のようなサイトが参考になります。

FLAT UI DESIGN
FLAT UI DESIGN

Flat UI Design
Flat UI Design

Flat UI Colors
Flat UI Colors

本当に流行っているのか?

Webデザイナーへのアンケートでは、7割近くの人が流行っていると答えています。
そのため流行っていることは間違いないようです。

リッチなデザインに飽きた人が、シンプルなデザインを求めるようになっている傾向があるようです。
なかには嫌いな人もいますが、やはりどんなに良いデザインでも飽きてくるので、そういった人が次はシンプルなものをもとめるのだと思います。
そのためフラットデザインもいつか飽きられて、そのうち次の流行りがくるのは間違いないでしょう。

利点

  1. 制作時間が短縮される
  2. 見やすい
  3. 効率的なレスポンシブデザイン
  4. ロード時間が短縮される

シンプルなため、制作時間が少なくてすみます。
また画像の容量も減るため、Webサイトへアクセスしたときのロード時間が短くなります。
閲覧者にやさしい見やすい画面を制作できると思います。

欠点

  1. リンクなのかどうか分かりにくい
  2. 個性的でなくなりやすい
  3. 飽きやすい

シンプルで色合いも一定なため、クリックする箇所が細かく設定されている画面では、どこをクリックすればいいのか分かりにくくなってしまいます。
また、当たり前ですが宝石店や高級商品を扱うサイトで使用すると、かなり違和感がでてきます。

まとめ

結論からいうと作るものによって、使用すべきかどうかは変わってきます。
当たり前ですね笑

ただ、私のモットーは、「Simple is best!」なのでどんどん取り入れていけたらと思っています。笑

  • このエントリーをはてなブックマークに追加
Related

FullCalendarでGoogleカレンダーのようなUIを実装

jQueryプラグインFullCalendarのサンプル 概要 FullCalendarを使用して、GoogleカレンダーのようなUIを実装する使用例を...

PHP Laravel5.2でmulti-auth(複数テーブルでの認証)を実装

Laravel5.2でマルチ認証 概要 LaravelとはPHPの中で今最も伸びているフレームワークです。 処理速度が遅いなどありますが、かなり使い安く拡...

PHP 正規表現でIPアドレス形式の文字列か判定

正規表現でIPアドレスの入力チェック 概要 フォームで入力されたIPアドレスが正当な文字列か判定するためのバリデーション処理を実装します。 基本的...

rbenv環境でRuby on Railsのアプリケーションを一瞬で自動生成

アプリケーション構築時に最初に行う手順 概要 アプリケーションを作成するまでの手順を記載しています。 rbenvなどの環境が設定済と仮定して話を進めま...

Rails devise・authority・rolifyで権限付きの認証機能

devise・authority・rolify 概要 3つのGemを使用して、権限付き認証機能を実装します。 gem インストール Gemfile ...

Rails devise で複数モデルの認証機能を実装

Rails devise で複数モデルを管理 概要 rails のログイン認証 Gem「devise」のインストール・設定方法を紹介します。 よく「d...
トップへ戻る