スタッフブログStaffblog

Webデザインを作る際のアートボードサイズ【SP版】

2021.01.18
スタッフブログ

新入社員の立原です。

本日は先週に引き続き、Webデザインを作る際のアートボードサイズのSP版についてご紹介しようと思います。

SP版の場合はアートボードは797pxで作成するのが良いとされています。

理由としては、iPadのサイズが798pxのため、そこから下は全てレスポンシブになるようにするようにしたほうが良いということからになります。

また、SP版の場合はコンテンツ幅を定めることができないため、デザイン自体ではそれほど厳密に設定しなくても大丈夫ですが、Webサイトを見ていて多いのは12px(1文字分)から30pxが多い印象です。

そのため、797pxでデザインをし、そのサイズを基準にコンテンツ幅を決め、コーディング時には「レスポンシブの左右の隙間は何px固定」と決めてしまうと楽かと思います。