BLOG

海外では一般的!?フラットデザインの基本♪

SHARE SHARE SHARE SHARE

皆さん、こんにちは。

開発担当1年目のkazumaです★

先日海外に行った際にテレビを見ていると表現の多くが「フラットデザイン」であることに驚きました。

そこで今回は「フラットデザインの基本」について紹介したいと思います♪

 

s_shutterstock_314347538

フラットデザインってどんなもの?

簡単に説明すると「凹凸のないデザイン」

これだけ聞くと今ひとつな感じもしますが、皆さん一度は見たことがあるiPhoneのホーム画面もフラットデザインです。

そのiPhoneが世界的に受け入れられているということはフラットデザインもバカにできないと思いませんか。

何よりシンプルで分かりやすい

フラットデザインの利点

数多くある中で代表的なものとすれば「コンテンツの魅力を伝えやすい」ということ。

  • フラットデザインのUIはシンプルで使いやすい
  • コントラストがはっきりしているので内容が見やすい
  • 文字が少ないので瞬時に理解しやすい

このような要素からユーザーの意識をコンテンツに向けてもらう事ができ

「より早く」「より分かりやすく」魅力を伝える事が出来ると言われています。

フラットデザインの落とし穴

まるで万能かのように思えるフラットデザインですが、もちろん落とし穴があります。

上記で述べた通り「シンプル」であるが故にレイアウトやフォント、カラーなどデザインの基礎が理解できていないと、

ただのつまらないサイトになってしまう恐れがあること。

さらにコンテンツが少ない場合も、その隙間が目立ってしまいサイト自体の質が下がるので注意したいですね。

最後に

使い方さえ間違えなければ、とても頼りになる「フラットデザインの基本」を紹介させてもらいました。

これからも様々な表現方法や流行のデザインが現れる思います。

より使いやすいデザインを今後とも考えていきましょう!

 

 

20150901_企業理念KV_R6

 

リッチメディアでは、共に未来を創造し想像してくれる仲間を募集しております。

是非、同じ船に乗り荒波の中を共に進んでいきましょう!

WRITER

図1

kazuma

開発

図1

RECOMMEND

伊藤ゆみヘアカット前後

1SHARE

PRESS RELEASE

18 April 2017

ヘアスタイル情報アプリ『HAIR』、avexと共同開催のヘアコンテスト 最終審査結果発表
~グランプリはヘアサロン「Un ami」のHIRAさんに決定し、ヘアカット・撮影を実施!~

HU-logo_543x130

0SHARE

INFORMATION

17 April 2017

弊社運営サイトの医師監修について

PReyecatch

0SHARE

MEDIA

05 April 2017

財経新聞に当社に関する記事が掲載されました。

ヘルスケア大学

16SHARE

PRESS RELEASE

31 March 2017


美容・健康情報サイト『スキンケア大学』『ヘルスケア大学』『メンズスキンケア大学』 参画の医師数が4,000名を突破

HAIR STYLE CONTEST 一次審査通過作品

22SHARE

PRESS RELEASE

08 March 2017

ヘアスタイル情報アプリ『HAIR』、avexとヘアコンテストを共同開催 ユーザーの一般投票開始
~一次審査通過15作品中、上位4作品が最終表彰対象に~

HU-logo_543x130

8SHARE

PRESS RELEASE

03 March 2017

『ヘルスケア大学』、 耳の日にちなみ、
「耳に関する記事」 アクセスランキングを発表
~注目はトップ10の6割がおたふく風邪(流行性耳下腺炎)~

2回Meetup

0SHARE

INFORMATION

21 February 2017

”Meetup”オンラインとオフラインでマーケターが抱えるジレンマとは?

Dr1

21SHARE

PRESS RELEASE

07 February 2017

「スキンケア大学」「ヘルスケア大学」
参画の医師数が3,000名を突破

PReyecatch

0SHARE

MEDIA

02 February 2017

日経デジタルマーケティングに当社に関する記事が掲載されました。

HAIR1

39SHARE

PRESS RELEASE

30 January 2017

ヘアカタログアプリ『HAIR』をリニューアル。お気に入りがより見つけやすく。

伊藤ゆみヘアカット前後

1SHARE

PRESS RELEASE

18 April 2017

ヘアスタイル情報アプリ『HAIR』、avexと共同開催のヘアコンテスト 最終審査結果発表
~グランプリはヘアサロン「Un ami」のHIRAさんに決定し、ヘアカット・撮影を実施!~

HU-logo_543x130

0SHARE

INFORMATION

17 April 2017

弊社運営サイトの医師監修について

PReyecatch

0SHARE

MEDIA

05 April 2017

財経新聞に当社に関する記事が掲載されました。

ヘルスケア大学

16SHARE

PRESS RELEASE

31 March 2017


美容・健康情報サイト『スキンケア大学』『ヘルスケア大学』『メンズスキンケア大学』 参画の医師数が4,000名を突破

File_007

0SHARE

MEMBERS BLOG

09 March 2017

代表・坂本がモデレーターとして登壇【新アド18★プレミアムフェス】

HAIR STYLE CONTEST 一次審査通過作品

22SHARE

PRESS RELEASE

08 March 2017

ヘアスタイル情報アプリ『HAIR』、avexとヘアコンテストを共同開催 ユーザーの一般投票開始
~一次審査通過15作品中、上位4作品が最終表彰対象に~

HU-logo_543x130

8SHARE

PRESS RELEASE

03 March 2017

『ヘルスケア大学』、 耳の日にちなみ、
「耳に関する記事」 アクセスランキングを発表
~注目はトップ10の6割がおたふく風邪(流行性耳下腺炎)~

2回Meetup

0SHARE

INFORMATION

21 February 2017

”Meetup”オンラインとオフラインでマーケターが抱えるジレンマとは?

1

0SHARE

MEMBERS BLOG

14 February 2017

ネット広告に10年携わっていた私が データ活用で新しいサービスに挑戦する理由

Dr1

21SHARE

PRESS RELEASE

07 February 2017

「スキンケア大学」「ヘルスケア大学」
参画の医師数が3,000名を突破