AdobeXDを知る

 

xdの5大機能

xdの勉強会をしてもらったので、勉強会のまとめをしておきます。

用語

アートボード
アートボードに対してグリッド引ける

リピートグリッド

この機能を使えるだけで
オブジェクトを繰り返せる
データの流し込みが非常に簡単(画像、テキストetc)
オブジェクトに対してまとめて

書き出し

素材を画像に書き出すことができる
* command + e
*
* 端末やサービスに合わせて、複数の画像サイズを自動的につくってくれる

レスポンシブサイズ変更

  • 設定でどこを固定するかを決め、横伸ばしや縦伸ばしでデザインが崩れないようにしてくれる
  • 「自動」
    • adobeがオブジェクトを勝手に判断し、伸ばしたり、伸ばさなかったりしてくれる
  • 「手動」
    • 自分でどこを固定したり、伸ばしたりするのを

UIライブラリ

  • ダウンロードして利用する
    • 例: https://developer.apple.com/design/resources/
  • メリット
    • モックアップを作るときに早い
    • スクショするより早い!

シンボル機能

  • オブジェクトを選択したときに
  • 他のアートボードまたいて、まとめて色を変えたり、オブジェクトを変えたりできる
  • 1番はじめにシンボル化したものを「マスター」という。
    • マスターを変更したら、コピーした方にも反映できる(= ファイルをまたいだシンボル反映)
    • コピーしたシンボルを解除すれば、編集できる

command + shift + y シンボル一覧をみる
command + k でシンボル化する

その他

tips

  • 共通パーツをつかうことが多いので、スマホとWebはまとめて作ったほうがよい
    • 軽量でさくさくうごくので、1枚でやったほうが楽

ショートカット

  • command + n : 新規作成
  • command + y : レイヤーだす
  • command + g : グループ化
  • 何も表示されていない状態で、aを押すとアートボードつくれる
  • このエントリーをはてなブックマークに追加
  • Pocket

関連記事-こちらもどうぞ

  • 記事はありませんでした。これから充実させていきますのでお楽しみに!

この記事へのコメントはこちら

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメント送信」ボタンを押してください。