ウェブデザインのセンスを磨く! 2012年下半期洗練されたディテールのUIデザインのまとめ

2012年下半期、チェックしておきたいUIデザインをdribbbleから紹介します。
PSDやPNGファイルをダウンロードできるので、勉強にもなりますよ。

下の方は、さまざまなエレメントが揃ったUI Kitです。

UIのキャプチャ

Future Camera app UI
近い未来こんな素敵なUIがくるのでしょうか。

UIのキャプチャ

Slide from The Bricks presentation
各エレメントが立体的に浮かび上がってます。

UIのキャプチャ

Tile based navigation concept
Windows8のModernUIみたいなタイルベースのナビゲーション。

UIのキャプチャ

Weather Pop up
磨りガラスのような繊細なパネルデザイン。

UIのキャプチャ

Media Center
ぼやけた背景も今年のトレンドでした。

UIのキャプチャ

Start of an awesome new app.
パキッと折れる感じが新鮮なUI。

UIのキャプチャ

Meniooo
繊細な色使いが素敵なパネル。

UIのキャプチャ

Wunderlist 2 - iPhone Sidebar
こういったグレーの使い方は取り入れたいですね。

UIのキャプチャ

Dropdown Menu UI
色使いも素敵ですが、それ以上に繊細なシャドーが美しい。

UIのキャプチャ

The Third Place
ぼやけた写真を背景にしたタイポグラフィがかっこいい。

UIのキャプチャ

Hover
ホバー時のエフェクトで、写真自体にもカラーエフェクトが適用されます。

UIのキャプチャ

Timeline Post
半透明のエレメントを使ったタイムライン。

UIのキャプチャ

Slidedown Menu
清潔感のあるカラーとレイアウト。

UIのキャプチャ

D3
フラットな各パネルに繊細なカラースキームを設計しています。

UIのキャプチャ

Social Stream
ソーシャルメディアがまとめられたポータル。

UIのキャプチャ

Focus Lab v3
トレンドのブラーな背景とはちょっと違った使い方が面白いです。

UIのキャプチャ

Landing Page
こちらもブラーな背景とシャープなエレメント、そして幾何学的なエレメントが新鮮。

UIのキャプチャ

Minimal Light User Interface Freebie
レトロ風の立体的な面白いデザインのボタン。

UIのキャプチャ

Amp
金メッキを磨いたような美しいテクスチャを使ったアンプ。

UIのキャプチャ

riverstone apps Home Page
アプリ紹介で、デバイスをスケルトンにしてるの面白いですね。

UIのキャプチャ

Create New Album PSD
直感的に操作ができるアルバムのUI。

UIのキャプチャ

Style
見た瞬間、かわいらしいイメージが伝わってきます。

UIのキャプチャ

Player Widget
ディテールが素晴らしいミュージックプレイヤーのウィジェット。

UIのキャプチャ

Range Selection
料金の幅を設定するスライダー。

UIのキャプチャ

Music App UI iPhone
レコードをモチーフにしたミュージックアプリ。

UIのキャプチャ

Recent Happening
実線・点線・シャドーを巧みに使っています。

UIのキャプチャ

Mochila Mail
アイコンがかわいらしいメールアプリ。

UIのキャプチャ

And it's live
操作が分かりやすいミュージックコンテンツ。

UIのキャプチャ

Rebound This Buy Tickets
デザインが素敵なチケット購入パネル。

UIのキャプチャ

Snowbird.com is Live
必要な情報を的確に伝えつつ、デザインも素晴らしいスノボーのページ。

UIのキャプチャ

Snowbird Widget updates
スノボーページの右上の拡大。

UIのキャプチャ

Mtn Report Mobile Updates
スノボーのスマフォアプリへの展開。

UIのキャプチャ

Gauge Needles
計測器用の針のコレクション。

UIのキャプチャ

Food Icons
食べ物をかわいくデザインしたアイコン。

UIのキャプチャ

Colors
直感的な操作が可能なカラーパレット。

UIのキャプチャ

Menu Interaction
ピンチアウトで真ん中からぱかっと開くインタラクション。

UIのキャプチャ

Subscribe
こんな美しいデザインだったらすぐに購読してしまいそう。

UIのキャプチャ

Our Team
レッドを巧みに使い、視線をコントロールします。

UIのキャプチャ

Popover Sign In
パネルが重なってるのはなんでだろう、気になる。

UIのキャプチャ

iPad App

ページをリアルにめくるiPadアプリ。

UIのキャプチャ

Comments
必要な情報を美しくデザインしたコメント。

UIのキャプチャ

Sign Up Interface
アイコンを効果的に使ったサインアップのUI。

UIのキャプチャ

F Top Right Header Ui
細部までしっかりデザインされたヘッダ。

UIのキャプチャ

Admin UI Control Panel
管理画面のUI、クローズがめくれてデザインされてるのいいですね

UIのキャプチャ

Dropdown Rebound
フロスト風デザインのドロップダウン。

UIのキャプチャ

Category Icons
ビビットな色使いがかわいいカテゴリのアイコン。

UIのキャプチャ

Encide Jobs
求人サイトのインターフェイス。

UIのキャプチャ

Simple Todo App
シンプルなデザインのTODOアプリ。

UIのキャプチャ

Hotels Search & Booking Portal
背景に写真を大胆に使ったホテルの検索ページ。

UIのキャプチャ

Portfolio
シンプルでかわいいアイコンを使ったポートフォリオ。

UIのキャプチャ

Pop up Menu
六角形を使ったポップアップメニュー。

UIのキャプチャ

Airbnb Search
何を検索するかメッセージを配置した検索ボックス。

UIのキャプチャ

Contacts
繊細なブラックの色使いがかっこいいです。

UIのキャプチャ

Khareedo
カテゴリごとに印象深いカラースキームを使っています。

UIのキャプチャ

Blog Design
ハイライトにブラーのエフェクトを使ってるのが面白いです。

UIのキャプチャ

Mini Price Table
シンプルなデザインの価格表。

UIのキャプチャ

Tiny UI Elements
ミニマリズムなUIエレメントのコレクション。

UIのキャプチャ

Dark Chart UI Kit
ダークなカラースキームを使ったチャートのエレメント。

UIのキャプチャ

Interface
蛍光色が目に鮮やかなダークのUIキット。

UIのキャプチャ

UI Kit
ヴィンテージ風デザインがかっこいいUIキット。

UIのキャプチャ

UI Kit
ゲームのようなデザインのUIキット。

UIのキャプチャ

Untitled UI Kit
カラーにくすんだグリーンを使ったUIキット。

UIのキャプチャ

Blui Design Kit
カラーに美しいブルーを使ったUIキット。

UIのキャプチャ

UI Kit
ソフトなデザインのUIキット。

UIのキャプチャ

White UI Kit
白が鮮やかに映えるUIキット。

UIのキャプチャ

Milky UI Kit
ミルキーなデザインのUIキット、検索が動きますよ。

top of page

©2017 coliss