WEBデザイン

【フラットデザインに+α】2014年のWebデザイントレンド3選

投稿日:2014年7月2日 更新日:

10

近年、あちこちのサイトで見かけるようになったフラットデザイン。
レスポンシブと組み合わせたり、フルスクリーン表示にさせたりと応用法も様々に、オシャレなWEBサイトが増えていますね!

そこで、今回はこのフラットデザインに相性の良さそうなデザインパーツなどをご紹介したいと思います。

シンライン アイコン

細い線のみで構成されたアイコンです。
他の要素の邪魔をせず、かつオシャレなポイントになるので非常に重宝します。

Linea

http://linea.io/

07

66 Free Line & Filled Leisure Activity Icons

https://www.behance.net/gallery/17754253/66-Free-Line-Filled-Leisure-Activity-Icons-

09

Minimal single line icons

https://www.behance.net/gallery/Minimal-single-line-icons/8937479

08

ゴーストボタン

流行り始めが最近なので、あまり耳慣れていないかも知れません。
背景色が透明で、囲み線だけで構成されているボタンを「ゴーストボタン」と言うそうです。
(なんでも幽霊のごとく、サイトの中に透けているからだとか…)
シンラインアイコン同様、要素の邪魔をさせないために配置するのが良いと思います。

Westinghousesolar

http://www.westinghousesolar.com.au/

07

Nvoi

http://nvoi.com.au/

09

VeloSport

http://velosportonline.com/

08

大文字のタイポグラフィ

まず最初に目に飛び込んでくる強さがあるので、伝えたいことをシンプルに表現することができます。
背景いっぱいに画像を敷いているページなどと相性がいいですね。

Amazeelabs

http://www.amazeelabs.com/en

07

Webrawl

webrawl.org

09

UN

http://www.un-photo.com/

08

流行り廃りの激しい業界、これからはどんなデザインが生み出されるのでしょう?
この流れに乗り遅れないよう、追っていきたいものですね。

-WEBデザイン

関連記事

2014年秋冬の流行色?

2014年秋冬の流行色?

こんばんは、新人Aです。 すっかり気温も秋めいて来ましたね! 季節が変わると気になるのは流行色!ファッションやデザインには欠かせない流行色ですが、今年は何が流行っているんでしょう? ずばり、【ラディア …

【Illustrator】写真を簡単にモノクロベクター画像にする方法

【Illustrator】写真を簡単にモノクロベクター画像にする方法

みなさまこんにちは、新人Aです。 今日は、写真をIllustratorでモノクロにしてイラストっぽくベクター画像を仕上げたいと思います! 【1.Illustratorにベクター化したい画像を配置します …

【photoshop】アプリを使わず、簡単に写真を漫画風にアレンジする方法!

【photoshop】アプリを使わず、簡単に写真を漫画風にアレンジする方法!

このお姉さんにあえて漫画調にマーカーネットをアピールしてもらうと… ちょっと面白くて勢いのある効果が生まれますね。 昨今では漫画的な加工を取り入れるWEBデザインも増えてきました。 ですので、今回は写 …

イラスト素材サイトのご紹介

イラスト素材サイトのご紹介

こんばんは、新人Aです。 今日は、イラスト素材のサイトさんをご紹介しようかと思います!       【いらすとや】 http://www.irasutoya.com/ フ …

【これから始めるWEB制作】adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その2~

【これから始めるWEB制作】adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その2~

あけましておめでとうございます。 ひよっこWEB制作者のMです。 9連休、上京してから史上最長の帰省でしたが 実家にあたらしくやってきた家族(ワンちゃん、0歳)に ちゃんと覚えてもらえたことが嬉しかっ …