2015年☆WEBデザインのトレンドまとめ

20150128

毎年進化を続けるWebデザイン☆
進化のスピードがとても早いですが、どうにか必死に追いつこうと日々勉強しています(;゚∀゚)
そんなコンノが2015年のトレンドデザインを紹介します!

目次

  • フラットデザイン
  • ミニマルデザイン
  • 背景画像・動画デザイン
  • ゴーストボタン
  • シングルページ
  • 個人的にすごっ!!と思ったデザイン
  • 最後に…

フラットデザイン

UNIFORM WARES

立体感を出すためのグラデーションや影など使用せずに、シンプルな図形やべた塗りなどでデザイン。
Windows8やGoogleなどで採用されたことで、急速に広まりました。
スマートフォンから閲覧した際も、見やすいデザインです。

k_img302

http://www.uniformwares.com/

ミニマルデザイン

Apple

要素が多すぎると何を伝えたいのか分からなくなってしまうので、最小限の要素で伝えたいことを最大限に表現するデザイン。
シンプルなので、商品やコンテンツが目立つようになります。

k_img301

 

http://www.apple.com/jp/

背景画像・動画デザイン

techlabpaak

背景に画像や動画をウィンドウいっぱいに使用しているデザイン。
サービス内容や会社の雰囲気がダイレクトに目に飛び込んでくるので、閲覧者に強い印象を残せます。


k_img304

 

http://techlabpaak.com/

ゴーストボタン

OPC Hack&Make Project

ホームページの雰囲気を崩したくないけど、ボタンを設置したい時に使用されます。
背景や画像を活かすために枠線だけで表現されるので、ボタンとして目立ちにくいです。
幽霊のようにホームページに溶け込むことが由来で、この名前が付いたようです。初めて見た時、ボタンと気づくのに時間かかった(笑)

k_img305

http://opc.olympus-imaging.com/

シングルページ

野菜がおいしいダイニング

1ページで完結するサイト。縦か横に長いです。
大きくビジュアルを使用でき、スクロールすることでテンポ良く見せることができます。

k_img308

http://www.longinghouse.jp/no.2/

個人的にすごっ!!と思ったデザイン

ホムンクルス

背マウスの動きに合わせて背景がうねってり、画像の上にマウスを置くとめちゃめちゃカッコいい動きをします!
サイトに訪れて、体感してください(*´∀`*)

k_img307

http://homunculus.jp/

最後に…

デザインがシンプルになっていって、伝えたいこと、見せたいものを美しく見せるような方向に向かっている感じがします。
デザインがシンプルな分、動きに凝ったサイトが増え、ちょっとしたゲームのような体感型になっていくのでは…と思いました。

  • シェア
  • twitter
The following two tabs change content below.
株式会社インファクトでWEBサイト・ブログの制作からお客様サポートまで担当しています。どう改善したら伝わりやすいのか、反応が出るのかを常に考えながら仕事に取り組んでいます。WEBサイトだけでなく、紙ものメール設定など、幅広い業務に携わっているので、色んな視点でお客様のお手伝いができると思います。よろしくお願い致します。
  • twitter
  • このエントリーをはてなブックマークに追加
PAGE TOP
LINE it!