Advertisement

 

 

webデザインを制作するときにどのようなデザインパーツを作成していますか。

すべてのパーツをデザインするとなると、時間も労力もかかってしまいます。そんなときはあらかじめデザインされた無料素材を利用してみはいかがでしょう。

 

海外デザインブログTop Design Magで、Web制作に役立つ無料PSDデザインパーツを30個まとめたエントリー「30 Very Useful and Free Resources for Designers」が公開されていたので、今回はご紹介します。

どれも1px単位の細かいディテールにまでこだわった高品質デザインとなっており、「これが無料?」と思うほどのクオリティーで仕上げられています。

サクッとデザインパーツを作成したいときなどに便利かもしれません。

 

 

詳細は以下から。

 

 

ダウンロードしておきたいPhotoshop用デザインパーツまとめ

 

A Simple Video Player

Webサイトでもたびたび利用される動画用プレイヤー、グラデーションやレタープレスデザインを利用した高品質プレイヤー。

 

 

Big Slider and Imgae Gallery

写真などを多く利用するWebサイトなどのヘッダーデザインに利用できそうなイメージ画像スライダー用PSD素材。

 

 

Image Slider

立体的な矢印ボタンなどをデザインしたイメージ画像用スライダーデザインPSD素材。

 

 

Upload Lightbox

ファイルアップロード機能を利用したWebサービスなどに便利なファイルアップロード用画面PSDデザイン。

1px単位にこだわったデザインパーツが印象的。

 

 

Lyrics Player

ダーク系デザインで作成されたmp3プレイヤーデザイン、サムネイルやスライダーなども一緒にデザインされており利用したいパーツのみを組み合わせても良さそうです。

 

 

iPad2 Image

最近発売されたばかりのiPad2をデザインしたPhotoshop用PSD素材で、簡単に表示されている壁紙を変更することが可能。

 

 

iMac

デスクトップ型iMacをそのまま忠実にデザインしたPhotoshop用PSD素材、一緒にアイコン素材(.pngファイル)もダウンロード可能。

 

 

iPhone 4 PSD: HD

やっと発売されたiPhone4のホワイトモデルにも対応したPhotoshop用PSDデザインキット。

 

 

App Slider

appleの公式サイトで利用されているようなアプリ用スライダーデザイン素材、レイヤースタイルを適用することで立体感を表現しています。

 

 

Fancy Slider + Toggles

メタリック調のトグル、テクスチャデザインを利用したスライダー用素材。

 

 

Shiny on/off Indicator

家電製品の電源をモチーフにしたぼんやりと輝くネオンが魅力的なデザイン素材パーツ。

 

 

Minimalist Horizontal Navigation

レタープレス(型押しデザイン)を利用したナビゲーションメニューPSD素材で、通常、ホバー、アクティブの3タイプが用意されています。

 

 

Mini Drop-Down Menu

ドロップダウンメニューをデザインするときに参考になりそうなデザインパーツで、通常、ホバー時の2タイプがあらかじめデザインされています。

 

 

Progress Bars

カラフルなグラデーションが変化するプログレスバーデザイン素材。

 

 

Dark UI Elemetns

ダーク系Webサイトデザインを作成するときに便利なボタンとプログレスバーをデザインしたUI素材キット。

 

 

Your Cart Widget

ショッピングサイトで注文した商品数、合計金額をまとめて表示したデザインパーツ、色違いの2タイプでデザインされています。

 

 

Shopping Cart

ショッピングサイトなどの買い物カートをデザインしたシンプルなPhotoshop素材。

 

 

Price Table

課金制のWebサービスなどの金額表示用テーブルをデザインした素材キット、ユーザーの興味を惹く高品質なデザインが特長。

 

 

Map Pins & Tooptips

GooleマップをWebサイトに利用しようとお考えの方にオススメしたいPSD素材で、ツールチップと目的地ピンがデザインされています。

 

 

Black Navigation Menubar

うっすらとストライプ柄テクスチャ素材を利用したダーク系ナビゲーションメニューバーのPSD素材パーツ。

 

 

Modern Web UI Set

シンプルでどんなデザインにも合わせやすいモダンなUIデザインパーツをまとめたお得なセットで、ホワイト、ダーク系の2タイプが用意されています。

 

 

Simple UI Elements

こちらもボタンやラジオボックス、スクロールバーなどのきれいめUIデザインパーツをまとめた素材セット。

 

 

IC Minimal Icon Set

各種ソーシャルメディアなどWebサイトで利用するであろうパーツをデザインした、清潔感のある無料アイコン素材。

 

 

PSD: Polaroid Revisited

お好みのイメージ画像をポラロイド写真に変換することができるPhotoshop用PSD素材。

 

 

Stationary Template

名刺や封筒などのレターセットを統一感のあるデザインで作成したPhotoshop用PSDテンプレート素材。

 

 

10k Downloads Ribbon

立体的にデザインされたリボンデザインで、細かくレイヤー別に分かれているので色やテキストの変更なども簡単に行うことができます。

 

 

最後にもうひとつ、、

 

Azuka – HTML CV / Resume Template

こちらはPhotoshopファイルではありませんが、HTMLとCSSを使って作成されたレジュメ、履歴書用テンプレート。

Webサイトに経歴、実績などを表示したいときに利用できるシンプルなデザインが魅力的。

HTMLとCSSファイルをまとめてダウンロード可能となっています。

デモページ

 

今回紹介したデザインパーツ素材はどれも無料ダウンロード可能となっており、デザイン制作の手助けとなってもらえれば幸いです。

 

[参照元 : 30 Very Useful And Free Resources for Designers – Top Design Mag]

[参照元 : Download a Free PSD Everyday – 365psd]

[参照元 : Free PSDs & Resources for Web Designers by Orman Clark – Premium Pixels]