/ブラウザフレームのPSDを利用して簡単にファーストビューを確認するテクニック2015.01.10ブラウザフレームのPSDを利用して簡単にファーストビューを確認するテクニックTweetPocket今回はブラウザフレームのPSDを利用して簡単にファーストビューを確認するテクニックを紹介します。2014以降で利用できるテクニックです)まずはじめに以下リンク先よりブラウザフレームのPSDファイルをダウンロードして下さい。browser.psdのダウンロードは以下から。browser.psd1ファーストビューを確認したいWebサイトのデザインカンプを開きます。[リンクを配置]を選択し先ほどダウンロードした「browser.psd」を配置します。3配置する際、ドキュメントサイズに合わせて縮小されている可能性があるのでオプションバーを確認し、幅(W)と高さ(H)が100%になっていない場合は100%に変更します。4配置された「browser.psd」は中心に配置された状態なのでドキュメントの上端に揃えます。選択範囲でドキュメント全体を選択しオプションバーから「上端揃え」をクリックします。[属性]を選択し属性パネルを表示します。6「browser.psd」は画面解像度ごとにレイヤーカンプを設定しているので属性パネルのプルダウンで切り替える事が出来ます。7属性パネルのプルダウンから確認したい画面解像度を選択します。8デザインカンプにブラウザフレームが表示されました。(IE11のブラウザフレームです)ご活用いただけると幸いです。DesignSNSでもご購読できます。*メールアドレス(公開はされません。*次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。