質問: Googleで検索しても、スマホで使用するときの文字サイズばかり出てきて見つけれなかったので、質問させてください。 横幅750pxのスマートフォン用デザインデータをもらい、コーディングしております。 余白などは半分にして作成しておりますが、 たとえば文字サイズが24pxだった場合、文字サイズも半分の12pxにするのでしょうか。 初歩的な質問で申し訳ありません。 宜しくお願い致します。
回答: デザイナーがスマホのデザインカンプを750pxで作ってくる場合、 基本的には「iPhone7等の375px幅×2倍(※Retina対応)」のつもりで作っているものと思われます。 その前提であれば、デザインカンプ上の全ての数値は実機表示の2倍の数値で作られていると 判断することになるので、文字サイズもデザインカンプの1/2でコーディングします。 ただし、デザイナー自身が750px幅でデザインカンプを作る意味をちゃんと理解していない、 あるいは余白や写真などのサイズは2倍にしたけど細かい文字サイズの設定まで気が回らずに うっかり1/2にしたら小さくなりすぎる文字サイズでデザインしてしまった、などといったこともよくあります。 要は、「Retina対応を意識したデザインカンプだから全部の数字は2倍で作る」というルールが 必ずしも徹底されているとは限らないということです。 あるいはそもそもそんなルールでデザインなどしていないという場合もありえます。 なので、一番手っ取り早いのはデザイナーに確認することですね。