スタッフブログStaffblog

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

2021.01.15
スタッフブログ

新入社員の立原です。

本日はWebデザインを作る際のアートボードサイズはどうしたらいいのか、という内容をご紹介します。

まず、PC版のデザインはアートボード自体は現在のPCの最大解像度である1920×1080を元に作成します。

横幅を1920pxに設定して作成し、縦幅はデザインの都度により変更していきます。

また、Webサイトではコンテンツ幅を設定しているサイトが多く見受けられます。

コンテンツ幅を設定することで、どのサイズのPCでもコンテンツが引き伸ばされることなく見ることができるようになります。

そのコンテンツ幅は1000px~1080pxが主流となっています。

そのため、アートボードを1920px、コンテンツ幅を1000px~1080pxで作成し、デザインをしていくのが一番良い形と言えるかと思います。

コンテンツ幅を設定し、デザインをしていく場合には背景にボックスを表示させるか、縦に2本線を引くなどして、ガイドラインを作成しておくと便利です!