とても根本的な部分になるのだと思いますが、理解ができないのでアドバイスをお願いいたします。
色々と調べたのですが、小手先の技術的なノウハウは色々と情報があるのですが、恐らく基本的な根本的な部分が理解できていないので、いつもつまづいてしまい時間と精神的にすり減ってしまいます…。
レスポンシブのWEBページの作成ですが、ページのサイズの可変によってデザインを変更していくという部分は理解していますが、これらは何を基準にするのでしょうか?
といいますか、何らかの基準を設けてでなければ無理ですよね?
例えば、画面幅0px から最大は無限大とかって無理ですよね?
そうなると、やはりある程度の部分で最小値と最大値の設定は必要になりますか?
※でも、360pxくらいから1980pxくらいまで拡大縮小しても、一切のデザインが崩れないようなデザイン方法があればとても理想です、それぞレスポンシブといった感が私には御座います。
特に最大値については、無限大は無理だと思うので設定するのは基本でしょうか?
つまり、MAX1400pxとかを設定したとしたら、そこから上は、無視する。つまりそれ以上はレスポンシブへの対応は行わないといった認識でよいのでしょうか?
最小値も同じように、指定した最小値より下は無視、つまり最低に設定した幅でデザインが確保できていればOKという感じなのでしょうか?
この辺りの理解が乏しく、いまいち決定的レスポンシブというものが何なのか把握できておりません。
レスポンシブの基本的な概念が理解できるアドバイス、またそのようなサイトなどご存知のかいらっしゃいましたら、意味が分かりにくい質問で恐縮ではありますがご教授いただけますと幸いです。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
> レスポンシブのWEBページの作成ですが、ページのサイズの可変によってデザインを変更していくという部分は理解していますが、これらは何を基準にするのでしょうか?
デバイスの画面やアプリのウィンドウ幅を基準にすることが多いと思います
他には
・印刷用は別にする
・ユーザーがダーク・モードを使用しているか?
なども有ります
> そうなると、やはりある程度の部分で最小値と最大値の設定は必要になりますか?
はい、必要になります
> ※でも、360pxくらいから1980pxくらいまで拡大縮小しても、一切のデザインが崩れないようなデザイン方法があればとても理想です
いえ、幅が狭いときと広いときで使いやすいデザインは違います
例えば PC など画面が横長なら横にメニューや操作アイコンが常に左右どちらかに表示されていると都合が良いケースが多いですが、縦長ではそうではありません
また画面が小さければ、普段はそれらの UI は隠してあったほうが使いやすいでしょう
> 特に最大値については、無限大は無理だと思うので設定するのは基本でしょうか?
基本のデザインを決めておき、
・あるサイズ以下もしくは以上
・特定のサイズに収まる範囲
のデザインを指定することになると思います
こうすれば、上記以外は基本デザインになるので
有難うございます。
私のお伺いした質問に対して、具体的に回答を頂き感謝申し上げます。
やはり最大値と最小値などの、基準値は確実に設けないといけないという事が理解できました。
基準値無しに最大最小それぞれ無限は無理ですよね…。
>>いえ、幅が狭いときと広いときで使いやすいデザインは違います
確かにそうでした、私の書いた基準が無理がありました。
例えば、大きい方をあえて無理やり基準にしてみますが、750px以下はスマホ用、750px以上、2000pxまでが同じように表示できればと思います。
が、書いていて思いましたが、基準値が明確にわかっていれば、その幅に対してそれぞれ計算でできるので、なんとなく理解が深まった気がいたします。
まだもやもやしていますが、少し思考に前進があった気がいたします。
有難うございます!!
No.2
- 回答日時:
>画面幅0px から最大は無限大
使われる端末の種類(スマホ・タブレット・PC)によってある程度、画面解像度は決まっているので、閾値を超えたり、下回ったらブラウザが表示を変更する。
>一切のデザインが崩れない
初期のHTMLの時代から言われ続けているが、それは作り手側の傲慢であり幻想に過ぎない。
デザインというのは如何に情報を見やすく提供するかが目的であり、ドット単位でレイアウトを決めることではない。
No.1
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 求人情報・採用情報 会社を経営している者です。会社の採用基準のことで質問です。 2 2022/08/16 11:24
- 統計学 母平均の検定(両側t検定)の問題 2 2023/03/14 20:02
- HTML・CSS CSS上での計算を行うためのルールについて教えてください。 3 2022/08/15 14:43
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- 美術・アート オリキャラ見てください&設定付けで困ってます②(再掲) ※色々不手際があったのと結構早めに過疎っちゃ 2 2023/02/22 16:11
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- その他(ニュース・社会制度・災害) 出生前診断や遺伝子検査については様々な意見がありますが、皆さんは賛成反対のどちらですか? 2 2022/04/10 19:48
- その他(バイク) 公道走行可のキックボードなどのナンバーについて 1 2023/08/10 11:04
- 電気・ガス・水道業 事務所ビルの電気料金についてご教示ください。 4 2022/09/13 11:24
- 憲法・法令通則 マスクのお話 マスクは今推奨という形です。 「推奨(すいしょう)」は「物事や人物の優れている部分をあ 6 2022/04/25 12:49
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
縦ボーダーの長さ変更方法
-
テキストボックスが選択できない
-
borderの太さを1px以下に見せ...
-
レスポンシブWeb 右側の表示が...
-
L字みたいな記号の表示
-
ピクチャーボックスの大きさに...
-
gooブログにPDFをアップロー...
-
グーグルのアイコンを操作して...
-
/public_html が表示されていない
-
ホームページビルダーの表の大...
-
rename関数で名前の変更が出来...
-
iPhoneで HTMLファイルを閲覧
-
PDFファイルが破損していると表...
-
画像ファイルの縦,横サイズを取...
-
fc2に画像がアップロードできない
-
画像と画像の間のスペースはど...
-
初心者です ワードプレスのfuka...
-
FTPでアップロードした画像のUR...
-
フレームページでのメタとキー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
borderの太さを1px以下に見せ...
-
縦ボーダーの長さ変更方法
-
レスポンシブWeb 右側の表示が...
-
テキストの表示がいきなり小さ...
-
[CSS]エラーの原因
-
フォント12pxの200%?
-
HTMLにsvg画像表示したら小さか...
-
L字みたいな記号の表示
-
PDFファイルが破損していると表...
-
ピクチャーボックスの大きさに...
-
HTMLで、ホームページが作れる...
-
グーグルのアイコンを操作して...
-
画像と画像の間のスペースはど...
-
ワードプレス管理画面から、ヘ...
-
なぜ、ホームページが削除され...
-
iPhoneで HTMLファイルを閲覧
-
ExcelVBAで挿入画像の縦横サイ...
-
一行は何ピクセル?
-
ブログの画像を復元したい
おすすめ情報