レスポンシブに出来るデザインと出来ないデザインがあると聞いたのですが、
具体的にどんなデザインだと出来ないという情報が無いのですがどんなデザインは出来ないのでしょうか?
スマホがワンカラムなのでワンカラムに出来ないサイトは出来ないということでしょうか?
380px以上でワンカラムに出来ればどんなデザインも大丈夫なのでしょうか?
またスマホやタブレット用のサイズのときはGVを下に持っていくなどそれようのUIに変形するように実務ではすべきなのでしょうか?
それともPCと同じ順番でもよいのでしょうか?
また賛否両論でこれからWEBクリエイターを目指す者がこちらを習得すべきなのでしょうか?
それともそれぞれの端末ごとの作成を習得した方がよほどよいのでしょうか?
No.1
- 回答日時:
どうも、変な扉からこの世界に入られたようですね。
ウェブページをHTMLで作成するのは、ただ
【引用】____________ここから
HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。 もし【相互運用性確保の】努力が成されなければ、Webは互換性のないフォーマット毎に分け隔てられた世界に分割され、すべての関係者にとっての商業的可能性が減少することとなるであろう、大きなリスクを負うこととなる。
・・・【中略】・・・
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
なのです。ちょっと高価ですが・・「Webの創成 ― World Wide Webはいかにして生まれどこに向かうのか( http://www.amazon.co.jp/Web%E3%81%AE%E5%89%B5%E6 … )」
「いかなる国のどのようなコンピュータを使っている誰もが、この画面に対して アクセス可能でなければならない。そして、ほかの人たちが見つけることができる ように、リファレンスすなわちリンクをつくれるようにしなければいけない。( http://www.sal.tohoku.ac.jp/~gothit/webpolicy.html )」
ですので、そもそもHTMLは、何もしなければ!!!。高解像度のパソコン/スマホだけでなく、携帯電話だろうが、プリンターだろうが、スクリーンリーダーだろうが、点字出力だろうが利用できるものなのですよ。
★だって、そのためにわざわざHTMLでウェブページを作るのですから
この世界を学び始めたら、イの一番に学ぶ最大のポイントです。
ウェブページを、その対極にあるワープロやDTP( http://ja.wikipedia.org/wiki/DTP )の一種だと誤解されている人は、本当に多いです。
HTMLは、SGMLを参考に作られました。SGMLの背景( http://ja.wikipedia.org/wiki/SGML#.E8.83.8C.E6.9 … )あたりを読んでおきましょう。
すなわち、<h1>ここは見出し</h1><p>ここから、ここまでは一つの段落</p><ol><li>これは序列リストの項目</li></ol>とテキストだけで、文書に意味を持たせるのです。
それを視覚ブラウザで見ると見出しは太字の大きな文字で、段落は前後で改行して、リストに番号が振られるのは、ブラウザのもつスタイルシートによるものです。もちろんスクリーンリーダーブラウザは見出しを男声の大きめな声で、段落は一気に読み進み、その前後で間を取るでしょう。
★本来HTMLで作成されたページは、どのような端末でも利用できるはずです。
★それをscreenメディア(PCやスマホ)用にスタイルシートでデザインします。
原則はリキッドで製作します。--スマホから超幅広ディスプレイまで対応
それ以外の端末用(携帯電話-handheld、印刷--print)用のスタイルシートを書く
視覚障害者も訪問者に考慮しなければならないときは、speachやbraille、embossedも
★メディア別スタイルシートの拡張で、CSS3以降は、スクリーン用の場合はスマホなど高解像度の小さい画面用にレスポンシブ/mediaqueryでスタイルシートを切り替えることが可能になりました。
>それともそれぞれの端末ごとの作成を習得した方がよほどよいのでしょうか?
いま何種類のスマホディスプレイやPC用、携帯電話(ガラケー)用ディスプレイがあるのでしょう。それらにお付き合いする気ですか???。今秋以降、来年再来年に販売される物は?
「HTMLは、どんな環境からもWebの情報を利用できるようにすべきだ」という原則忘れたら・・ダメですよ。
今学ぶべきは、徹底した「構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」と、スタイルシートの基本です。
HTML 4.01 仕様書邦訳( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
CSS 2.1仕様(日本語訳)( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
だけは、しっかり読んで身につけておきましょう。
No.2
- 回答日時:
どちらかというと「HTMLを書き換えずにどれくらいCSSだけでデザインを変更する知識と技術を持っているか」ではないですかね。
特にスマホだとJavaScriptを使う事も多いですし、Ajaxを使えばHTMLを書き換える事も含めて自由ですから、「HTMLとCSSで表現できるデザイン」が事実上のデザインの限界です。
>またスマホやタブレット用のサイズのときはGVを下に持っていくなどそれようのUIに変形するように実務ではすべきなのでしょうか?
>それともPCと同じ順番でもよいのでしょうか?
それをすることで使いやすくなるならする方がいいです。
>また賛否両論でこれからWEBクリエイターを目指す者がこちらを習得すべきなのでしょうか?
クリエイターをめざすなら全部やってください。
No.3ベストアンサー
- 回答日時:
発想がそもそもちょっと違うような気がします。
レスポンシブでの制作の場合には、「レスポンシブ対応できるようにデザイン等を企画する」というのが大前提です。
既存のサイトをそのままレスポンシブ化するわけではないです。
ですので、レスポンシブに出来ないデザインになるわけがないですよね。
既存のサイトをレスポンシブ化しようとした場合でも、
レスポンシブに出来ないデザインというのは基本的には無いです。
最悪津堂の悪いものは消せばいいだけなので。
レスポンシブを意識していないサイトは9割以上が「やりにくい、やらないほうがいい、やる意味がない」サイトです。
レスポンシブへの対応は無理ではないですが、無理矢理感の強いサイトになるでしょう。
無理をすればなんでも可能なのですね。
ただしやすいサイトとしにくいデザインのサイトがあると思うのですがその違いを知りたかったのです。
それがワンカラムにしやすいかしにくいかなのかと思ったのです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Web・クリエイティブ 今本当に悩んでいます。将来グラフィックデザイナーを目指し専門学校に通ってるのですが、正直グラフィック 1 2022/09/10 17:58
- HTML・CSS お金をあまりかけずにプログラミングを勉強する方法を教えてください。 こんにちは。 Webデザイン系の 3 2022/08/05 03:22
- デザイン グラフィックデザインについて 1 2022/07/06 00:08
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- 芸術学 化粧品メーカーの広告宣伝部に就きたい高校2年です。 1 2023/03/21 22:21
- Web・クリエイティブ 未経験からのWebデザインとプログラマーについて。 4 2022/10/12 00:00
- Illustrator(イラストレーター) 至急!このようなサイトを見つけたのですが、Illustratorでこの写真のように絵の具が滲んだよう 2 2022/08/24 13:56
- 画像編集・動画編集・音楽編集 A1サイズで画像作成(300枚以上の写真を並べたいです) 1 2023/08/03 12:18
- その他(OS) パソコンの軽いosについて 古いノートパソコンをネットサーフィンメインで使いのですか、Windows 3 2022/08/01 07:42
- 知的財産権 意匠権と特許で保護できる範囲の違いに関して 2 2022/04/07 19:33
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
レスポンシブデザインとは? ...
-
携帯電話(ガラケー)でのデザ...
-
この容量はテキストサイトとし...
-
厳しいご意見を下さい!
-
カラム落ちの何が悪いのか
-
パソコンと携帯で文字のサイズ...
-
エラーが出ます
-
ホームページを作っているので...
-
リンクの下線は消すのが普通?
-
ホームページでファイルをダウ...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
form action="#"
-
iPadの標準ブラウザでローカルH...
-
htmlファイルの表示が真っ白
-
Webサイトから、txtファイルを...
-
java_run.batがダウンロードで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
ホームページを作っているので...
-
リンクの下線は消すのが普通?
-
カラム落ちの何が悪いのか
-
ホームページ制作、SPサイトの...
-
HPビルダーのフレームページ...
-
平均的なウィンドウサイズとは?
-
ソリッドレイアウトとリキッド...
-
レスポンシブデザインとは? ...
-
ホームページの携帯サイトの作...
-
デザインとコーディングは同一...
-
Windowsホームページ作成MACで...
-
ブラウザ切り替え
-
レスポンシブ 横1080px高解像度...
-
画面は固定と可変のどちらがい...
-
エラーが出ます
-
スマホ横幅が720px だけ 横が...
-
携帯電話(ガラケー)でのデザ...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
おすすめ情報