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

 

 

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

 

 

 

詳細は以下から。

 

 

 

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

 

iOS 9 GUI iPhone

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

 

 

 

Bree Products Blocs

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

 

 

 

Bikees Template

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

 

 

 

Nerdial App UI

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

 

 

 

eCommerce iOS App

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

 

 

 

A1: Free App UI Kit

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

 

 

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

 

 

 

Baikal Startup – Free Sample

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

 

 

 

UI Kit Free PSD

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

 

 

 

Dyk – Blog UI Kit

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

 

 

 

Buvud Dashboard

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

 

 

 

Roady Traveler Dashboard

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

 

 

 

Fashion UI Kit

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

 

 

 

Evnets App

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

 

 

 

Fitness App

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

 

 

 

8 UI Mobile Menu

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

 

 

 

Material Calendar

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

 

 

 

Flat Music Player

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

 

 

 

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

 

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

 

 

Bree Product Page

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

 

 

 

Food Magazine Template

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

 

 

 

Saltcode Template

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

 

 

 

Carpathian Bootstrap Template

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

 

 

 

Evently – Event & Meeting Template

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

 

 

 

Business Template

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

 

 

 

Joby Landing Page

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

 

 

 

Webby – Free Website Template

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

 

 

 

Retro Car Template

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

 

 

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