Advertisement

latestuikit2015sep-top

 

幅広いウェブデザイン制作に活用したい、最新トレンドやデザインテクニックを盛り込んだ、Photoshop無料UIコンポーネント素材をまとめています。

 

 

世界中のデザイナーが作成したPSDファイルは、どれもきちんと整理されており、ダウンロード後すぐに利用することができます。また後半では、実際にUIデザインを利用したウェブサイト制作の参考にしたい、Webページレイアウト用PSDファイルも一緒にまとめています。

 

 

 

詳細は以下から。

 

 

 

配色やレイアウトの参考にしたい、無料UIコンポーネントPSD素材まとめ

 

iOS 9 UI Kit

Photoshopで完全再現された、最新版iOS 9のインターフェースがすべて揃っています。

ios9-psd-ui-kit-1

 

 

 

Atelier Sketch

水色とピンク色のパステルカラーの組み合わせが美しい、インテリアデザインをテーマにしたUIキット。Sketch専用ファイル。

Atelier-Sketch-Template

 

 

Awesome UI Kit

ウェブサイト制作に必要な、合計50種類のUIコンポーネント素材が揃っています。

awesome-free-uikit

 

 

 

Monocle UI Elements

ゴールドと黒の組み合わせがスタイリッシュで、余白スペースをたっぷり使った、モダンなUIデザイン。

monocle-uikit

 

 

 

Cardzz iOS PSD UI Kit

ダーク系デザインで作成された、iOSアプリ用UIデザインを合計21スクリーン揃えています。

cardzz-uikit

 

 

 

Shopping / Social UI Kit

やや丸みのあるスタイルをベースに、ショッピングサイトやソーシャルSNS向けのUIデザインを揃えています。

classic-time-uikit

 

 

 

Flat Web Elements Vector Set

フラットスタイルのカラフルなUIパーツが揃い、伸縮自在なベクター素材で作成されています。Illustratorでも使えるAI、EPSファイルも収録されています。

flat-web-elements

 

 

 

Free Web UI Kit

オンラインスクールを想定した、左サイドバー固定のナビゲーションメニュー。

school-uikit

 

 

 

Trend UI Kit

シンプルなUIキットなので、カスタマイズもしやすく、基本的なデザインテクニックのみで作成できます。

trend-uikit

 

 

 

UIKIT

ウェブサイト制作に活用できる、13種類のUIコンポーネントを揃えています。

utkit-600

 

 

 

Weed UI Kit

配色もデザインもシンプルなので、幅広く活用することができそうなコンポーネント。

Weed-Ui-Kit

 

 

 

Free Ecommerce UI Kit

シンプルで使いやすい、モバイル向けUIコンポーネント素材が揃っています。

Free-Ecommerce-UI-Kit-PSD

 

 

 

Livo UI Kit

発色が美しいグラデーションを利用したい、8種類のUIコンポーネント素材セット。

livo-ui-kit-600

 

 

Pulse iOS UI Kit

ファッション性の高いデザインが魅力的な、iOSアプリ用UIデザイン素材。

pulse-uikit

 

 

 

PerfectKit

デスクトップとモバイルに対応した、清潔感があってモダンなUIコンポーネント。

PerfectKit

 

 

 

Monica Web UI Kit

配色が美しいデザインで、ランディングページやショッピングサイトなど、さまざまなプロジェクトに対応します。

monifreefeat

 

 

 

そのまま使える、ウェブレイアウト用PSDファイルまとめ

 

Pages UI Web Kit

合計70種類のコンポーネントが揃っており、パズル感覚でコンテンツを組み立てることができます。

page-uikit2

 

 

高品質な素材ばかりが揃っており、有料となりますがHTML/CSSテンプレートも販売されています。

page-uikit

 

 

 

Philosophy Template

ファッション性の高いウェブサイト用テンプレートで、余白の取り方やコンテンツの並べ方など参考に。

philosphy-page-template

 

 

 

Dimension TWO Website Redesign

オンラインショッピングサイトなどの参考にしたい、グリッドを活用したいミニマルレイアウトが魅力的。

dtwo-website-redesign

 

 

 

Free Responsive PSD Template for Musician

音楽アーティスト用ウェブサイトを想定したデザインで、デスクトップだけでなく、モバイルとタブレット端末用レイアウトも同時に収録した、レスポンシブ対応のPSDテンプレート。

website-template-for-musicians-psd

 

 

 

Design & Tech Magazine Template

コントラストのあるデザインの作り方を紹介した記事では、参考例として紹介したデザインが、PSDテンプレートとして無料公開されていました。

tech-design-mag-full

 

 

 

Multi Purpose Business Template

ヒーローヘッダーやギャラリー、リスト形式など、企業サイト作成にも活用できる、スタイリッシュな配色もポイント。

white-and-gold-template

 

 

 

Mobile Landing Page

モバイル・アプリ用ランディングページを想定したPSDレイアウトで、スクリーン画面もスマートオブジェクトで自由に変更できます。

app-landing-psd

 

 

Space Exploration Web Freebie

ダーク系のUIデザインで統一されたインターフェースは、色鮮やかなグラデーションが見事に映えるレイアウトで、チャートやグラフなどのデータも多用するときに。

space-exploration-psd

 

 

 

Hugo Landing Page

音楽好きにオススメしたい、フルスクリーンで展開するコンテンツは、どれもスタイリッシュなものが並びます。

daft-punk-psd-template

 

 

 

Personal Website PSD Template #2

個人用ポートフォリオサイトを想定した、シンプルでモダンなPSDテンプレート。

personal-website-template-psd

 

 

 

Sky Free PSD Template

sky-business-template

 

 

 

Landing Page Bundle

魅力的なランディングページを作成したいときに活用したいアイテム。

free-landing-page

 

 

参照元リンク : Mobile Material Screens – EpicPxls