お問合せ株式会社ジェイコス
TEL 03-5428-8733

Webコンサルティング会社、首都圏(東京)を中心に戦略的なホームページの制作、Webマーケティングをご提供

Webコンサルティング.jp HOME > Blog Top > 今さら聞けないWebデザイン。フラットデザインって、なに?

Profile

通称:株式会社ジェイコス
誕生日:2005年4月1日
出身地:三軒茶屋
現住所:麹町
職業:Webコンサルタント

2013年6月10日

今さら聞けないWebデザイン。フラットデザインって、なに?

【読了1分】
20130610d.JPG


フラットデザイン、という言葉がデザインをする上でクリエイターから聞かれる用語かもしれません。

なので、今回はフラットデザインがどういうものか、簡単にご説明します。



■ フラットデザインを見て確認する

フラットデザインをイメージしていただくのに良いサンプルがあります


「Windows8」です


たとえばこんなデザイン

20130610a.JPG




■ 特徴は「シンプル」

余計な装飾がない、という事です。


影もなければ傾斜も、奥行きもつけない、という事です


例えば、こんなデザイン

20130610b.JPG




■要素もシンプルに

アイコンやデザインの中身もシンプルになります。文言もシンプルに、形もほとんどグリッドレイアウトという。


こんな感じです


20130610c.JPG



■ 目新しい


正直、色んなデザインがでてきているなか、逆にシンプルになったら目新しくなったのでおしゃれに見える、というのもあると思います


まさに流行りです。


とはいえ、かっこいいからといって簡単に使ってはいけません。


フラットデザインは要素がシンプルになるので、「ちゃんとひと目で理解できる」ようにしないといけません。


これがデザイナの腕の見せ所です。





"簡単にまとめ"

・デザインも要素もシンプルに
・ひと目でわかるデザインに
・相性の良い使い方をしましょう

と、すごく簡単にまとめるとこんな感じでしょうか。







ちなみにウ・ワ・サですが、iOS7はフラットデザインになるとか、ならないとか。わかりません




Webコンサルタント 佐藤司 →facebookアカウント別ウインドウリンク

trackbacks

trackbackURL:

Recent Entries

  1. 【あなたにピッタリのサービスがわかる】スマホでお得にエンタメ動画を楽しもう~全ての動画配信サービスを視聴してみた!~
  2. 個人の居酒屋もカフェもレストランもクレジットが安価に簡単に導入できる~ビジネスチャンスが広がる"モバイルクレカ"比較まとめ~
  3. 驚異の6秒動画プロモーション「Vineを活用した8つのキャンペーン事例」をご紹介!
  4. "スモールビジネス"LINE@活用法~PR戦略成功事例をご紹介!~
  5. 企業の存続危機に発展するかも!?Twitter炎上事例からわかるリスクの実態とその対策
  6. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~6/6
  7. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~5/6
  8. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~4/6
  9. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~3/6
  10. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~2/6