Adobe XD 2日目
投稿日:2021-11-09
更新日:2022-03-24
Chapter7:画像の調整・マスク
画像の読み込みサイズ
拡張子「.jpg」「.JPEG」画像は元の半分のサイズで配置される
他のファイルはそのまま
どちらの画像も「高さ:689px、幅:570px」左の「.jpg」はサイズが半分になった。「.png」はそのまま
わんちゃんかわいい
Chapter8:デザインカンプ
テキストを見ながら、デザインカンプ作成
Chapter9:書き出し
XDで作成したファイルから画像で書き出しができる
(作成したデザイングループを画像として保存ができる)
アートボード全体を1つの画像として書き出すこともできる
JPG | SVC | PNG | |
---|---|---|---|
使いどころ | 写真 背景画像 | 単色主体のロゴ・アニメーション画像 | グラデーションや透明・半透明を使ったロゴ・装飾画像 |
色数 | フルカラー(約1677万色) | フルカラー(約1677万色) | フルカラー(約1677万色) |
透明・半透明 | 不可 | 透明・半透明共に可 | 透明・半透明共に可 |
アニメーション | 不可 | 可 | 不可 |
データの重さ | 普通 圧縮率で変更可能 軽くすると画質が劣化する | 軽い 画素を持つ画像や写真には不向き | 重い 画質は劣化しない |
PDF:文字、図表、表などを紙に印刷するためのレイアウト(配置)を
保存するためのファイル形式
オンマウスデザインの書き出し
「ボタン」を複製して、Y軸方向に適当な数値分ずらして配置して書き出しを実行する