DiaryTechnology

Photoshopのデザインデータをブラウザでプレビューする方法

By 12月 17th, 2016 No Comments

Screenshot 2016 12 17 17 21 20

レスポンシブの時代、ブラウザサイズや端末がたくさんあってデザインが大変ですね..。最近は、1440px x 835pxでデザインしています。

ただブラウザで見てみないと実感がわかない、ユーザの気持ちがわからないので、何かプレビューする方法はないかと思っていたところ、見つけました。今までは、jpgで書き出して、ブラウザにドラッグしていたんです..。Web用に保存(command + option + shift + s)でダイアログが表示された後、左下にある「プレビュー… 」ボタンを押します。

SafariのResize Windowを使うと、指定したサイズにリサイズできて便利です。

Resize Window

Kunitaka Kawashimo

Kunitaka Kawashimo

アートディレクター・デザイナー・フォトグラファー。株式会社クリーム代表取締役。グラフィックデザイン/Webデザイン/撮影の仕事のご相談・ご質問は、お気軽に以下までご連絡ください。info@creamu.co.jp