モバイルデザインの幅は、375pxが最適ではない理由｜せきゆおう｜ Web制作やAIのあれこれ発信する人

こんにちは！せきゆおうです！ 普段はWebデザインやUIデザインの仕事をしながら、10年以上にわたり実装も担当しています。デザインと構築の間をスムーズにつなぐことを得意としています。 今回は、モバイルデザインを作るときの基準幅の話です。先日コーダーさん向けにアンケートを取ったところ、375pxを含む選択肢が約66%という結果になりました。でも僕は、自分から375pxを選ぶことはありません。どういった理由で選択しないかを、なるべくわかりやすくまとめました。 ※この記事はモバイルデザインの基準幅で悩んでいるデザイナーやディレクター向けです！ コーダーの約66%が375pxを選んだ先日、コーダーさん向けに、デザインデータを受け取るならどのサイズの組み合わせが一番実装しやすいかというアンケートを取りました。3,106票が集まって、結果はこうなりました。 1440px / 375px：44.3% 1

[matsuedon]

４００は計算しやすいて、それ言ったら6の倍数360のほうがよくね？って思ったけど、そもそもスマホの横幅分割することって2か3がせいぜいよねって思っちゃった。まぁ考え方はそれぞれだし、慣れよね。

[MarvinParnroid]

StatCounter日本直近1年で見たが、1位414x896、2位375x812だったぞ。下位互換を考慮し、狭い方の主流の幅375を採択する合理性はある。あと幅400丁度はランキング内には存在しない。

[mcddx30]

https://x.com/wurst_design/status/2095743116347412526