Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
11
Help us understand the problem. What are the problem?

More than 5 years have passed since last update.

Experience Design CC(Adobe XD)で画面を左右移動ができなくてつらいあなたへ

Adobe XD使ってますか?

スクリーンショット 2016-05-16 15.10.40.png

Adobe XDはSketchのように、アートボード単位でざざっと簡易なワイヤーやデザイン(作り込みにはツライ)が組める&flintoのように画面遷移プレビューもローカル&Webで対応できる便利ツールなのですが、まさかの画面を左右に移動できなくてつらいという罠にはまったのでご紹介します。

答え. トラックパッドでのスワイプ、あるいはスペースを押しながらドラッグで移動すればOK😇

macbookをクラムシェルモードで使っていたりするとトラックパッドの存在を忘れて困惑しますのでご注意ください。僕はこのせいでしばらくアートボードを縦に並べて使っていました(上下はマウスホイールで)。これから使われる方はご注意を。当たり前だけどSketchのショートカットとちょっと違うんですよね。Adobe製品だもの。

スクリーンショット 2016-05-16 15.14.08.png

Web上のプレビューはこんな感じ。不要になったらURLごと削除できます。もちろんタップして他の画面に移動したり、フルスクリーンでデモもOK。リストのパーツは自動コピーで量産できたり画像のマスクはドラッグ&ドロップで使えたりするので、Sketchに比べたらまだまだ機能は足りないですが、プロトタイピングフェーズのツールとして個人的にはおすすめです!

参考リンク

UXデザインツール、Adobe XD (Preview) は毎月アップデート ー 気になる今後の追加機能は?
https://blogs.adobe.com/creativestation/web-adobe-xd-preview-roadmap

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
11
Help us understand the problem. What are the problem?