レスポンシブWEBデザイン作成
①準備

現在のPCデザインにするにはどうするかを考えます

ここでは現在お持ちのホームページをレスポンシブデザインに改造する方法をご案内します。
具体的には現在のホームページを大きく図のように別けることから始めます。

例えば現在のホームページが2カラムになっているとします。
図1のように、左にメニューがあり、右に内容がある一般的なサイトをどうしたいか・・

この時の考え方が大切です

現在のPCのデザイン図1を基準として考えてしまうことが思考を複雑にしています。

基準のレイアウトベースを図2の一列の時として図1にするにはどうしたら良いかを考えることが大切です。

現在のサイトを一列に別けることが準備

PCのレイアウトデザインは複雑ですので一旦糸を解いて一列にすることを準備とします。