ウェブサイト仕様

PC向けのサークルホームページを今作ろうとしている。

サイズは、画面いっぱいのフルサイズを想定している。

画面サイズは、利用者のディスプレー解像度に左右されるので一概にいくつとは言い切れない。

https://tree-file.com/web-design/what-is-px-appropriate-for-the-vertical-width-of-the-lp-or-web-site-the-height-of-the-first-view/

Web制作における画面解像度と縦横比

PCベスト3

  1. 1920px×1080px
  2. 1366px×768px
  3. 2560px×1440px

モバイルベスト3

  1. 375px×667px
  2. 360px×640px
  3. 414px×736px

下記参照

 https://www.marineroad.com/staff-blog/20073.html

2018年の記事なので、今現在は変わっているようだ。

解像度の使用率を調べるためには、statcounterを利用します。

https://gs.statcounter.com/

PC向けファーストビューサイズ 2019年現在

最小サイズ

横幅:1000 px

高さ:550 px

上記のサイズで作ったら1920px × 1200pxのディスプレーでは凄い小さいじゃないか!

テクニカルな事して各ディスプレイで良い感じに見えるようにしよう。 

最大サイズ 

横幅:1920px

高さ:1080px

JSで画面サイズを取得してディスプレイ事に表示サイズをイイ感じに合わせようかな。

スマホ向けファーストビューサイズ 2019年現在

横幅:360 px

高さ:600 px

とりあえず、こんなところぽいのでPC向けサイトデザインに取り掛かりたいと思う。

コメントを残す