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