Advertisement

 

 

最近のウェブデザインの特長のひとつとして、ピクセル単位にまで気を配ったデザインパーツを利用しているケースをよく見かけるようになりました。

影などを利用した立体的なデザインやテクスチャ素材を使ったボタンデザインなどジャンルはさまざまです。

 

海外デザインブログInspiration Feedでウェブデザイン制作に使える要ダウンロードの無料PSD素材を50個まとめたエントリー「50 Stunning Pixel Perfect PSD Freebies」が公開されていたので、今回はご紹介します。

 細かくレイヤー分けされたPSDファイルはステッカー感覚でレイアウトすることが可能となっており、細部に注意を払うことでウェブサイト全体の印象をがらりと変えることができるかもしれません。

 

2011.05.10追記

今回紹介していないPhotoshopPSD素材ファイルがまだたくさんあったので、別記事で追加しています。

こちらもよろしかったら一緒に確認していただくと良いかもしれません。

追加分、ダウンロードしておきたいWebデザイン制作用Photoshop無料PSD素材15個まとめ

 

 

詳細は以下から。

 

 

ダウンロードしておきたいウェブデザイン制作用Photoshop無料PSD素材まとめ

 

Black UI v.1

ダーク系デザインのウェブサイトに使うであろうUIデザインパーツをすべてセットにしたお得な無料PSD素材のひとつ。

iPhoneなどを連想させる立体的なデザインが特長となっており、ぼんやりと光る青色ネオンがポイント。

 

 

Dark Navigation Menu

ザラザラとしたノイズテクスチャを絶妙に重ねたナビゲーションメニューバー用PSD素材で、通常時に加え、ホバー、アクティブ時の3タイプが用意されています。

 

 

Multicolor Rounded Noisy Buttons

こちらもノイズテクスチャを重ねてデザインされた高品質なボタンデザインで、10色のカラーバリエーションに加え、通常、ホバー、アクティブ時を想定した3タイプずつデザインされています。

 

 

Mini Tooltips

新着記事やコメント数などを表示するときに使えそうなミニ吹き出しデザインを5色まとめた素材用ファイル。

 

 

Web2.0 Style Pricing Box

オンラインサービスの価格表などをデザインするときに便利な質感の高いPSD素材。

 

 

Blue and White GUI Kit

落ち着いた色使いのグラデーションが魅力的なボタンやドロップダウン、ラジオボタンなどのGUIパーツをまとめた素材セット。

 

 

Login Panels PSD

ポップアップで表示されるログインパネルを青、みどりの2色でデザインしたPSDデザインパーツ、日本語に変更することでそのまま利用することができそうです。

 

 

Simple Thumbnail Carousel

サムネイルを利用したスライダーなどを実装するときに使いたい立体感のあるデザインPSD。

 

 

Album Cover Art Carousel

音楽関連のウェブサイト制作を行うときに取り入れたいサムネイルをメインにしたカーソルデザインのひとつ。

 

 

Seek Bar

ディスク容量を表示したり、ファイルのアップロード、ダウンロード画面などに利用したいインパクトのあるプログレスバーデザイン。

 

 

Neat Slider

iPhoneの様な質感を表現した高詳細スライダーUIデザインパーツで、メタリック調つまみデザインが印象的。

 

 

Tron Players

映画Tronをモチーフにデザインされた音楽再生プレイヤーで、青とみどりの2色のネオンデザインが再現されています。

 

 

Retro Flip Clock

パタパタとパネルを切り替えて時間を表示するレトロな時計デザインのディスプレイで、グランジデザインを加えることで独特の質感を表現しています。

 

 

Green Pack#4 More Ribbons

背景にうっすらとした影をデザインすることで立体的に魅せたリボンデザイン用PSD素材ファイル。

 

 

Simple “To The Top” Button

ウェブサイトに「トップへ戻る」ボタンを実装するときに使いたいやさしい色使いのボタンデザイン30個セット。

 

 

Admin One Ticket Stubs

海外などで使われていそうなかわいらしいチケットデザイン2タイプセット。

 

 

Tickets x 7

上記の様なチケットデザインを7種類まとめたお得なセットで、どれも本物そっくりな質感を表現しています。

 

 

Basal Icons

ウェブサイト制作に使える質感の高い32x32pxのアイコン素材を50種類まとめたセットで、PSDファイルのほかに背景画像のないPNGファイルも同時に収録されています。

 

 

Tab Color: Social

twitterやfacebookなどのSNSサービス用アイコンからAmazonやPaypal、RSSなどよく利用するアイテムを32個まとめています。

 

 

32px Social Media Icons

やや立体的にデザインされたグラデーションの色使いがとてもきれいなソーシャルメディア関連ロゴのアイコン素材セット。

 

 

Slick UI Elements

思わずクリックしたくなるような質感の高いCall To Actionボタンデザインをモノクロ、ホワイトの2種類セットにしました。

 

 

Blue Featured Ribbon

特集記事などのサムネイルと一緒にレイアウトしたい、立体的にデザインされたリボンデザインパーツ。

 

 

Product Box

ショッピングサイトを制作するときに使いたいパステルカラーをメインとしたボックスデザイン(ボタン付き)。

 

 

Paypal Buttons

オンライン決済としてPaypalを利用しようとお考えの方はこんな爽やかな色使いのボタンデザインはいかがでしょう。

 

 

Instagram Sign-in Buttons

iPhoneアプリInstagramをテーマにデザインされたレトロカラーのボタンデザインセット。

 

 

Leatherbound Tumblr Theme

ブログとして利用したり、情報収集用ツールとして利用したり、ギャラリーとして使ってみたり幅広い用途のあるTumblr用テーマデザインで、ウッドテクスチャと本物そっくりのメモ帳デザインの組み合わせが◎。

 

 

最後にもうひとつ、、

 

www.designdeck.co.uk

 

Design Deckは商用利用可能なウェブデザインに使える無料UIデザインパーツを定期的に公開しているサイトです。

どれも細かい部分まで気を配った高品質デザインが多く公開されているので、RSSリーダーに登録しておくと便利かもしれません。

 

Pagination Menus PSD

鮮やかな色使いのページ送り用UIデザインパーツ素材。

 

 

Box Shadow PSD

立体的に魅せる影をうまく表現したPSD素材で、サムネイル画像などと一緒に利用したくなるアイテムのひとつ。

 

 

Modern Search Fields PSD

カラフルにカラーリングされたレタープレス(型押し風)デザインの検索ボックス。

 

[参照元 : 50 Stunning Pixel Perfect PSD Freebies – Inspiration Feed]