Advertisement

free-music-app-ui-iphone-1

 

スマートフォンの利用者が増えたことで、さまざまなアプリ、ウェブサービスが発表されています。今まで以上にユーザーはデザインを求めるようになり、操作性を左右するUIデザインの重要度が高まっています。

 

 

今回は、機能性と高いデザイン性が魅力的な、無料UIコンポーネント素材をまとめてご紹介します。素材はどれもPhotoshopで編集することができ、これからのデザイン制作やプロジェクト案件の参考にしたい、デザイントレンドを盛り込んだフリー素材が中心に揃っています。

 

 

 

詳細は以下から。

 

 

 

機能性とデザイン性を両立した、すごいUIコンポーネント素材まとめ

 

Ghost Ship Mobile UI Kit

ブログやショッピングサイトなど7つのカテゴリーに、20種類のページを用意した、モバイルアプリPSDテンプレート。

20ghost-uikit

 

 

 

Picture Viewer

イメージ写真をまとめて表示、確認したいときに参考にしたい、グリッドレイアウトは今後ますます需要の増えるでしょう。

picture-viewer-kit

 

 

 

Photo Splash

iOSモバイルアプリを想定したフォトギャラリー向けアプリデザインで、サムネイル画像にフォーカスしたレイアウトが素敵です。

photo-splash-uikit

 

 

 

Skype App Concept with Material UI

マテリアルデザインを使ってSkypeアプリ用UIデザインを表現した、コンセプトデザインPSDファイル。

Skype-app-concept-with-Material-UI

 

 

 

Metro iOS App Template

太字タイポグラフィーに余白スペースをたっぷり用い、ゴーストボタンやカード式レイアウトなどトレンドに敏感なiOS向けアプリ作成にどうぞ。

free-metro-ios-app-template

 

 

 

Ultra UI Kit

細いアウトライン型アイコンに、グリッドレイアウトを採用したミニマルスタイルのUIデザインキット。

Ultra-UI-Kit-PSD

 

 

 

Nakropol Web UI Kit

オレンジ色をアクセントに限られた配色で作成された、ミニマルスタイルのウェブサイト用コンポーネント。

Nakropol-Free-Web-UI-Kit-PSD

 

 

 

Free UI Kit

人気HTMLフレームワークBootstrapを想定してデザインされた、グリッドレイアウトのUIコンポーネントが揃います。

Free-UI-KIT-PSD

 

 

 

Beach GUI

夏らしいパステルカラーを中心とした、さわやかな配色が印象的なUIコンポーネント素材。

Beach-GUI-by-Mike-Clarke

 

 

 

UI Graphs Freebies

複雑なデータや数値をフラットスタイルで表現したグラフ系UIコンポーネント。

a-set-of-modern-looking-ui-graphs

 

 

 

Small UI Kit

カード式コンテンツや音楽プレイヤーなど新技術満載で、ウェブサイトやアプリ作成に必要なUIコンポーネントが一式揃います。

UI_Kit

 

 

 

Free UI from Shakuro

企業サイトなどにも幅広く活用できるシンプルデザインで、スタイルガイド作成もしやすく整理されています。

Free-UI-PSD

 

 

 

Google Plus Page PSD GUI

Google+で採用されているレイアウトをそのままそっくり再現した、無料GUIテンプレート素材。

google-plus-gui

 

 

 

Flat Deisgn UI Kit

シンプルなレイアウトに、美しいグラデーションが映えるフラットスタイル採用のUIコンポーネント素材。

FlatDesignUikit_Teslathemes

 

 

 

Uistic Kit

半透明にカラフルな配色のインターフェースが印象的で、レスポンシブデザインに対応したテンプレートが揃います。

colorful-futuristic-ui-kit

 

 

 

Disco Musica

音楽向けモバイルアプリを想定したUIコンポーネントで、横スライド式ナビゲーションなどのトレンドを盛り込みながら、ピアノの鍵盤などユニークなアイテムも揃います。Sketchファイル。

disco-musica-mobile-app

 

 

 

Weather App UI Design

かわいいイラストで表現された天気予報アプリは、タイムラインをつかって分かりやすく表現しています。

weather-app

 

 

 

Perspective Screens Mock-Up

作成したモバイルデザインをより魅力的に仕上げる、PSDモックアップ素材も一緒に活用してみてはいかがでしょう。

perspective-app-mockup

 

 

サムネイル@ : Free Music App UI Kit – GraphicsFuel