お世話になっております。
http://www.tsuchiya-kaban.jp/menstop.cgi
こちらのwebサイトは画面の中央にサイトがくるようにレイアウトされているのですが、ローカルナビ(カテゴリ部分)からリンクをたどると、
例えば、カテゴリから「ダレスバッグ」のリンクをたどります。
そうすると、画面に対してサイトが、左寄せになっています。
よくこのようなサイトを見かけるのですが、
どうしてtopページは中央寄せで、他ページは左寄せで制作しているのでしょうか?
特にECサイトでよく見かけるような気がします。
最近よく見かけるので、何か理由があってやっているのかな?と思っています。
どなたか宜しくお願いします。
No.1ベストアンサー
- 回答日時:
貴方はサイトで何に注目しますか?
最初に表示されるそのサイトのトップ(ホーム)では、サイト内に何があるか、必要な情報がどこにあるか、このサイトはどんなサイト・・・
言い換えると表示されるすべての情報を満遍なく見渡せるほうがよいですよね。ひょっとしてプライバシーポリシーとか連絡先とかサイトマップとか・・スクロールしなくても見つけられることが求められますね。
もちろん、ディスプレイの大きさがある程度以上なら中央がよい。あまり広すぎると見にくい。
一方、求める情報が定まったら、そのページに行くとそのページの主文が中央にあるほうが見やすいし、横に長すぎると目で追うのが大変・・
そのページの閲覧目的に合わせて表示形態を変えること。サイト内でデザインは統一しないと利用勝手が悪い。結果的に2種類のデザインでとどめておくのがよい。
ECに限らず、最近とか古いに限らず、私も10年以上前から、個人のサイトも商用サイトも、そうしています。
No.2
- 回答日時:
なんでなんでしょうね。
横幅が一緒なので統一感を出すなら同じように中央配置にするのが普通だと思うんですけど・・・
デザインの観点から言えば背景が白、配置が左になっていることでトップページとの違いを意識させたかったのかな?とも思えます。
グローバルナビなどで現在地を見せることが多いですが、ページレイアウトで現在地を知らせているという可能性ですね。
やはり、普通に考えるとtopページに揃えますよね。
デザインで、topとの違いを意識ですか。
考えつきませんでした。
ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- ホームページ作成・プログラミング アニメ公式サイト風なWebページを作りたいです。 無料のテンプレートはありますか? 2 2022/04/02 11:33
- WordPress(ワードプレス) ワードプレスで記事を書くスペースの横幅を広げたいです。 1 2022/09/24 18:16
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- MySQL 「utf8mb4_general_ci」はMAMPでは何に当たりますか? 1 2022/06/02 07:45
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- HTML・CSS Affinger6でトップページに記事をタイル状に並べたい 1 2023/05/20 14:55
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- その他(IT・Webサービス) 動画が多い(容量が多い)Webサイト作成 1 2023/04/08 17:42
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
goo は、放置?
-
CSSについて教えてください。 ...
-
HTMLですCSSです 画像のように...
-
HTMLです ブロック要素にするに...
-
12月のカレンダーを表すHTMLを...
-
WEBページを強制的に横画面で見...
-
青い枠のみのHTML
-
HTMLです 店主のこだわりという...
-
HTMLです 四角みたいにして中に...
-
HTML電卓で1文字消す方法
-
ウェブサイトにアップされてい...
-
CSS、Bootstrapについて contai...
-
テーブルの行を折りたたみたい...
-
すいませんHTMLです cssです教...
-
<input>のstep属性に違反する入...
-
リンクバナーのHTMLタグ。画像...
-
初心者html・CSS ウィンドウを...
-
pythonに自分で作ったHTMLを、...
-
HTMLです次の意味を持つ要素ま...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Wordpressのマルチサイトで子サ...
-
robots.txtが”allow”のサイトを...
-
PCとスマホサイトでHP作成ソフ...
-
floatで左と右の長さを揃えたい!
-
このサイト、著作権フリーです...
-
モバイル版サイトでは改行され...
-
夢小説サイトを完全無料で作り...
-
Twitterでマルウェアの可能性の...
-
至急です★日本永代蔵BY伊原西鶴
-
web制作 css 画面レイアウト
-
「戻る」を押しても戻らないweb...
-
WordPressに関しまして。WordPr...
-
HPを作りたいと考えているので...
-
webサイトを簡単に作成する方法...
-
Googleフォームの回答リンクに...
-
入力窓にカーソルを合わせると...
-
WordPressに関しまして。WordPr...
-
白紙の次ページを削除できない...
-
「全面リニューアル」の意味
-
スマホでボタンがhoverの状態か...
おすすめ情報