茨城県鹿嶋市・神栖市 ホームページ制作、デザイン スキル・バンク

ホームページ,名刺,パンフレット制作。鹿嶋イオンそば。

ホームページ制作スキルバンク 鹿嶋市0299-77-8195 ホームページ制作お問い合わせ
ホームページ制作新着情報
茨城県鹿行(鹿嶋市、神栖市、潮来市、鉾田市、行方市)、千葉県香取市 集客ご相談ください。
お店・会社の全てを紹介できる ホームページ制作ご相談ください。
楽天市場、Yahooショップ、アットホーム等々 モール・ポータルの更新代行承ります。
ウェブシステム制作 集客に最適なシステムをご提案します。
コンテンツライティング、アクセス解析 ウェブの事なら何でもご相談ください。
全105項目のホームページ診断、サイトの見直しにぜひご利用ください。
トップページ > スキル・バンク SEのひと言メモ > 【ホームページ制作】スマートフォン対応の難しさ
ホームページ制作メニュー
  • コピーライティング
  • 業務システム開発
  • IT業務支援
  • ウェブコンサルティング
  • ECサイト商品登録代行

【ホームページ制作】スマートフォン対応の難しさ

皆さん、こんにちは。

スキル・バンク SEのW です。


iPhoneの新型が発表されましたね。

iPhone8とXとのことですが、9はどうなったんでしょうか??


発表会見の模様など写真で見たのですが、スマートフォンの画面は年々大型化している印象があります。

例えば、初代iPhoneのポイントサイズはW320×H480でした。

それがiPhone5になるとW320×H568、iPhone6はW375×H667と、少しずつ大きくなっています。

iPhoneXはW375×H812だそうです。



解像度(ピクセル)はさらに差が大きくなります。

初代iPhoneW320×H480に対して、iPhone6はW640×H1136。


これだけサイズが違うと、スマートフォン向けページで使う画像や文字のサイズをどこに合わせるか、非常に難しくなります。

パソコン向けホームページを制作する場合は、横幅はおおむけ950~980で固定として、それに合わせて画像サイズや文字サイズを決めれば表示は大きくは崩れません。

しかしスマートフォン向けホームページでは、事情が異なります。


例えば、画面横幅いっぱい表示するには、横幅=100%と指定しますが、元の画像サイズが媒体の画面サイズと異なると微妙にぼやけたりします。

またフォントサイズも%で指定する事が多いので、変な所で改行が入ってみたり、こちらのスマホでは2行表示なのにあちらのスマホでは3行になっていたり。。。


どのスマホでも綺麗に表示させるのは、とても難しいです。

結果、画面横幅いっぱいの画像がずらーっとタテに並ぶという、無難なデザインになります。

これはこれで使い勝手も良いのですが、他サイトと似たり寄ったりで、差別化が難しい。。。


元の画像サイズを大きい画面に合わせれば良いのでしょうか、容量が大きくなると表示速度が遅くなります。


画面が大きくなった事で掲載できる情報量は増えたのですが、かといって処理が重くなるほどは画像サイズも変えられず、非常に難しいです。



閲覧媒体にとらわれずにユーザーの必要な情報を発信する。

基本を忘れずにホームページを制作していきたいと思っています。



2017.09.17

スキル・バンク SEのひと言メモ 記事一覧に戻る

ホームページ制作、デザイン スキルバンク
ホームページ制作 スキルバンク 0299-77-8195
ホームページ制作お問い合わせ
お見積もり、ご相談はこちらのページからどうぞ。
茨城県鹿嶋市、神栖市、潮来市、鉾田市 鹿行地区
ホームページ制作、デザイン、システム開発のスキルバンク お気軽にご相談ください。