Webサイト制作を大幅短縮!すごい無料UIコンポーネント&PSDページレイアウトまとめ

latestui2015-top

 

Webサイトをデザインするときに活用することで、今っぽいデザインを手軽に完成させることができるPhotoshop用UIコンポーネントやWebページテンプレートPSD素材をご紹介します。

 

 

フルスクリーン背景イメージや、マテリアル・デザインゴーストボタン、ハンバーガー型ナビメニュー、カード状レイアウトなど2015年のデザイントレンドを取り込んだアイテムが揃っており、気軽にスタイリッシュなデザインをたのしむことができます。

 

 

 

詳細は以下から。

 

 

 

今っぽいサイトを手軽に作成!無料UIコンポーネント&PSDページレイアウトまとめ

 

Number One UI Kit

サッカーをモチーフに作成されたUIデザインキットで、試合スコアや順位表、各種選手の詳細情報をまとめたりと本格的な仕上がり。

number-2

 

 

 

Bussolini UI

合わせやすい青色をベースに、シンプルなフラットスタイルで再現された、モバイルアプリ用UIコンポーネント一式。

Bussolini.com-UI

 

 

 

Winter iOS Design Kit

Retinaディスプレイに対応した、モバイル向けアプリ、ウェブサイト用テンプレート素材セット。ゴーストボタンなどミニマルスタイルが特徴。

winter-uikit-2

 

 

 

EventRay UI Design

やや丸みのあるスタイルに、フラットデザインを加えることで、企業サイトなどでも活用できる万能アイテム。

eventray-ui

 

 

 

Hero UI Kit

架空のスーパーヒーローを題材にしたUIコンポーネント素材で、鮮やかな配色はデザインの参考にいかがでしょう。

Hero-UI-kit

 

 

 

iOS 8 Wireframing UI Design Kit

iPhoneやiPad向けアプリやウェブサービスを開発するときに使いたい、すべてのデザインコンポーネントを完全再現したUIキット。

ios8-kit-iphone6

 

 

 

Benefits App

モバイル端末向けレイアウトで、オンラインショップや企業サイトのトップページなどに活用しやすいPSDテンプレート素材。

tempees_dribbble

 

 

 

iOS 8 Keyboard Concepts

実際にiOS 8で使われているキーボードを忠実に再現しており、ホワイトとダークバージョンの他に、背景が透けた半透明バージョンも一緒に収録しています。

ios8-keyboard-psd

 

 

 

iOS 8 App Icon Template

最新版iOSに対応したアイコン素材を手軽に作成できるテンプレート素材で、Apple Watch用アイコンも一緒に収録されています。

iOS-8-App-Icon

 

 

 

Apple Watch Ui Kit

発売がたのしみなApple Watch用イラストレーションで、モバイル・アプリでの操作方法などを説明するときにいかがでしょう。

iwatch-illustration

 

 

 

Business UI Elements

ボックスレイアウトを中心に、使いやすい色使いで作成されたフラットスタイルのUIコンポーネントを収録。

Business-UI-Elements

 

 

 

Shapes UI Design Kit

半透明のカード状デザインエレメントを中心に、ミニマルなアイコンを採用するなど、シンプルさにこだわったUIコンポーネント。

fashion-basic

 

 

 

Flat UI Kit

基本的なツールとデザインのみを落とし込んだ、プロトタイプ向けPSDデザインテンプレート。

freebie-psd-flat-ui-kit

 

 

 

Image Hover

Webサイトで利用されるサムネイルが、マウスホバーでどのように変化するかまとめて確認できます。

image-hover

 

 

 

無料PSDテンプレート素材まとめ

 

Arvi Template

スマートフォンやタブレットなどあらゆる端末でのレイアウトに対応する、オンラインストア向けテンプレート素材。全部で64種類にも及ぶレイアウトが収録されているので、サイト制作に迷ったら目を通したいアイテム。

arvi-template

 

 

 

 

Momentio

幅広いWebサイト制作に利用できるシングルページ完結型レイアウトで、Googleフォントを利用するなどカスタマイズ性にも優れたアイテム。

multi-momentio

 

 

 

Tumblr Free PSD Template

左スライド式ナビメニューを採用し、モバイル向けレイアウトも一緒に収録したエレガントな印象のWebページテンプレート素材。

constellation

 

 

 

Creative Minimal Agency Webpage

各要素の背景にイメージ写真を利用するなど、クリエイティブな表現が可能なウェブサイト用テンプレート素材。

minimal-grid

 

 

 

DSGN PSD Template

デザインスタジオ向けポートフォリオサイト用テンプレートで、ブロックレイアウトを利用したスタイリッシュな雰囲気が魅力です。

dsgn-template

 

 

 

Photographer Template Web

イメージ写真をたくさん利用するフォトグラファーなどにオススメしたい、ビジュアルを重視したレイアウトが可能なポートフォリオ向けテンプレート。

photography-farway

 

 

 

One Page Restaurant PSD Template

レストランやカフェなどに使えるメニュー表などが用意された、ランディングページ向けPSDテンプレート。

food-lambda

 

 

 

Miami

シンプルで使い勝手の良いランディングページ向けレイアウトで、Arviテンプレートの同じデザイナーが作成しています。

miami-free-psd-template

 

 

 

Company Landing Page PSD Template

企業向けサイトを想定した、親しみやすい配色が素敵なウェブページ用PSDテンプレート素材。

go-nature-template

 

 

 

Ekomers

情報をまとめて表示したいときに便利な、ランディングページ向けPSDテンプレート素材。各種コンテンツが用意されており、自由な並び替えも可能。

fikristudio-landingpage

 

 

 

Buje One Page PSD Template

ヒーローヘッダーにはじまり、ポートフォリオ向けギャラリーやお問い合わせフォームなど必要最低限のUIコンポーネントが一式揃ったレイアウト。

Buje-One-Page

 

 

 

The Grid

人口知能を使って自動でWebサイトを作成できるオンラインサービス、The Gridのサンプル用PSDテンプレート素材セット。詳しい詳細は、こちらのエントリーで触れています、参考にしてみてはいかがでしょう。

grid-free-websites

 

 

 

La Casa

不動産関連のサイト制作に参考にしたいテンプレート素材で、PSDファイルの他にBootstrapをフレームワークに使ったHTMLファイルを同時に収録しています。

la-casa_real_estate_html5_template

 

 

サムネイル@ : Number One UI Kit – PixelBuddha