-
1:ID:PrGZ.v · 2020-03-05

#アプリ スマホアプリ制作に関して、初歩的な質問です。

クライアントから、
「XDで制作して欲しい」
「Android/iOS対応なので、単位をpxではなくdpとして欲しい(※各ボタン等の数値指定はpxで来ている。後にdpとして欲しいと言われた)」
「XDで制作すれば書き出しは1サイズで良い(SVGで)」
と言われているんですが、、、

「dpにして欲しい」と言うのはXDで何かしらdpに設定するということでしょうか?私のPCに入っているXDには、dp指定できるツールも、dpに書き出しするボタンもないのですが...というか、dp(もしくはdip)という言葉がどこにも見当たりません。
あと、XDの[ファイル]→環境設定がグレーアウトしてしまっています。

そもそも、mdpi想定でそのまま当初のpx数値で作ってしまっていいのでしょうか。

---
当方の環境
OS:Mac
Ver:10.15.2/Catalina
XD Ver:27.2.12.4(最新)
---

よく分からず困っています。どなたか教えてください。

13 件の回答

2:ID: · 2020-03-05

【スレ主補足】
当方、非コーダーのグラフィックデザイナーです。

3:ID:8fFXZb · 2020-03-05

普通にクライアントに聞けばいいじゃん

4:ID: · 2020-03-06

Re:3
こちらで質問しているのは、『デザインの段階でXDでdpの設定をするというのはWeb界隈的に主流なのか。そもそもXDにそんな機能はあるのか(見当たらない)』という趣旨のものです。
何も勉強せずクライアントに思いついたまま聞くというのは無能でしかないと思います。
一通りpx/dp周りのことを調べ、Adobe公式等でXDの仕様を調べても解決せず、こちらに質問しています。

5:ID:vzr57x · 2020-03-06

当方Webサイト制作のみで、自分もわからず調べてみただけなので間違っていたらすみません。

・XDは書き出し(PNG,JPG)の際にldpi〜xxxdpiを選択することが可能。
・書き出しの際以前は作成したアートボードの倍率を設定できたようですが、現在なくなっているのでmdpiで作成すると思われる。
・共有で、表示設定:開発、書き出し先:Androidにすると単位がdpで表示されて共有できる
・ラスタ形式の画像は書き出し時必要な解像度未満(xxxdpi必要なら1440px未満)で読み込むと書き出し時に荒れる
・4の倍数でデザインするとldpi,hdpiの時も少数がでなくてズレたりしない
・主流は720x360dpらしいのでアートボードはこれでいいっぽい。
・XDの環境設定は現段階では存在しない。(グレーアウト)

つまり全部SVG書き出しならただ720x360dp(mdpiなので720x360px)で作成すればいいのですかね。
iOSも対応のようですが、iOSはiOSで別にデザイン必要なのですよね?
iOSとdpは関係ない気がするのですが、この辺り分かる人いたら教えていただきたいです。
また、いろいろ間違っていたら他の方よろしくお願いいたします。

スマホアプリのデザイン大変ですね。
この質問のおかげで勉強になりました。
ありがとうございました。

6:ID:8fFXZb · 2020-03-06

Re:4
ググってすぐ情報出てくるのに楽しようとここで聞くのは
無能でしかないと思います
そもそもアプリとウェブの違いわかってますか?

7:ID:MKI2VR · 2020-03-06

Re:6
公式までひととおり調べても的を得る情報に辿りつかなかったからここに質問してるって主書いてるぞ、よく読もうな

8:ID:UsDnOe · 2020-03-07

Re:6
気持ち悪いなぁこういう奴

10:ID: · 2020-03-07

Re:5
ご回答ありがとうございました。解決いたしました!お返事遅くなってしまい申し訳ございません。
もう少し長文で書き込むはずだったんですが、何度やってもエラーが出てしまい、ひと言ですがお礼を言わせてください。

11:ID:vzr57x · 2020-03-08

Re:10
解決したようで、よかったです。
自分はスマホアプリデザインの予定はないですが、
知識付けれて自分自身にとってもよかったです。

12:ID:9EPKXO · 2020-03-09

Re:6
仕事したことある?

13:ID: · 2020-03-09

Re:11
投稿できるかな。せっかくだから補足したい。
ほとんどご記載いただいた箇条書きの通りでした。食わず嫌いせず、XDどんどん使っていこうと思いました...!
またiOS版に関しては、XDでの制作→XVG書き出しのみのデータですべてまかなえるそうで、別途iOS用のは不要みたいです。SVG最強。

14:ID: · 2020-03-09

Re:13
× XDでの制作→XVG書き出し
⚪︎XDでの制作→SVG書き出し

1 件の回答が除外されました。[詳細]
コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る