目次

    まえおき。XDで奮闘中

    前職もデザイナーでしたが、ずっとPhotoshopでWEBデザインを作っていました。
    デザイン部でXDを導入したときは、サイト運用チームだったので、
    XDでゴリゴリとデザインをする機会がありませんでしたが
    (ペラ1の特設ページ程度でそんなに凝ったものはなくなんとなくで使って出来る範囲)
    アイデアランプではXDを使ってWEBデザインを作成しています。
    なので、もっと勉強してバリバリデザインできるようにしないと〜!と奮闘中です。

    XDのショートカットを覚えたい

    効率よくデザインをするためにはショートカットを使うことが大事

    メニューや右クリックからポチっと押せば機能を使うことは出来るんですが
    メニュー→パス→パスの変換みたいに作業するのは非効率。
    XDのショートカットはPhotoshopやIllustratorと若干違ったりするので、
    思ったメニューにならなくてんんん・・・!となることが多いのです。

    ググってみたが求めるものと違った

    そこで、いろいろググってみたらショートカットシートがAdobe公式で配布されていたのですが
    印刷できるけど、英語ワカラナイ。

    先人のみなさんが作った日本語版もあったのですが、印刷することをあまり考えられてないような気がして・・・
    (作ってくれた方ごめんなさい)
    ●PCで作業しながら、なんだっけ?ってシートを手にとってさっと見たいので印刷したい
    ●元データが画像1枚/PDF1ページだと、縮小されて読めない(or 読めるように倍率変えても変なところで区切られて印刷されるから見にくい)
    ●色が広範囲で使われている

    求めるデータ

    ●A4サイズで可読できるもの
    (家庭用プリンターで印刷するためA4縛り)
    ●色があまりついていない状態のもの
    (インクが多いと紙がヨレヨレになる・・・!)

    A4印刷用のXDショートカット一覧を作ってみた

    ということで、求めるデータがなかったので、自分で作ってみました。
    PDFはこちら(Google共有フォルダに飛びます)
    ※内容はAdobe公式のショートカットからコピーしています
    ※Shiftとか⇧とかの表記揺れが気になるけどひとまずそのまま

    おわりに

    いったん公開しましたが、これから自分で使ってみてアップデートしていく予定です。
    そして作ってみたものの、この機能なんだろうっていうのが逆に出てきたのでまた勉強せねば・・・

    今までインプットばかりでアウトプットをあまりしてこなかったのですが
    ただなんとなくインプットするより、アウトプットしようと思ってインプットしていると、
    ちゃんと理解しよう!という気持ちが全然違うなと感じました。

    なのでアウトプットの場所を増やそうとTwitterも始めてみました。
    よかったらフォローしてください♪
    https://twitter.com/okojo_designer
    最後までお読みいただきありがとうございました!

    参考

    Adobe公式
    https://helpx.adobe.com/jp/xd/help/keyboard-shortcuts.html
    よく使うXDショートカット集
    https://ririmohu.com/blog/2018_07_12_wed/
    Adobe XDのショートカット一覧を作りました
    https://note.com/ebifry/n/nfbbc3d628f33
    仕事効率アップ!AdobeXDの便利なショートカットキー チートシート(早見表)作ってみました
    https://blog.maromaro.co.jp/archives/3885

    PREV
    2022.06.10
    フレーミング効果とWEBサイト
    NEXT
    2022.06.10
    【自動】Pythonを使ってSlackに定期的にメッセージを投稿する