初めてレスポンシブWebデザインで作成してみようと思っています。普通のWebデザインはできる程度ですが、苦労した点や良かった点などはありますか?良かったら聞かせて下さい。
最初の構築をしっかりしておかないと、ちょっとつらいかもしれません。使えるのであれば、twitter Bootstrap とかを使用するとより簡単に作成できるかと。
自分が感じたメリットはモバイルファーストについてじっくり考える事ができました。デザインサンプルはPC版とスマフォ版の2つを準備し、スマフォ版については画面サイズが小さくなったからといって要素をdisplay:noneで非表示しないように気をつけました。また、レスポンシブは画面サイズの基準であって、デバイスを基準にしていない事を周知することにも努めました。(見る画面によって最適化されるという感じで)それと、最小画面サイズを320pxにするか、480pxにするかは悩みました。最後に出来上がるまではいろいろと大変でしたが、レスポンシブをやってみての感想は楽しかったです。
こんなサイトあるよ的な参考になるサイトはありますか?
レイアウトがシンプルになってしまう事を最初に了解取っておかないと、後が辛いですよ。サンプルはBootstrapでいいんじゃないですかね。ブラウザの幅を変えて見てみて下さい。
>こんなサイトあるよ的な スーパーサイト内リンク
皆様ありがとうございます。やはりシンプルなデザインでないと対応は難しそうですね。画面サイズもAndroidのこともあり、最小サイズを少し悩んでいます。しかし、勉強の為にがんばってみようかなと思いました。最初の構築が一番肝心だというのが分かりました。ここを詰めておかないと辛いことになりそうです。とても参考になりました!ありがとうございました。
少し前にレスポンシブのサイトを作ろうとし、壁にあたったことがあります。スマホ版・PC版として作成したのですが、android端末は解像度と実際の画面サイズが異なっていて、うまく切り替わらなかったです。(画面サイズ147mm×83mmで、解像度が1280×800とか)メディアクエリは解像度で判断するので、そこまでふまえた画面設計が必要になりました。
みんなの回答 8 件
最初の構築をしっかりしておかないと、ちょっとつらいかもしれません。
使えるのであれば、twitter Bootstrap とかを使用するとより簡単に作成できるかと。
自分が感じたメリットはモバイルファーストについてじっくり考える事ができました。
デザインサンプルはPC版とスマフォ版の2つを準備し、スマフォ版については画面サイズが小さくなったからといって要素をdisplay:noneで非表示しないように気をつけました。
また、レスポンシブは画面サイズの基準であって、デバイスを基準にしていない事を周知することにも努めました。(見る画面によって最適化されるという感じで)それと、最小画面サイズを320pxにするか、480pxにするかは悩みました。
最後に出来上がるまではいろいろと大変でしたが、レスポンシブをやってみての感想は楽しかったです。
こんなサイトあるよ的な参考になるサイトはありますか?
レイアウトがシンプルになってしまう事を最初に了解取っておかないと、後が辛いですよ。サンプルはBootstrapでいいんじゃないですかね。ブラウザの幅を変えて見てみて下さい。
Design Spice » Blog Archive » レスポンシブWebデザ...
http://design-spice.com/2012/05/17/break-point/>こんなサイトあるよ的な スーパーサイト内リンク
国内のレスポンシブWebデザインに対応したWebサイトまとめ8つ - W3Q
http://w3q.jp/t/2170皆様ありがとうございます。
やはりシンプルなデザインでないと対応は難しそうですね。画面サイズもAndroidのこともあり、最小サイズを少し悩んでいます。しかし、勉強の為にがんばってみようかなと思いました。
最初の構築が一番肝心だというのが分かりました。ここを詰めておかないと辛いことになりそうです。
とても参考になりました!ありがとうございました。
少し前にレスポンシブのサイトを作ろうとし、壁にあたったことがあります。スマホ版・PC版として作成したのですが、android端末は解像度と実際の画面サイズが異なっていて、うまく切り替わらなかったです。(画面サイズ147mm×83mmで、解像度が1280×800とか)メディアクエリは解像度で判断するので、そこまでふまえた画面設計が必要になりました。
関連するトピックス