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を押すとアートボードつくれる