/Web制作に役立つ、ワイヤーフレームシート(手書き用)Web活用お役立ちコラムWeb制作に役立つ、ワイヤーフレームシート(手書き用)Webデザインをする際には、ワイヤーフレームの作成が不可欠です。装飾はせずに、線(ワイヤー)だけで、フレーム(枠組み)を図で表したものです。Web制作の手順は大まかに下記になります。←ココで使う!コンテンツ原稿、素材準備デザインカンプ作成コーディングサーバーUP、本番公開Googleチューニング最近はワイヤーフレームを作成をする専用ツールがいろいろ出ていますね。私の場合は専用ツールは使っていません。シンプルにエクセルで作ったりもしますが、大体の案件はPhotoshopで作り、そのPhotoshopワイヤーをベースにデザインカンプに仕上げる流れで作っています。ツールが便利になってきているので、いきなりツール上でゴニョゴニョ作る方もいるかもしれませんが、私はやはり手書きで案を練る段階を踏んでから、PCで整えるという流れで作成しています。今回はこの手書きの段階で使うためのシートを作成てみました。作った理由は、無地のA4コピー用紙にフリーハンドで書いていましたが、ほぼレスポンシブのグリットレイアウトで作るので、ワイヤーの段階でグリットを考慮して作った方がデザイン作成が効率的かな・・と思い、グリットの入った手書き用ワイヤーフレームシートを作ってみました。12カラムのグリット線を入れた、パソコン用とスマホ用になります。大したものでは有りませんが、PDFにしていますのでご自由にお使いください。Webデザイナー歴10余年「制作も販促も分析も行う実践派Webプランナー」、Web運営支援、Webマーケティング、クセス解析、SEOの専門相談を行っています。Webデザイナー歴10余年「制作も販促も分析も行う実践派Webプランナー」、Web運営支援、Webマーケティング、アクセス解析、SEOの専門相談を行っています。認定)プロフィールの詳細はこちら中原ひとみより最新情報をお届けメールアドレスを入力してください。※メールアドレスに間違いがなければ「認証確認」にチェックを入れて「登録する」ボタンをクリックして下さい。「Googleマップが正しく読み込まれませんでした。Arch~【制作も販促も分析も行う実践派Webプランナー】クライアントさまの成功に「主体性」をもってWeb活用をご支援します。