画像をアップロードするだけでWebデザインのモックアップが作れるサービス 「MockUPhone」

mockuphone_com
このエントリーをはてなブックマークに追加
PR

レスポンシブデザインになると、スマホ、タブレット、PCでの表示のモックアップを作る機会が多いともうのですが
こちらのサイトをつかうと、画像をアップロードするだけで

各デバイスに画像を嵌めこんで、表示してくれます
そしてその画像をダウンロードすることもできるので、手軽にモックアップを作成することが出来ます

 

MockUPhone

http://mockuphone.com/

 

 

使い方

まず、数ある端末から作成したいものを選びます
今回は iMac で行ってみます

iMacの選択はページの下の方にあります

WS002331

 

右のエリアの破線のところにフルHDサイズの画像 1920px×1080px のサイズの画像をアップロードします
対応している画像は jpg、png、psdです

WS002332

フルHDのディスプレイを使っているのなら
WEBサイトを全画面表示にしたらちょうどのサイズでスクリーンショットが取れますね

 

 

画像は一度に複数枚登録することが可能です、複数枚登録することで画像の数だけモックアップが作成されます
Generate product mockups を押すとモックアップが作成されます

WS002334

 

 

完成したモックアップには方向があります
ダウンロードファイルにすべての向きのモックアップが含まれています、ディスプレイされるモックアップはランダムっぽいです

WS002335

Dwonload my mockups でダウンロード出来ます

 

ダウンロードにはメールアドレスが必要でダウンロードリンクはメールで届きます

WS002336

WS002337

 

届いたメールにあるリンクからダウンロードします

WS002338

 

 

こちらが作成しダウンロードしたものです

WS002333_imac2013_leftWS002333_imac2013_rightWS002333_imac2013_front

ハイクオリティですね!

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)