コメントはまだありませんホームページをどんなデザインにするか、悩みますよね。今回はウェブデザインの中でもホームページ制作初心者、というか社長さんや店舗オーナーさんでもできる、ワイヤーフレームの描き方について書いていきます。ワイヤーフレームとは?百聞は一見にしかず。こちらをご覧ください。PDTワイヤーフレームとは、線だけで描かれたウェブサイトの構造図です。Wire(線)Frame(枠)という名の通りです。上の絵をちょっと説明すると、ヘッダーは、ホームページの最上部にあるロゴやメニューがよく置かれるところコンテンツは、その名の通り「内容」であり、ページで一番メインのところフッターは、会社の著作権表示(コピーライト)などがよく置かれるところこんな感じです。Excelや専用のデザインソフトで綺麗に描かなくても、ホワイトボードとマーカーペン、もしくは紙とエンピツがあれば、誰でもすぐに作れるのがワイヤーフレームの良いところです。具体的にしてみましょう。例として「オンラインショップ」で考えてみます。PDT上で書いたように、ロゴ、メニュー、コピーライトを配置しました。その上で肝心のコンテンツ部に何を置こう?となるわけですが、ここでは一旦「オンラインショップ」を想定しています。商品がたくさんあるだろうということで、主力商品であるオススメ商品と、最新の商品を見せるエリアをざっくり描いてみました。PDTホームページっぽくなってきましたね!上段のメニューは、トップページに戻るためのリンクとして「ホーム」が必要そうあと2つくらい入るだろうけどここでは一旦空けておこうあと「会社」についてもページがいるかな中段のイチオシ商品エリアは、欲張りすぎもイチオシ感がなくなるので、3つまでにしてみよう。下段の最新入荷アイテムエリアは、写真が小さくてもいいからたくさん出して目に触れさせたいということで、縦3列の横5行で15写真ほど出そう!なんてイメージを起こしてみるとこうなる、というわけです。いった簡単なワイヤーフレームは、ホワイトボードとマーカーがあれば、誰でも始められます。今日から始められます。絵が上手い下手は、ワイヤーフレームでは関係ありません。ソライト2018年からxRデザインに注力。これまではサービスデザイン、UXデザイン、UIデザイン、Webプログラミング、名刺やロゴデザインなどの仕事を幅広く対応。フリーランスとしてウェブ業界で10年超。仮想空間に目がなく、2000年頃からネットとオンラインゲームどっぷり。アニメSAOなどもよく見る。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。