レスポンシブWebデザイン案件のワークフローが従来通りではなさそうなことはなんとなくわかる。 でも、デザインなしでいきなりコーディングだとか、コーディングしながらデザインだとかは、Webにあまり詳しくないクライアントさんのお仕事で、デザイナーとコーダーも分業体制、という状況では、なかなか実現できない…… という、恐らく受託サイト制作では一般的であろうシチュエーション。 そんなときに、比較的スムーズにレスポンシブWebデザイン案件を進められるだろうフローを考えてみました。 ■最初にレイアウトパターンを絞る 画面設計の最初の段階で、サイト内のレイアウトパターンを決めます。 3パターンに収まるのが理想です。 メインページ:ヘッダ/フッタ、ナビゲーション、メインコンテンツ ┗見出し複数レベル、本文、箇条書き、表、画像配置例、リンク・ボタン例 付き 一覧系ページ:ヘッダ/フッタ、ナビゲーション、メイ
![レスポンシブWebデザインの“現実的な”ワークフロー](https://cdn-ak-scissors.b.st-hatena.com/image/square/bde871e524b64085bf0c26a67b74f05c6eaf115c/height=288;version=1;width=512/https%3A%2F%2Fwww.e-agency.co.jp%2Fwp-content%2Fuploads%2F2012%2F11%2Fa0001_017424.jpg)