-
1:ID:ppGwAZ · 2020-02-27

#コーディング コーダーの方にお聞きします。
デザイナーからもらったデータで、こういうのは困る、これはひどい、こういう作り方が良いなど、ご意見ありますか?

PC版とスマホとタブレットのphotoshopデータは、サイズはどれくらいのサイズで作れば良いのですか?
いつもPCだと、コンテンツ幅は1500pxくらい、スマホ467pxとして、作っています。
何か基準があるのでしょうか?

22 件の回答

2:ID:K1luoR · 2020-02-27

サイズはサイトのブレイクポイントに合わせてくれればいい
467pxでレティーナディスプレイで考慮した場合、2倍書き出しで934pxになるけどブレイクポイントが750pxとかならファイルサイズの無駄でしかない

3:ID:b19XI6 · 2020-02-27

とりあえずXDで作ってほしい。

4:ID:.0tpY. · 2020-02-28

カンバスサイズは横幅4000ピクセルで作って欲しいですね。1200ピクセルちょうどの横幅で作らえれてるデザインが横ピッチリまで来てる時、4000ピクセルの画面で見てもぴっちりなのかいちいち聞かないとだめなので考えられる限界サイズの画面サイズをキャンバスサイズにしてほしいです。

5:ID:RF8Q1W · 2020-02-28

Re:4
まじすか
サイズバカデカくなりそう

6:ID:U9Jpvc · 2020-02-28

1300pxか1600pxで作ってくれればいいです。
スマホで画像サイズが大きくなる場合はスマートオブジェクトにしておいてくれれば助かります。

7:ID:U9Jpvc · 2020-02-28

Re:4
4000pxの解像度を範囲にコーディングするってことあります?

8:ID:G5akyW · 2020-02-28

Re:4
4000てまじですか?

9:ID: · 2020-02-28

Re:3
photoshopはあまり使わないのでしょうか。XDだと、コーダーさんにとって良いことがあるのですか?

10:ID: · 2020-02-28

Re:2
サイズはサイトのブレイクポイントに合わせてくれればいい
⇒ なるほど。横幅はブレイクポイントでOKなのですね。
  きちんと基準をもって作っていませんでした...ありがとうございます。

11:ID: · 2020-02-28

Re:4
>1200ピクセルちょうどの横幅で作らえれてるデザインが横ピッチリまで来てる時
>4000ピクセルの画面で見てもぴっちりなのかいちいち聞かないとだめ

このあたりは、きちんとコーダーさんにわかるようなデータを作る、というか、
コメントするなど、共有できるようにしておかなくてはいけないのですね。

13:ID:rO032c · 2020-02-28

この判断が出来ないならウェブデザイン出来てないやん

14:ID: · 2020-02-28

Re:6
>スマホで画像サイズが大きくなる場合はスマートオブジェクトにして

回答ありがとうございます。

PCのデザインをphotoshopで作って、スマホのデザインをphotoshopで作ってと2つ作ってました...。
スマートオブジェクト、使っていなかったです。勉強します。

15:ID:AQZeOr · 2020-02-28

Re:13
でもコーダーによっても意見ばらつく部分だと思うよ

16:ID:b19XI6 · 2020-03-02

Re:9
開発者用の共有があって、マージンの幅とか簡単にとれる。
参考
https://qox.jp/blog/xd-share-for-development/

あと、最近はCSSをそのまま吐いてくれたりするので、かなり時短になる。
そもそも画像スライスがアセット方式だから、全然時間がかからない。
最近はphotoshopでデータがくると価格を割り増ししてる。

17:ID: · 2020-03-03

Re:16
ありがとうございます。
XD、使ったことがなくて...これは使えるようになったほうが良いですね。

19:ID: · 2020-03-03

Re:15
そうなんですよね。
ご理解頂き、ありがとうございます^^
コーダーさんにとって、良きデータはどういうものか知りたいなと思いまして。
特に、DTPからwebにやってくるデザイナーもいるので。

20:ID:XTxTvy · 2020-03-03

単位をpxにしてくれたら作りやすいね。

21:ID:RF8Q1W · 2020-03-03

Re:20
めちゃ基本やないですか…!

22:ID:rO032c · 2020-03-04

Re:19
コーディング出来ないならずっとわからないよ

23:ID: · 2020-03-05

Re:22
そうですね。コーディングできないデザイナーはわからないでしょうね。

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

一緒に読まれている質問

ページ上部に戻る