Webページやスマホアプリの洗練された新しいUIをチェック! BootstrapのテーマやAI, PSD素材のまとめ
Post on:2014年9月30日
Material Designを取り入れたBootstrapのテーマ、小さいGUIに魅力がたくさん詰まっているApple Watch、Appleのこれからの主力となるiOS 8のUI、進化して使いやすくなったフラットスタイルのコンポーネント、ユーザーに操作の楽しさと使いやすさを与えるさまざまなアニメーションなど、新しいUIを体験できる素材を紹介します。
新しいモノって見るだけでも、ワクワクしますよね。

Material Design for Bootstrap
Material Design for Bootstrap -GitHub
Googleが提唱する新しいUX「Material Design」をモチーフにしたBootstrap 3用のテーマ。
ナビゲーション、パネル、スライダー、ボタン、テーブル、フォーム、アイコン、タイポグラフィなど、さまざまなUIエレメントが揃っています。

Material Design for Bootstrapのコンポーネント

Apple WatchのアプリケーションをデザインするためのさまざまなGUIが揃ったPSDのテンプレート素材。基本となるパーツをはじめ、上キャプチャのさまざまなアプリケーションのGUIが揃っています。
Apple Watchにあまり興味がなかったのですが、これを見てワクワク感がでてきました!

Apple Watch GUI PSDの基本エレメント(他にも32種類のGUIがあります)

iOS 8のさまざまなUIが揃ったベクター素材。iOS 8の基本パーツをはじめ、基本アプリ、アイコンなどが揃っています。

PSDで欲しいという人には、下記のiOS 8のUIキットもオススメ!

フラットなスタイルのさまざまなコンポーネントが揃ったUIキット。ヘッダ、フッタ、ナビゲーション、ソーシャル、フォームから、ブログやEコマースサイトまで、カスタマイズも商用利用もOKのPSD素材です。


最後は、アニメーションセット。
スマホアプリ、Webページ用の気持ちいいアニメーションがたくさん掲載されています。スクロール、タップやクリック・ホバー、表示など、操作したくなるようなアニメーションばかりです。

Animation Set(他にも多数のアニメーションが掲載されています)
sponsors