フラットデザイン(Flat Design)ってどんなデザイン?

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

こんにちは。
シーサイドレーベルweb担当の飯野です。

11月も後半になり、寒いなーと
感じることが多くなって来ました。
でも、たまに急に暑かったりして。。

体調にはお互い気をつけて
過ごしましょう!

さて、今回はフラットデザインに
ついてのお話をさせて頂きます。

フラットデザイン(Flat Design)とは

「フラットデザインとは、コンピュータの画面表示や操作方法(ユーザインターフェース)のデザイン・設計方針の一つで、現実世界に似せた表現を極力排したシンプルで平面的なデザインのこと。

フラットデザインでは立体感や陰影、現実の物体を模した表現はなるべく使わずに、単純な幾何学的な図形やベタ塗り、単色の直線や枠線、象徴や装飾としての文字(タイポグラフィ)、カラフルな色分けなどを駆使して画面や表示要素を構成していく。」
IT用語辞典より引用

フラットデザイン(Flat Design)は、ドロップシャドウや
グラデーション、テクスチャなど立体感のあるスタイルを
取り除いたデザインが基本になっています。

フラットデザインの代表的な例としては、
iOS7やwindows8などが取り上げられます。

例えば、ボタン画像の場合で比べてみます。

but

上の方のボタンは、文字に影が付いていて、
ボタン背景部分はグラデーションや影がついています。

そういう部分を排除したデサインが
下の方のフラットデザインになります。

フラットデザインのボタンでしたら、
画像を作成する必要はなく、CSSだけで表現出来ますね。

スマートフォンでサイトを見た時に、
上の画像よりはフラットデザインの
ボタンの方が見やすいという利点はあります。

ただし、「へぇ〜、フラットデザインってのが流行ってるから
全てのサイトに取り入れてしまえーー!」
というのはちょっと違うかなと思います。
サイトの特徴とかに合わない場合もありますしね。

しかしながら、現在はスマートフォンでサイトを
見ることも多くなって来ていますので、
フラットデザインをうまく活用して頂ければと思います。

こちらの「MUUUUU.ORG」というサイトでは、
様々なフラットデザインのサイトを見ることが出来ますので、
是非参考になさって下さい。

Flat Design

MUUUUU.ORG

今回は、フラットデザインについて
ご紹介させて頂きました。

では、また来週お会いしましょう。

●3年ぶりに帰ってきた「藤田哲也の個別コンサルティング」

 ⇒ http://www.japan-forum.jp/sp/kojin.htm

mt

起業初年度1000万円、その後ゆるやかに年商3000万円までを目標に起業に向けて一歩を踏み出したい方向けの起業専門メルマガです。最新のノウハウを始め、セミナーや限定サービスのご案内をご希望の方は今すぐ下記フォームより、メインで使っているメールアドレスをご登録下さい。家族との時間を大切にしながら自由自在に収入を増やせる起業家になる方法を余すことなくお伝えいたします。

メールアドレス(必須)

コミュニティ