デザインカンプ（psdファイル）からhtmlへのコーディングについて

Question

###前提

• コーディング（html,css）はできないWEBデザイナーの方にスマホ用のWEBデザインを発注し、psdファイルで納品してもらった。
• スマホ用と伝えただけで詳細な画面サイズは指定していない。
• だいたいいい感じで作ってくれるのであまりチェックはしていなかった。

###疑問点
画面はスマホになっているが、レイヤーのサイズ？はW:2103px H:1420pxとなっている。これからコーディングを別の方に発注するが、
このままこのpsdファイルを渡して問題なく（本来のサイズと異なっている？）作成できるのか。
通常は最低限基準となる画面サイズは指定するのか。

###経緯
たまたまアイコンが欲しかったのでpsdファイルを開くことになり（ほぼ初めて）、ちょっと気になりました。専門外なのでノーチェックでしたが、
もし余計な作業がコーディング時に発生していたり（あっても発注先の方は言いにくいはず）、そもそもWEBデザイナーへの発注の仕方が悪いなど
アドバイス、指摘もあれば頂きたいです。

Answer 1

それだけ大きなpsdのサイズなら多少のアスペクト比(縦横比)の違いにも十分対応出来て良いのではないでしょうか。

通常、psdが小さい分には問題有りなことが多いですがある程度大きな分には問題ないと考えます。
最低限基準となるサイズというより今回の場合はアスペクト比が問題になりそうです。

Comments

[subchan]

回答ありがとうございます。
小さいと問題があることが多いんですね。
アスペクト比、確かに気になります。

Answer 2

psdはPhotoshopのファイル形式ですので、本当に静止画としての情報しかもっていません。
なので、そのファイルをコーダーの方に渡すと、それと同じように作るだけなのでサイズ感はあまり関係ありません。
ただし、スマホ用のデザインの画面サイズは定義する必要があります。

また、Webページの動きが重要かと思います。
単一のランディングページのようなものであれば問題ないですが、複数ページにまたがっていたり、メニューがあったり動きがあると、静止画では表現できない部分になるため、コーダーの方に伝わりません。

与件が明確になっており、本当にデザインの部分だけであれば、サイズは関係ないです。

Comments

[subchan]

サイズは関係ないのですね。ありがとうございます。
おおよその比率でコーディングしているということでしょうか。
動きに関しては、私が補足をしつつ、必要であれば例示してお願いしています。
私の周りには、残念ながらコーディングを軽視している人が多いのですが、結構大変な作業ですよね。

[macaron_xxx]

＞おおよその比率でコーディングしているということでしょうか。
厳密にサイズの定義が必要であれば、画像のサイズではなく、実際のサイズを画像（または設計書）に書き込むべきです。

当たり前ですが、デザイン”のみ”を渡されたコーダーはそういう”風”に作ることはできますが、作成者の意図通りにつくることは不可能です。本来は画像以外に設計書が必要です。

[subchan]

回答ありがとうございます。
デザイナーの方、コーディングの方には「375 × 667（iphone6,7,8）」でと依頼しています。
設計書は動きと項目名などでサイズはないんですが、書くべきなんですね。
補足資料としてAdobeXDがあります。