adobe XD使い方
目次
きほん
保存
書き出しによって、PNG、SVG、JPG 、PDF形式で保存します
ショートカット
ショートカットadobe
アートボード
背景色
-
左上の矢印ツールでアートボードの左上のアートボード名をクリック
-
アートボードを青い線で囲まれたアクティブな状態にして
右のアピアランスの「塗り」をクリックして背景色を決められます。
大きさ
左上の矢印ツールでアートボードの左上のアートボード名をクリックし、
アートボードを青い線で囲まれたアクティブな状態にして、周囲の点をドラッグすると大きさが変えられます。
アートボード名
ファイル名ではなくアートボード名も変更可能。アートボード左上のアートボード名をダブルクリックし変更
グリッドの表示
右下、「レイアウト」にチェックを入れ、その直下の「縦列」に数値を入れる。
間隔や幅の調整もできる。
アートボードの保存
保存したいアートボードを選択し、左上三本線から「書き出し」→「選択済み」
アートボードの追加、移動、コピー
アートボードの追加
左側真ん中あたり、四角のアートボードのアイコンをクリックし右側から追加するアートボードのサイズ選択。
アートボードの移動
個別のアートボードの移動
-
左上の矢印ツールでアートボードの左上のアートボード名をクリック
-
アートボードを青い線で囲まれたアクティブな状態にしてドラッグし上下左右に移動。
全てのアートボードの移動、配置
- グレーの画面上をクリック、ドラッグしながらアートボードを囲うようにする。
- 移動したいアートボードを青線で囲まれたアクティブな状態にして、画面右上から「上揃え」「下揃え」「中央揃え」「水平に配置」「左揃え」「右揃え」などをクリックすると、各配置になる。
アートボードのコピー
左上のアートボード名をクリックし、altを押しながらドラッグ。
文字
左側「T」をクリック後、記述したい位置をクリック。
右側「テキスト」から、それぞれ、「フォント」、「大きさ」、「斜体」、「太字」「下線」を調整。
右側「テキスト」の下、「アピアランス」から、透明度、色を選択。
画像
フォルダなどから、ドラッグ＆ドロップで直接、アートボードに画像を挿入。
配置する場所に、あらかじめ図形を描いておき画像をドラッグ＆ドロップすると、その図形ぴったりに自動調整される。
アートボードの追加、移動
図形
対象をマウスで選択して、「Shift」+「Ctrl」+「Alt」を押しながら横または縦にドラッグすると、横または縦に真っ直ぐな方向にコピペになります。
対象をマウスで選択して、「Shift」を押しながら横または縦にドラッグすると、
横または縦に真っ直ぐ移動になります。
角丸対象を選択しクリック。または、ダブルクリックすると出てくる二重丸をドラッグして角度を調整。
右側、塗りの上にも調整する箇所がでてくる。
アセット（スタイルの登録）
左上「デザイン」文字のスタイルや図形（シンボル）を登録できます。
登録したい「図形」や「テキスト」を選択→左上「デザイン」
リピートグリッド
選択したものが続けて複数コピー作成できる。
要素を選択し右上の「リピートグリッド」をクリック。
間隔調整 間隔を選択後ドラッグ
外部リンク参考サイトさん
リピートグリッドやり方
プロトタイプ
画面遷移
