タグ

2023年4月19日のブックマーク (2件)

  • 【Adobe XD】画像書き出し方法まとめ・注意事項

    Adobe XDでの画像の書き出し方法は、ほかのAdobeツールとは異なる点がいくつかあります。 今回はコーディングに移行する前の画像の書き出し方法についてご紹介していきます。 【参考】【AdobeXD】デザインカンプを作るときの基礎講座 (前回の記事でカンプ作成の基礎講座を紹介しているので、ぜひご覧ください!) XDの画像の書き出し形式 PNG 書き出しサイズ: 0.5x、1x、1.5x、2x、3x、4x、Web(1xおよび2x)、iOS(1x、2xおよび3x)、Android(選択したアセットの書き出し倍率:ldip、mdip、hdpi、xhdpi、xxdpiおよびxxhdpi) 書き出しサイズの選択肢はさまざまですが、後のコーディング作業を踏まえてWeb用のサイズを複数書き出すことができます。 例えば「Web」で書き出した場合、画像サイズとファイル名には下記のような特徴があります。

    【Adobe XD】画像書き出し方法まとめ・注意事項
    ar0
    ar0 2023/04/19
  • デザイン素材の書き出し - Adobe XD Trail

    Adobe XD からデザイン素材を PNG、SVG、JPG、PDF 形式で書き出せます。書き出したいオブジェクトを選択し、ファイル/書き出し/選択したオブジェクトを選択するか、ショートカットキーCmd/Ctrl + E を使い、アセットを書き出すダイアログが表示されます。 書き出し設定にデザインを指定すると、等倍の画像が書き出されます。書き出し設定にWebを指定すると、1倍と2倍の画像が書き出されます。同様に、書き出し設定にiOSを指定すると、1x、2x、3x 解像度の画像が書き出されます。Androidの場合は、ldpiからxxxhdpiまでの各サイズの画像が書き出されます。 画像を書き出し対象に指定しておくと、ファイル/書き出し/すべての書き出し対象から一括書き出しができます。 アートボード全体をPDF資料として書き出すこともできます。その場合は、ファイル/書き出し/すべてのアートボ

    デザイン素材の書き出し - Adobe XD Trail
    ar0
    ar0 2023/04/19