現在htmlなどweb関係の勉強をしていて、ちょっとphotoshopでナビゲーションメニューの画像を作っています。
そこで疑問に思ったのですが、ヘッダーの横幅の決め方ってみなさんどうしていますか?もちろん、デザインによって様々すぎるのでなんともいえないと思いますが、基本的なセンターよせの2カラムとかのサイトで、ヘッダー部分に横並びのナビゲーションメニューがあるようなサイトの場合でお願いします。
完全に感覚的なものなのか、それともある程度「サイズの決め方」というものがあるのか…そこを教えてください。(見る人によってモニタのサイズも変わってくるので、最高でもこれ以上は大きくしない…とか、最近では○○くらいのサイズのモニタが多く普及してるからそれを基準に、モニタサイズの○%で…など。)
決まった答えはないかと思いますが、個人的な意見でもいいので教えていただければと思います。
よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
希望の回答はないと思います。
デザインありきでは無く、これから構築するサイトのターゲットや、ユーザー層を想像すればだいたいはイメージが出来るのではないでしょうか。
また、ユーザビリティ、アクセシビリティ等を配慮する必要もあります。
コーティングの際に、利用者を配慮して「エラスティックレイアウト」と言う考えもあります。最近のブラウザでは文字だけで無く、画像も比率で大きくすることができます。
当然見ている人のモニターの物理的な大きさと解像度の配慮も必要です。
そもそもホームページは見られる環境で、デザインが変わるのが理想です。
ここまで配慮をした上で、具体的にパソコンで見る場合は、どの位の大きさがいいの?と言うことですが、アドバイスとして日本で一番アクセス数が多いサイトを参考にされたら如何でしょうか。WEB をデザインされる方の多くは、Yahoo!Japan を参考にしていないでしょうか。
>希望の回答はないと思います。
とんでもないです。十分に参考になりました。確かに有名サイト等のサイズを参考にすればいいですね。
お礼遅くなってしまいすみません。どうもありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング グリッドレイアウトHTMLとCSS 1 2023/02/22 02:36
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- その他(AV機器・カメラ) 【大至急】写真加工に強い方、お願いします。 現在、自作のブックカバーをプリンパさんに依頼しています。 2 2023/06/07 21:30
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Photoshop(フォトショップ) 【大至急】写真加工に強い方、お願いします。 現在、自作のブックカバーをプリンパさんに依頼しています。 6 2023/06/10 11:51
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- 着物・浴衣・水着 男物の浴衣を女性が着る時の注意点 1 2022/07/01 12:40
- 画像編集・動画編集・音楽編集 jpgが拡張子の画像を探しています 2 2023/04/06 10:03
- Excel(エクセル) スプレッドシート 関数で集計したい 2 2023/01/08 17:09
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
サイトにコンテンツを並べる際...
-
css初心者 フレックスボックス...
-
アコーディオンメニューが思う...
-
<meta charset="utf-8"><!-- 文...
-
webデザインの勉強で、HTML/CSS...
-
テーブルの行を折りたたみたい...
-
角丸画像の背景色を透明にした...
-
別サイトのHTML内にある情報を...
-
テーブルタグのセルの幅の一部...
-
HTMLタグのあるCSVファイルを利...
-
iPhoneで HTMLファイルを閲覧
-
HTMLで画像をポップアップで表...
-
HTMLの CSSのファイルというの...
-
HTMLでデスクトップの画像がでない
-
HTMLでwebサイトを作ってるので...
-
URLにアクセスした際に指定した...
-
Affinger6でトップページに記事...
-
静止画画像をクリックすると音...
-
HTMLですCSSです この画像のよ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excel2010、四角のサイズ、倍率...
-
小さいサイズの画像を600×600ピ...
-
実物を見たことがないのに、画...
-
イラストレーター→フォトショップ
-
携帯デジカメで画像を撮る時の...
-
新聞広告のデータ入稿ルールに...
-
サイズ2.5KBのイラストを
-
携帯からPCへ画像を送ると半分...
-
macで写真データの縮小
-
写真のサイズ変更について
-
Windowsのソフトで見れる画像が...
-
フォトショップでPSDデータの加...
-
バナーを保存したら表示されて...
-
Powerpointをプロジェクターで...
-
WORD2002に写真を挿入したとき...
-
エクセルの画像貼り付けと出力
-
デスクトップの背景
-
jepgの画素数を下げるには
-
PowerPoint 画像の貼り付け修正...
-
IE7.0 文字サイズ(CTRL+...
おすすめ情報