Advertisement

preview-window-psd

 

時間をかけてデザイン、制作したWebサイトをお披露目するときどうしていますか。

たとえばクライアントに見せたり、プレゼンテーションに使うときは、デザイン用スクリーンショットを用意してみてはどうでしょう。

 

 

海外デザインブログHongkiat.comで、各ブラウザの枠フレームのみをデザインした無料PSD素材20個をまとめたエントリー「20+ Free Web Browser Frame PSD Templates」が公開されていたので、今回はご紹介します。

 

 

枠フレームに完成したWebサイトのスクリーンショットをはめ込むだけで、質感をグッと高めることができそうです。

モックアップデザインの枠組みとしても利用することができ、アイデア次第で用途もさまざまですね。

 

 

 

詳細は以下から。

 

 

プレゼンやサイト作成に◎、各ブラウザ枠フレーム用PSD素材まとめ

 

7 Free Web Browser Frame

ChromeやFirefox、Explorerなど、合計7種類のブラウザのウィンドウデザインに対応した、便利PSDデザイン素材セットです。

7-free-web-browser-frames

 

 

 

Web Browser PSD’s

上記セットと変わりませんが、ブラウザのバージョンがよりアップデートされた無料フレームPSD素材となっています。

web-browser-psds

 

 

 

Simple Browser Chrome PSD

アドレス入力欄とボタンのみのシンプルすぎる、ブラウザー枠フレームPSD素材となっています。

simple-browser-chrome

 

 

 

Chrome UI Kit

Macbook利用時のGoogle Chromeウィンドウを、そっくりそのままPhotoshopで再現しています。

chrome-ui-kit

 

 

 

Dark Sexy Browser Chrome

こちらもGoogle Chromeをモチーフにしていますが、黒を基調としたスタイリッシュなブラウザーフレーム。

サイトデザインをよりアピール、訴求することが可能かもしれません。

dark-sexy-browser-chrome

 

 

 

Browser Chrome

OS Xに対応したGoogle Chromeのブラウザ枠フレームPSD素材で、モックアップ作成などにも活用可能となっています。

browser-chrome-rich-hemsley

 

 

 

Browser Chrome Interface

1px単位で完全再現された、Google Chromeウィンドウ用PSD素材ファイルのひとつで、サムネイル画像をはめ込むだけのお手軽素材となっています。

browser-chrome-interface

 

 

 

Browser Chrome

やや丸みを帯びたスタイルが印象的な、ブラウザ枠フレーム用PSD素材です。

サンプル用イメージ写真があらかじめ用意されており、編集も簡単でした。

browser-chrome-chris-wallace

 

 

 

Free PSD: Simple Browser Surround

当サイトでもよくご紹介している、Premium Pixelsが作成した、シンプルな枠フレームPSD素材です。

simple-browser-surround

 

 

 

Chrome Freebie (PSD)

矢印マークだけがデザインされた、ごくシンプルな枠フレームPSD素材。

利用するかしないかによって、第一印象ががらりと変わってきそうです。

chrome-freebie-psd

 

 

 

Browser Frame with Auto Reflection (PSD)

お好みのスクリーンショットを、指定されたレイヤーに配置することで、映り込みを自動的に表現してくれます。

browser-frame-with-auto-reflection

 

 

 

Free Browser Form Elements PSD

こちらは枠フレーム以外にも、利用されているボタンなどのUIデザインも一緒にしたPSD素材セットです。

free-browser-form-elements-psd

 

 

 

Free PSD Templates

ブラウザだけでなく、通常利用するデスクトップウィンドウなど5種類に対応した無料PSD素材。

transparent-window-templates

 

 

 

Fore Immediate Consumption

ウィンドウ最大幅960pxのグリッドラインがレイアウトされた、Webデザイン制作向けPSD素材ファイルとなっています。

960gs-chrome

 

 

 

Browser & Magnify PSD

シンプルなブラウザ枠フレームだけでなく、虫めがね機能も一緒にデザインされています。

browser-magnify-psd

 

 

 

Photoshop Browser Template

Firefoxバージョンの枠フレームデザイン用PSD素材なども、一緒に収録されています。

photoshop-browser-template

 

 

 

Safari Browser Template

OS Xに対応した、Safariブラウザ用フレームデザインPSD素材です。

safari-browser-preview

 

 

 

Mini Browser

プレゼンテーション用に、ブラウザデザインにテクスチャを追加した、PSD素材ファイル。

mini-browser

 

[サムネイル@ : Preview WIndow (PSD) – FreeTitans]

[参照元 : 20+ Free Web Browser Frame PSD Templates – Hongkiat.com]