新人です。スマホ用に640px幅で作られたPSDファイルをもらいました。コーディングする時、余白やフォントサイズも半分にすべきなんでしょうか?
余白(marginやpadding)は基本的に半分で良いと思うのですが、できればフォントサイズといっしょに画像解像度に対して変えてあげたほうがいいですね。iPhoneもAndroidもそうですが、横向きを考慮したサイトはまだまだ少ないです。
回答ありがとうございます。確かに、解像度によって異なりそうですね。まだそこまで配慮できないですが、勉強します。
640pxなのでおそらくiPhone想定の2倍サイズでデザインされたのでしょうね。そうであればすべて半分のサイズでコーディングして問題ないはずです。
またデザイナーにviewportの設定どうするか確認はした方がいいですね。
でもだいたいお任せとかっていうデザイナ多いよねー
回答ありがとうございます。実はいままで余白やフォントサイズはきっちり半分にせずに作ってきました。iPhoneで表示する場合、半分ではなく8割程度にするとPSDのとおりになるので、そうしてきました。これがなぜなのか、PSDの通りにならなくても半分にすべきなのか、ずっと悩んでいます...。自分は何か根本的に間違っているような気がします。。
みんなの回答 2 件
余白(marginやpadding)は基本的に半分で良いと思うのですが、できればフォントサイズといっしょに画像解像度に対して変えてあげたほうがいいですね。iPhoneもAndroidもそうですが、横向きを考慮したサイトはまだまだ少ないです。
640pxなのでおそらくiPhone想定の2倍サイズでデザインされたのでしょうね。そうであればすべて半分のサイズでコーディングして問題ないはずです。
またデザイナーにviewportの設定どうするか確認はした方がいいですね。
関連するトピックス