スポンサーリンク

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

SEO検定
2022.04.05

概要

このページは、SEO検定1級の取得を目指し勉強したことをまとめています。

このページのキーワード
  • のつづき



    • 画像の配置とサイズ

    スライダー

  • 画像イメージをスライド式で見せる手法
  • スワイプすると次が見える

    • サムネイル

  • スライダーよりもたくさんの画像
  • タップすると表示

    • 画像の配列：並列Vs縦列

  • モバイルユーザーの目線は上から下
  • 並列画像を並べると画面内に文字が増えるためユーザーに伝わりにくい

    • 画像に含めるテキスト

    縦列の画像

  • 一つの画像が幅を目いっぱいとるので19文字くらいなら問題ない
  • ユーザーにタップしてほしい画像内の文字は少なめ

    • グローバルメニュー

  • サイト内の主要ページへのリンクの事
  • モバイル対応のサイトのグローバルメニューにはヘッダーとフッターがある。

    • ヘッダーメニュー

  • PC⇒たくさん掲載しても問題ない
  • モバイル⇒必須メニューのみ表示し残りはプルダウン

    • フッターメニュー

  • 10個くらいならテキストとして表示
  • リンク内の文字は1項目1行

    • 本の紹介

    コメント

    タイトルとURLをコピーしました