Loading...

ここに画像をドラッグ&ドロップ
または

※画像のファイル形式は、
JPEG・PNG・GIFに対応しています。

※751px以上はPC用デザインとして、
750px以下はスマホ用デザインとして処理されます。

閲覧パスワードを設定(任意)

※保存ボタンを押すことでサーバーに保存され、
URLリンクを発行します。(保存期間2週間)

保存しますか?

WEBデザインシミュレーターとは?

Web Design Simulator is...

さくっとアップ、すぐ共有! 最高に手軽な、
デザインカンプ
共有サービスです。

WEBデザインシミュレーターで簡単に共有イメージ

閲覧は表示切替タブで最適表示。
端末なんでも確認ラクラク。

使い方は画像(デザインカンプ)をドラッグ&ドロップするだけ。
FTP接続不要で、ブラウザ表示を手軽にシミュレートします。

デザインカンプ共有時のあらゆる煩わしさから解放する
WEBデザインシミュレータとしてご活用ください。

こんなお悩みから解放します。

WEBのデザインカンプはWEBブラウザで見てほしいイメージ

WEBのデザインカンプは、画像やPDFじゃなくて、やっぱりWEBブラウザで見てほしい。

FTPアップがちょっと面倒イメージ

だけど毎回のFTPアップがちょっと面倒。ベーシック認証も付けなきゃだし。

モニター環境の違いで意図通りに見られていないイメージ

クライアントとのモニター環境の違いで意図通りに見られていない。

ドラッグ&ドロップイメージ

point.01

FTPアップ不要。
ドラッグ&ドロップするだけ。

作成したデザインカンプをFTPサーバーに経由せず、デザインシミュレーターにドロップ&ドラッグするだけで手軽にUPすることができます。

PC用 or スマホ用を自動判定イメージ

point.02

PC用 or スマホ用を自動判定。
アップすれば勝手に最適な表示方法に。

PC版・SP版それぞれのデザインカンプをUP後、自動でサイズを判別し、閲覧者の端末画面サイズに合わせて最適に表示されます。

共有用URLを簡単発行イメージ

point.03

共有用URLを簡単発行。
短くてうれしい短縮URL。

「保存」ボタンをクリックするだけで、URLをすぐに発行することができます。また、任意で閲覧パスワードを発行することも可能です。 ※保存期間は2週間です。

疑似ディスプレイ端末環境関係なく表示イメージ

point.04

疑似ディスプレイで、端末環境関係なく、
意図したデザインを意図したサイズで確認。

タブ一つクリックするだけで、疑似ディスプレイが表示され、 デザイナーが意図したデザインを意図したサイズでご確認いただけます。

PDFでの出力もクリックするだけイメージ

point.05

PDFでの出力もクリックするだけ。
「紙で見たい」「指示を手書きしたい」も叶えます。

確認したデザインに手書きで修正指示を入れたいときなど、「PDFダウンロード」ボタンをクリックするだけで、PDFデータがダウンロードされ、印刷することが可能です。

ログイン不要イメージ

point.06

アカウント登録は不要。
つまりログインも不要。そのまま利用可能!

WEBデザインシミュレーターは、アカウント登録が必要ございません。このページをお気に入りに登録しておくだけで、いつでもすぐに利用することが可能です。

デザイナーと見る人(クライアント等)を軽やかにつなぎます。

端末環境の違いからくる誤解や見づらさ、解消します。

デザイナーと見る人(クライアント等)を軽やかにつなぐイメージ

PC用のデザインカンプ

PCデザインカンプイメージ

WEBデザインシミュレーターにUP!

  • PCで閲覧
  • スマホで閲覧

3種類から表示方法を選択できます。

画像サイズ原寸表示イメージ

画像サイズ原寸表示

画像サイズそのまま表示。
制作端末と閲覧端末のサイズが同じならこれがベスト。

画面幅にリサイズ表示イメージ

画面幅にリサイズ表示

閲覧端末のモニターが小さいときに便利。リサイズされてピッタリ表示。

疑似ディスプレイ表示イメージ

疑似ディスプレイ表示

色んな端末サイズを疑似再現。困ったときはこれ!

2種類から表示方法を選択できます。

画面幅にリサイズ表示イメージ

画面幅にリサイズ表示

スマホ画面のサイズに合わせて縮小表示。

疑似ディスプレイ表示イメージ

疑似ディスプレイ表示

スマホ画面でもPC版の疑似ディスプレイで確認可能!

SP用のデザインカンプ

SPデザインカンプイメージ

WEBデザインシミュレーターにUP!

  • PCで閲覧
  • スマホで閲覧

2種類から表示方法を選択できます。

画像サイズ原寸表示イメージ

画像サイズ原寸表示

確認するぶんには困らないはず。

疑似ディスプレイ表示イメージ

疑似ディスプレイ表示

スマホ端末でみるとどう見える?を疑似的に再現。

下記のみの表示となります。

画面幅にリサイズ表示イメージ

画面幅にリサイズ表示

お手持ちのスマホ画面に合わせてリサイズ表示。

WEBデザインシミュレータは
無料!で 登録も不要!

たしかに便利だなー。手軽だなー。
と思ったら、こっそり使わずに、
お知り合いのデザイナーさんにも教えてください。

さっそく使ってみる
ドラッグ&ドロップまたは選択した画像が
原寸大で表示されます。
ドラッグ&ドロップまたは選択した画像が
画面幅にリサイズして表示されます。

スマートフォンの疑似ディスプレイは、画像が画面幅に自動的にリサイズされ表示されています。
アップされた画像サイズによって全体的に拡大・縮小されているため、文字サイズ等が意図したサイズで表示されていない可能性があります。
あくまでおおよその参考イメージとしてご覧ください。

desktop
laptop
laptop
laptop
laptop
phone
端末画面サイズ(px) Retina用解像度(px)
375 x 812 1125 x 2436
phone
端末画面サイズ(px) Retina用解像度(px)
414 x 736 1080 x 1920
phone
端末画面サイズ(px) Retina用解像度(px)
375 x 667 750 x 1334
phone
端末画面サイズ(px) Retina用解像度(px)
320 x 568 640 x 1136
アップロード画像サイズ(px) 基準横幅(px) 基準サイズとの差分(px)
1920
1536
1440
1366
1280
414
375
320

Top

上を
隠す