-

初めてレスポンシブWebデザインで作成してみようと思っています。
普通のWebデザインはできる程度ですが、苦労した点や良かった点などはありますか?良かったら聞かせて下さい。

みんなの回答 8 件

名無しさんの回答

最初の構築をしっかりしておかないと、ちょっとつらいかもしれません。
使えるのであれば、twitter Bootstrap とかを使用するとより簡単に作成できるかと。

名無しさんの回答

自分が感じたメリットはモバイルファーストについてじっくり考える事ができました。
デザインサンプルはPC版とスマフォ版の2つを準備し、スマフォ版については画面サイズが小さくなったからといって要素をdisplay:noneで非表示しないように気をつけました。
また、レスポンシブは画面サイズの基準であって、デバイスを基準にしていない事を周知することにも努めました。(見る画面によって最適化されるという感じで)それと、最小画面サイズを320pxにするか、480pxにするかは悩みました。
最後に出来上がるまではいろいろと大変でしたが、レスポンシブをやってみての感想は楽しかったです。

名無しさんの回答

こんなサイトあるよ的な参考になるサイトはありますか?

名無しさんの回答

レイアウトがシンプルになってしまう事を最初に了解取っておかないと、後が辛いですよ。サンプルはBootstrapでいいんじゃないですかね。ブラウザの幅を変えて見てみて下さい。

名無しさんの回答

>こんなサイトあるよ的な スーパーサイト内リンク

国内のレスポンシブWebデザインに対応したWebサイトまとめ8つ - W3Q

http://w3q.jp/t/2170
名無しさんの回答

皆様ありがとうございます。
やはりシンプルなデザインでないと対応は難しそうですね。画面サイズもAndroidのこともあり、最小サイズを少し悩んでいます。しかし、勉強の為にがんばってみようかなと思いました。
最初の構築が一番肝心だというのが分かりました。ここを詰めておかないと辛いことになりそうです。
とても参考になりました!ありがとうございました。

名無しさんの回答

少し前にレスポンシブのサイトを作ろうとし、壁にあたったことがあります。スマホ版・PC版として作成したのですが、android端末は解像度と実際の画面サイズが異なっていて、うまく切り替わらなかったです。(画面サイズ147mm×83mmで、解像度が1280×800とか)メディアクエリは解像度で判断するので、そこまでふまえた画面設計が必要になりました。

最終更新日:2012-06-01 (4,121 views)

関連するトピックス

ページ上部に戻る