Webデザインのモバイル対応2

概要

SEO検定1級再受験に向けて、ダウンロード学習コースで勉強始めました。

Webデザインのモバイル対応1続き

画像はモバイルユーザーのI型目線に考慮し複数を横に並べることはせず画像に含めるテキストは19文字くらいにする。

スライダー

---

画像イメージをスライド式で見せる手法

縦に複数の画像を配置してページが縦長になりすぎるのを避けるときに最適

サムネイル

---

スライダーより画像が多いとき

どのような画像があるかユーザーに伝えたいときに最適

画像の配列

---

複数の画像を横に並べない

⇒モバイルユーザーの目線はI型のため

画像を並列にすると画像内に文字が書かれていると見えにくくなる

画像に含めるテキスト

---

19文字くらい

1行あたりの文字数は少なくして改行する

タップしてほしいバナーの文字は少なくインパクトあるキャッチフレーズにする

画像の容量

---

少ない容量にする

ロスレス圧縮をつかい軽量化する

本の紹介