こんにちは。Hanasakiです。
この記事では、dpdpで作成中のページを「実際のサイト訪問者の目線」で確認する方法、
いわゆる「プレビュー機能」について紹介します。
アニメーションの動作や各パーツの表示位置など、細かな演出を仕上げていくうえで、
プレビュー確認しながらデザインを進める作業は、とても大切なステップです。
プレビューを開くのはとても簡単です。
デザイン画面のヘッダ右側上方の 「▷ プレビュー」 をクリックすると、現在のタブの右隣にプレビュー用のタブが開きます。
タブレット/スマホ向けのプレビューを見る
タブレットやスマホ向けのプレビューを確認したい場合、プレビューウィンドウの横幅を狭めると、段階的にタブレットやスマホ向けのデザインに切り替わります。
実際のタブレット・スマホ端末でプレビューを見る
タブレットやスマホの実機で見る場合、「▷ プレビュー」 の上にマウスオーバーすると下のように、
QRコードが出てくるので、タブレット(スマホ)で読み込みます。
クライアントにプレビューURLを送りたい場合も、ここからコピーできます。