Webページやスマホアプリの洗練された新しいUIをチェック! BootstrapのテーマやAI, PSD素材のまとめ

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

Apple WatchのアプリケーションをデザインするためのさまざまなGUIが揃ったPSDのテンプレート素材。基本となるパーツをはじめ、上キャプチャのさまざまなアプリケーションのGUIが揃っています。

Apple Watchにあまり興味がなかったのですが、これを見てワクワク感がでてきました!

素材のキャプチャ

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

素材のキャプチャ

iOS 8 Vector UI Kit

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

素材のキャプチャ

iOS 8 Vector UI Kit

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

サイトのキャプチャ

Edge

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

素材のキャプチャ

Edge

サイトのキャプチャ

Animation Set

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

サイトのキャプチャ

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

top of page

©2017 coliss