sit in a circle and chat happily

Adobe XD 2日目

投稿日:2021-11-09
更新日:2022-03-24
Adobe XD

Chapter7:画像の調整・マスク

画像の読み込みサイズ

拡張子「.jpg」「.JPEG」画像は元の半分のサイズで配置される
他のファイルはそのまま

同じサイズの.jpgと.png

どちらの画像も「高さ:689px、幅:570px」左の「.jpg」はサイズが半分になった。「.png」はそのまま

わんちゃんかわいい

Chapter8:デザインカンプ

テキストを見ながら、デザインカンプ作成

Chapter9:書き出し

XDで作成したファイルから画像で書き出しができる
(作成したデザイングループを画像として保存ができる)

XDで作ったボタンデザインを書き出した画像

アートボード全体を1つの画像として書き出すこともできる

猫ちゃんが2匹隠れてるで
JPGSVCPNG
使いどころ写真
背景画像
単色主体のロゴ・アニメーション画像グラデーションや透明・半透明を使ったロゴ・装飾画像
色数フルカラー(約1677万色)フルカラー(約1677万色)フルカラー(約1677万色)
透明・半透明不可透明・半透明共に可透明・半透明共に可
アニメーション不可不可
データの重さ普通
圧縮率で変更可能
軽くすると画質が劣化する
軽い
画素を持つ画像や写真には不向き
重い
画質は劣化しない
画像形式

PDF:文字、図表、表などを紙に印刷するためのレイアウト(配置)を
    保存するためのファイル形式

オンマウスデザインの書き出し

「ボタン」を複製して、Y軸方向に適当な数値分ずらして配置して書き出しを実行する

オンマウスデザイン
カテゴリー