メインコンテンツにスキップ

プレビューで確認する

Hanasaki avatar
対応者:Hanasaki
一週間前以上前にアップデートされました

こんにちは。Hanasakiです。

この記事では、dpdpで作成中のページを「実際のサイト訪問者の目線」で確認する方法、

いわゆる「プレビュー機能」について紹介します。

アニメーションの動作や各パーツの表示位置など、細かな演出を仕上げていくうえで、

プレビュー確認しながらデザインを進める作業は、とても大切なステップです。

プレビューを開くのはとても簡単です。

デザイン画面のヘッダ右側上方の 「▷ プレビュー」 をクリックすると、現在のタブの右隣にプレビュー用のタブが開きます。


タブレット/スマホ向けのプレビューを見る

タブレットやスマホ向けのプレビューを確認したい場合、プレビューウィンドウの横幅を狭めると、段階的にタブレットやスマホ向けのデザインに切り替わります。

  

実際のタブレット・スマホ端末でプレビューを見る

タブレットやスマホの実機で見る場合、「▷ プレビュー」 の上にマウスオーバーすると下のように、

QRコードが出てくるので、タブレット(スマホ)で読み込みます。


クライアントにプレビューURLを送りたい場合も、ここからコピーできます。

 

こちらの回答で解決しましたか?