サイトアイコン WEBデザインMATOME

Webデザインスマホの時のフォントサイズ

スマホのデザイン作成の際のフォントサイズは?

PCサイトと違いスマホの際には大きさが変わります!!
スマホの際は2倍の際で作成します!!

なぜ2倍なのか?

Retina対応として2倍の大きさで作成します!!
Retinaとは、高画素ディスプレイの事で画像解像度が2倍程になる為、
画像を大きなサイズで作成しないとぼやけてしまいます!!

スマホの横幅

今のスマートフォンの横幅は、iPhone6.7.8.xの横幅「375」の梅のサイズの750pxで作成します!!

結局フォントサイズは?

▼スマートフォンの時のタイトルのフォントサイズ!!
「36px」〜「48px」の間!!

▼スマートフォンの時の文章のフォントサイズ!!
「28px」〜「32px」の間!!

上記の間で作成すれば問題なく読める大きさですのでこのぐらいで作成しましょう!!

モバイルバージョンを終了