マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

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デザイン

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【Illustrator小技】PDFファイルを代替フォントでなくアウトライン化して開ける便利なワザ

アウトライン化されていないPDFをIllustratorで開こうとする時、 Illustrator「このPDF、該当するフォントがないから代替しちゃいますね~」 デザイナー「うわぁぁフォント変わっちゃ …

【PHOTOSHOP】すぐに使えるデザインテクニック!アート風文字をラクに作る方法

【PHOTOSHOP】すぐに使えるデザインテクニック!アート風文字をラクに作る方法

STEP1. まず加工したい写真素材をPhotoshopで開きます。 STEP2. 背景の写真レイヤーの上に文字を入力し配置します。 STEP3. レイヤーパレット上でテキストのレイヤーを右クリックし …

WEBデザイナーが厳選する 年賀状に使えるフリー素材まとめ!

WEBデザイナーが厳選する 年賀状に使えるフリー素材まとめ!

2014年の残りあとわずかですね。 年末といえば、年賀状! これから作り始める方もまだまだいらっしゃるのではないでしょうか。 そこで・・・ 今回は、そんな方にお役立ちの無料で高クオリティーなデザインハ …

レスポンシブデザインに対するよくある4つの誤解

レスポンシブデザインに対するよくある4つの誤解

単一のファイルで様々な機器の画面サイズにフィットする便利な手法「レスポンシブデザイン」。 最近はスマホからのPVも爆発的に増えてきたので慌ててスマホサイトを導入する企業が増え、更新の勝手から、レスポン …

夏にピッタリ!打ち上げ花火をテーマにしたブラシ素材をご紹介。

夏にピッタリ!打ち上げ花火をテーマにしたブラシ素材をご紹介。 https://www.markernet.co.jp/blog/2015/08/19/post-6004/ Facebook