デイトラWeb制作コース初級編DAY16の学び
【この記事に書いてあること】
プログラミング学習23日目⏩
— ふりっく💻トリプルゼロのWeb制作者 (@FuRiC_twi) February 9, 2021
Web制作コース初級編DAY16💻
学習時間:1時間45分⏳
学習内容:XDでスマートフォン版のカンプを作る✏
学び📚
・スマホサイズ専用のアートボードがある
・各セクションごとグループ化して見やすくする
・カンプから画像を保存することができる
詳しくはQiitaへ#デイトラ pic.twitter.com/SqGvKE0Ze5
【制作物】
【学び】
1
スマホサイズ専用のアートボードがある
２
PC版とスマホ版のカンプが完成したら、各セクションごとグループ化して見やすくする
3
カンプから画像を保存することができる！
けど、可能であれば元画像をもらった方がいい
「選択した項目を書き出し」で保存できる
4 【JPGとPNGの違いとは？】
・JPGデータ：写真に適している
・PNGデータ：色数の少ないもの（イラスト）
四角形でないもの（アイコン）
透明な部分があるもの（ロゴ）に適している
５ 【Retina使用について】
最近のPCは解像度が高いディスプレイが多い
なので、カンプの画像のより大きいサイズの画像データを用意するとRetinaディスプレイでもきれいに映すことができる
＜方法＞
書き出し時に、「Web」を選択する
６ 【効率のいい書き出し方法】
書き出したい画像の横にある四角形マークを押す→一斉書き出し
７
アードボード全体も書き出しができる
アートボード全体を選択した後に書き出し
８ 【Web上からでもカンプを見る方法】
みたい画像もしくはアートボードを四角形マークで選択→共有→開発→リンクを作成→リンクに飛ぶ
９ おすすめワイヤーフレームサイト
参考サイト: Wires.jp