現在、スマホ向きHPの制作中です。
先日は、某宿泊予約サイトが主催する
カンファレンスに参加してきました。
分科会では、スマホ向き
デザインのポイントというものを
勉強してきました。
学んだことを
自分のメモから
復習してみると
こんな感じでしょうか。。
◆スマホ向けデザインのポイント◆
〇文章を読みやすくする
1、文字はPCよりもひとまわり大きく 推奨サイズ 14ピクセル以上
2、行間は広めに 推奨行間150%から190%
〇画像サイズを軽くする
1、画像の大きさを小さくする
2、画質を落とす 画質85程度であれば劣化も目立たない
〇機種によって異なる画面サイズに対応する
1、横幅(width)は、ピクセルではなく%で指定する。
上記のポイントに従って
制作を進めております。
3月の中旬には、アップできそうです。。
ご期待ください。