2006/06/16
【プロが教えるデザインのツボ】メニュー＆コンテンツ編
――――――――――――――――――――――――――――――――――― 現役デザイナーが教えるデザインノウハウ。 ――――――――――――――――――――――――――――――――――― 【センスがなくても！プロが教えるデザインのツボ】 ●006号● デザインコンサルタント 萩原 義和 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ ■こんにちは、チョビ助です。 今回から「チョビ助」改め本名「萩原 義和」で行きたいと思います。 皆様、どうぞよろしくお願いいたします。 ・イベント仕事が大詰めです。打ち合わせに作業、もっと時間の効率化を 考えていかねばと思っています。 □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ 【おしらせ】 □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ ■前回の募集いたしました【メルマガ会員 年間コンサル希望】ですが お申し込み多数いただきまして、ありがとうございました。 一般のクライアント会員の数も口コミで広がりつつあるので 今後の展開を考えて行きたいと思っています。 ■今回、一般クライアント会員の方から感謝のメールをいただいたので ご紹介させていただきます。 ○翻訳会社経営 I様 ----------------------------------------------------------------- 萩原 様 いつもお世話になっております。 先日は、直接色々とご指導いただきありがとうございました。 おかげさまで、申請しておりました「ヤフービジネスエキスプレス」から 本日連絡がありまして、無事一発で審査を通りました。 夜の遅い時間に事務所まで行ってしまいながら、結局予約の一時間を オーバーしながらも、色々参考になるお話ありがとうございました。 メールマガジンのほうも早速購読させていただきました。 また今後ともよろしくお願いいたします。 ----------------------------------------------------------------- ○治療印経営 N様 ----------------------------------------------------------------- D2 萩原先生 お世話になります。 Nです。 報告します。 その後、Yahoo!からビジネスエクスプレス審査通過の連絡があり、 先月から今月の頭までに、ネットを見ての来客数が10人突破！ いたしました。 この間もお話したとおり先生に相談するまで、Yahoo!からの 却下の知らせがあっても何が悪いのかわからず無駄にお金だけを 消費していました。 yahoo!から、審査の通過の連絡が来たときは、興奮してつい電話して しまい申し訳ありませんでした。 先生の「おめでとうございます。Nさんがんばりましたね」といわれた ときには涙が出そうになりました。 今後もよろしくご指導お願いいたします。 ----------------------------------------------------------------- Iさんは、とても勉強家の方で、自社のホームページを全てご自身で 勉強なさって、全てCSSでデザインするという、本職デザイナー顔負けの 熱い方です。 正直こちらも、もっと勉強しなくてはとモチベーションがあがりました。 Nさんは地域密着の治療院をめざしてがんばっておられる方で、 非常に熱心に熱いメールをいつもいただいております。 私は腰痛もちなので、非常に参考になるアドバイスをいつもありがとう ございます。 今回二方のメールを紹介させていただいたのも、コンサルティング内容で 非常に多いのが、「yahoo!ビジネスエクスプレス」に対しての物です。 会員の方たちのほとんどが、オーバーチュア広告やPPC広告を やっていらっしゃるのですが、「yahoo!ビジネスエクスプレス」に苦戦 しているようですね。 「yahoo!ビジネスエクスプレス」は審査が通らなかった場合、30日以内 でしたら再審査可能なのですが、再審査も通らなかった場合は、 再度5万2500円支払う必要があります。 審査が通らなかった場合どこが駄目だという指示がないため、個人で ホームページを運営しておられるかたがたは、再審査を通すのも非常に 難しいのです。 今回、審査通過のモデルがある程度たまってきたので、商材を製作開始 しました。 進行状況はメルマガで発表したいと思います。 ●デザインコンサルティング【メルマガ会員】プランも常時募集しており ますが、150人になったら終了しようと思っております。 ・デザインコンサルティング【メルマガ会員】プラン 料金：年間 20,000円 にてご提供（一月あたり1,700円弱） コンサル内容： ・ホームページ制作等のご相談 ・レンタルサーバー等の選び方 ・ブログのデザインカスタマイズ ・PCの調子が悪い等 ・「yahoo!ビジネスエクスプレス」のご相談 など、デザイン・WEBにかかわる事から、PC全般のトラブル相談まで、 ほんの些細なことでもOKです。 ご希望の方は、hagiwara@gipangu.netまで、 【メルマガ会員 年間コンサル希望】のタイトルでメールしてください。 折り返し、こちらから振込み口座等、連絡させていただきます。 では、本編いってみましょう。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ プロっぽいホームページをつくる！−−メニュー＆コンテンツ編−− ---------------------------------------------------------------------- いよいよ、メイン部分のデザインのツボです。 前回の閑話休題の内容も参考にしていただければ、より分かりやすいと 思います。 メニュー編 ■メニューブロックとコンテンツブロックを分ける まず、大まかにメニューとコンテンツの入る場所を分けます。 メニューを横に並べて配置するのか、縦に配置するのか考え、それにあった メニューブロックを方眼紙に書き込みます。 コンテンツ編 ■訪問者の視点を考える まず、全体の流れとして訪問者の視点を考えます。 一般に訪問者の視点は「Z型」に流れていくといわれています。 ということは、左上から順に「訴求効果」があるということです。 売りたい物のブロックがあってもそれが、画面下のほうにスクロールしないと 現れないようでは、せっかくの訪問者からの購入確率は下がってしまいます。 よほどうまく商品への導線を作っていかないと、訪問者は商品にたどり 着く前に違うページへと移ってしまいます。 ■写真や文章を揃えて配置する 本文や写真はなるべく方眼に沿って揃えるように配置します。 写真は常にこの縦のラインに沿うようにするとか、 本文はこのラインに揃えるとか。 そういった、規則性が、プロっぽく見せるコツなんです。 プロのデザイナー達はまず、ラインを揃えるようにデザインしていきます。 ■規則性の中に不規則な部分を入れる ずーと一定の規則にしたがって、配置していると、どれが強調したいのか 訪問者には分かりません。 強調したい物をあえて不規則に配置することで、その項目を目立たせる ことができます。 例えば、同じ大きさの写真の並びの中で、ひとつだけ大きかったり、 少し斜めに傾いている写真があったら、思わずクリックしたくなりませんか？ こうした、「崩し」を入れるというのが、プロの技法なのです。 ■こうやって、全体をうまく配置することで、プロっぽいデザインが 出来上がります。 デザインの基本は、規則性とちょっとした不規則性です。 これだけで、ホームページの出来上がりがぜんぜん違う見栄えになりますし、 見やすくなります。 素人っぽいホームページ＝読みにくい、見にくいということなのです。 見やすい、分かりやすいホームページというのは、当然リピーターが 増えますし、何より売り上げがアップします。 今出来上がっているものは当然、設計図なのでこれから作りこんでいく必要が ありますが、設計図がまとまったことで、ホームページの制作時間はぐんと 少なくなります。 なにせ、頭の中にあるものをいったんアウトプットして、 整理してありますからね。 設計図を作る時間はかかりますが結果的に更新したり、チョコチョコ 修正したりする時間を考えると後の手間がかかりません。 次回から、いろんな基本技を紹介したいと思います。 ---------------------------------------------------------------------- 編集後記 今回も長くなってしまいました。最後までお読みいただいて ありがとうございます。 今月は月末までドタバタしそうなので 7月に本格的にネット戦略を練っていこうと思っています。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ご感想は⇒ hagiwara@gipangu.net までお願いいたします。（大歓迎です） ご感想は本メルマガへの掲載させて頂く場合がございます。 メールでご感想をいただく際には原則として本メルマガへの掲載を許可 頂いているという前提でお願いいたします。 原則として実名掲載させて頂きますが、「匿名希望」の方はその旨、お知ら せください。 また匿名であってでも、掲載はやめてほしい！という場合に限り、 「掲載不可」という注釈をお付けください。 よろしくお願いいたします。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ メールマガジン「センスがなくても！プロが教えるデザインのツボ」 ■発行責任者： チョビ助 ■公式サイト： http://d2studio.blog69.fc2.com/ ■メールアドレス：hagiwara@gipangu.net ■購読・解除はこちらまで→ http://www.mag2.com/m/0000197168.html ※広告その他でご案内しているサービス・商品をご利用になられてのトラブル等 について、当方では一切責任を負いかねますので予め御了承ください。 Copyright (c) 2003-2006 d2-labo & チョビ助. All rights reserved. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
