2013年のウェブデザインのトレンドを探るかっこいいUIデザインのまとめ

フラット、サークル、ブラー、ビッグ、ダークなど、2013年のウェブデザインのトレンドを探るかっこいいUIデザインをインスピレーションの宝庫Dribbbleから紹介します。

OLD > New
ヘッダデザインの古いタイプはグラデとシャドウ、新しいタイプはフラットとアクティブのハイライト、この流れは確かに感じますね。

Navigation
これも最近多く見かけるダークなカラースキームを使ったナビゲーション。

Slide Concept
スライド時にくしゃっとなるエフェクトのコンセプト。

New Blog
ミニマル、ホワイトスペース、タイポグラフィ、ただただ美麗しい。

Flat Web Elements
フラットな形状にアイコンを配したエレメント。

New Site is coming Along
シャドウやグラデは使用せず、フラットなデザインにかわいいアイコンが素敵。

Clean User Interface
繊細なシャドウをいかしたクリーンなインターフェイスデザイン。

Sign UP iOS Screen
iOS用のサインアップ、左右のシャドウが紙の質感をリアルに表現しています。

UI elements for web site
グラフの背景の地図の使い方、カラースキーム、OS X風のパネルなどかっこいいですね。

P-Ops Case Study
オレンジの2カラムのテキストレイアウトに注目です、全ページもあります。

Discover
上品なカラースキームを使用したナビゲーション、拡大版もあります。

Tastebuds 2013 Nav Bar
Tastebudsの2013年のナビゲーション、フラット・アイコン・ダークがポイントですね。

Pふroduct Teaser
プロダクトのティザーサイトのレイアウト、アイコンの使い方が特徴的です。

Want
「欲しい！」と思った商品がシェアできるUIです。

Musix App Albums
ミュージックアプリのアルバム表示、全表示もあります。

Cv Profile
ポートフォリオを3Dを使ったレイアウトで。

Pineapple UI design
Modern UIを3Dにしたような「Pineapple」と名付けたUIデザイン、全表示もあります。

Trendign
フラットでミニマルなレイアウトに鮮やかなカラーのパネルがふわりと浮いています。

Dropdown
ダーク系のカラーを使ったドロップダウンで、十分な余白を確保しています。

WIP Website
サークル状の美しいエレメントを使ったレイアウト。

Login Form
分かりやすいアイコンを使い、シンプルながら作り込まれたフォーム。

CottagePages.com website design
ぼかしたブラーな背景にフラットなエレメントをのせたミニマルなレイアウト。

Dashboard WIP
ダーク系ブルーのカラーに見事なタイポグラフィ！

PSD Remind Me More
ブラーな背景に透明度の異なるパネルとフラットなパネルをのせています。

Aldo Shoes App Concept
一度見たら忘れないような斜めのグリッドが面白いです。

Blackwire
スマフォアプリとソーシャル向け情報を提供するフィナンシャル系サイトのレイアウト。

Eamil App Design
こんなUIのメールアプリはいかが？ フルサイズもあります。

UI Kit Metro
Modern UIスタイルを取り入れたレイアウト、拡大版もあります。

Dashboard Widget Light
フラットなリストで、ハイライトに左だけ浮かんでいるのがかっこいいですね。

Receipt PSD
30分ほどで作った紙のテクスチャを使ったスタディ用のUI。

New iPhone / IOS App design / UI interface
絶妙なダーク系カラーの使い分けに注目です。

Menu
3Dのレトロ風デザインがかわいいメニュー。

Dropdown
シンプルでクリーンなデザインのドロップダウン。

Menu
レトロ風のカラーが素敵なメニュー、ブルー版もあります。

Weather Pop-up
ぼやけたブラーな背景に半透明のパネル、クリアなタイポグラフィ。

Squirrel Grid
最後は、リス用のグリッド！