Advertisement

latestui2015nov-top (1)

 

統一感があり、分かりやすいウェブサイトや、モバイルアプリの作成を手軽に行うことができる、無料ダウンロードできるUIデザイン素材をまとめています。

 

 

マテリアルデザインやフラットスタイルなど最新トレンドを採用したアイテムも多く、プロジェクトに応じて使い分けることができます。後半では、ウェブサイトの完成イメージをよりイメージしやすい、ウェブテンプレートPSDも一緒にまとめています。

 

 

 

詳細は以下から。

 

 

 

Web制作の効率化に役立つ!無料UIデザイン&ウェブレイアウトまとめ

 

iOS 9 GUI iPhone

Facebookが公式に公開した、iPhone iOS 9を完全再現した、無料GUIキット。ボタンなどのパーツはもちろん、リストやページレイアウトなど、すべてのデザイン素材が揃います。

ios9-gui-psd-sketch-facebook

 

 

 

Bree Products Blocs

ショッピングサイトの商品リストを想定し、トレンドのカード型デザインを採用しています。

shoppingsneaker-ui

 

 

 

Bikees Template

淡いグラデーションを利用し、画面を2分割したスプリット型レイアウトで、レスポンシブにも対応しています。

bikees-uidesign

 

 

 

Nerdial App UI

細いラインにフラットデザイン、半透明レイヤーなどミニマル要素を詰めこんだ、モバイル向けUIデザインキット。

Nerdial-UI-Kit

 

 

 

eCommerce iOS App

マテリアルデザインで作成された、ショッピングサイト向けiOSアプリデザイン。

ecommerce-ios-app-ui-kit

 

 

 

A1: Free App UI Kit

カラフルなグラデーションと豊富な45種類のレイアウトが揃ったUIデザインキット。

colorful-flexible-uikit

 

 

Photoshop CCのAdobeライブラリを利用し、各パーツごとにまとめ、いつでも利用することができます。

free-app-ui-kit7

 

 

 

Baikal Startup – Free Sample

幅広いデザインプロジェクトに対応できる、シンプルでクリーンなUIデザインが揃っています。

Baikal_FreeSample_600

 

 

 

UI Kit Free PSD

少しだけ丸みのあるカード型レイアウトを、ウィジェット状にデザインしています。

galaxy-chocolate-ui

 

 

 

Dyk – Blog UI Kit

100種類+のPSDファイルに、13種類のホームページ用レイアウトが揃っているので、あとはパズルのように素材を組み合わするだけで、ウェブサイト用テンプレートを作成できます。

dyk-blog-uikit

 

 

 

Buvud Dashboard

鮮やかな配色にクリーンなつくりは、誰にでもフレンドリーな管理画面デザイン。

buvud

 

 

 

Roady Traveler Dashboard

都市ごとに色付けした旅行向けアプリで、カラフルな管理画面向けレイアウトがポイント。

Roady-Traveler-Dashboard-PSD

 

 

 

Fashion UI Kit

ファッションサイトを想定した、モバイルアプリ向けUIデザイン。

fashion-ui-kit-app-sketch

 

 

 

Evnets App

パステルカラーの配色が美しいUIデザインで、タイムラインや円チャート、カレンダー機能などが揃います。

minimar-sergey-app

 

 

 

Fitness App

フィットネスなどヘルス系アプリを想定したデザインは、鮮やかでイキイキとしたカラーリングに注目。

daily-lifestyle-calculation

 

 

 

8 UI Mobile Menu

モバイル端末でのナビゲーションメニューの展開スタイル8種類をセットに。

ui-mobile-menu-preview

 

 

 

Material Calendar

マテリアルデザインをベースに作成された、カレンダーアプリUIデザイン。

material-calendar-app

 

 

 

Flat Music Player

余分なデザインを削ぎ落とした、ミニマルな音楽プレイヤー用UIデザイン。

minimal-music-player

 

 

 

Webデザインのお助けアイテム、参考にしたい無料ウェブレイアウトPSDまとめ

 

実際にUIデザインを組み合わせ、レイアウトを決めるときの参考にしたい、テンプレート素材も一緒にまとめています。こちらも無料ダウンロードできるので、他のデザイナーがどのように配置しているのか、じっくり確認することもできます。

 

 

Bree Product Page

先ほど紹介したUIデザインの商品ページ。分かりやすく、より実践的なデザイン。

cbd8a85d-6b16-473a-a7ba-4431f45f84a4

 

 

 

Food Magazine Template

鮮やかな色使いにカード型デザインを採用した、フード向けPSDテンプレート。

food-magazine-dribbble

 

 

 

Saltcode Template

配色の参考にしたい、ランディングページ向けPSDテンプレート素材。

0823d6a6-7208-4de4-a000-bcc483cb9b5f

 

 

 

Carpathian Bootstrap Template

HTMLワイヤーフレーム Bootstrap 3の仕様に対応した、ミニマル系ウェブ用テンプレート。

744b20b5-b546-40a2-bac8-66f4a711e03b

 

 

 

Evently – Event & Meeting Template

イベント開催を知らせるウェブページとして、ダークな背景に黄色がアクセントになっています。

5fa625c0-804a-476f-9f2b-8fde9a9f4ff0

 

 

 

Business Template

写真をうまく並べたユニークなレイアウトで、余白スペースをたっぷり確保したミニマルスタイルが素敵。

67b38715-4fa5-48d3-8d54-11fd5b8e539b

 

 

 

Joby Landing Page

クリエイティブ分野の求人サイトを想定した、親しみやすい配色のテンプレート。

09c07679-01bb-436c-a8d7-9bd237196f0e

 

 

 

Webby – Free Website Template

ヒーローイメージまで突き抜けた、ユニークなサイドバーデザインが特長のPSDテンプレート。

Webby-Free-Website-Template

 

 

 

Retro Car Template

レトロなクラシックカーをモチーフに、配色にもこだわったPSDテンプレート。

retro-car-psd-web-template

 

 

参照元リンク : Spool: 6 Mobile UI Templates – Pixel Buddha