レスポンシブ化するとき、スマホから作るかタブレットから作るか

Question

タイトルの通りになりますが、PCサイトをレスポンシブ化させるとき、スマホサイズから作るのとタブレットサイズから作るのではどちらを先にやったほうが効率よくできますか？最終的にはどちらにも対応させるようにします。

Answer 1

基本的にモバイルファーストです。
モックもモバイルで先に作り、そちらで調整しつつ設計に反映していくことも多いです。
これは現場によるかもしれないですが、そもそもデザインカンプ自体を先にhtmlで作ってそれを元に設計に落とし込む手法もあるようです。
サーバーサイドも絡んでくるとモックHTMLは必須なので余計にその方向にあるかもしれません。

Answer 2

基本的にはPCのサイズとタブレットのサイズは似ています。

なので先にスマホに対応させ、PCのサイズとスマホのサイズの中央あたりをブレークポイントとしたもう一つのサイズを作る、といった方法が効率が良いと考えています

Answer 3

同時進行です。
というより、自分の場合は

1. 表示する内容を箇条書きで書き出す。
2. PC版とモバイル版で紙上で簡単にデザインを書く
3. コードを書く

という感じです。
個人的には「どっちに重点を置く」ということもしていないので
「同時進行」か「気にしていない」というのが回答になります。

Comments

[kyoya0819]

最近は2番は頭の中でやるので基本的にはやらなくなりました。