ホームページのクオリティアップ術:運用編(全8回)
第6回:専門知識や特別なソフトは不要!Webブラウザだけで、デザインセンスのよいチラシを作成す る方法
執筆:赤間 公太郎(株式会社マジカルリミックス)
"ホームページのクオリティアップ術:運用編"のコラムを担当する、マジカルリミックスの赤間です。
全8回のこのコラムでは、ホームページの運用に役立つサービスやその利用方法をご紹介していきます。
便利な無料のWebサービスを活用して、効率よく質の高いホームページを目指しましょう。
今回は専門知識不要でインターネット上でチラシが作成できるサービス「Picky-Pics(ピッキーピックス)」を使用して、
かんたんにチラシを作成する方法を解説します。
ホームページへの集客を強化したいときに「インターネット上にあるものだから」といって、すべての宣伝をインターネット 上で行えばいいとは限りません。業種やサービス内容によっては、インターネットよりも紙のチラシなどによる集客が効果 的な場面が多々あります。
チラシを作る前に情報を整理しよう
チラシを作ると決めたら、すぐにコンピューターに向かって作業を始めたくなりがちですが、その前にチラシに載せたい 情報や思いを整理してみることが大切です。
整理することで、告知したい情報が「より伝わりやすく」なります。
まずは、載せたい内容を書き出してみるといいでしょう。書き出すときは「5W2H」を意識して考えてみましょう。
5W2Hとは、いつ(When)、どこで(Where)、誰が(Who)などの7つの要素です。
それぞれに当てはまる事柄を意識することで、誰に何を告知したいのかが、明確になります。
今回は税理士によるセミナー開催の告知チラシを例とします。
5W2Hを元に情報を整理してまとめてみると以下のようになります。
整理した情報をグループ化しよう
5W2Hを書き出したら、それぞれの要素についてさらに詳細に書き出してみましょう。
まずは書き出した情報をグループに分けます。
例えば、開催日、時間、場所、定員などは「開催情報」というグループに分けることができます。
また、会社名、住所、電話番号などは「お問い合わせ先」として、まとめることができます。
どのようにグループ分けすればよいのかわからないときは、ほかのチラシを参考にしてみましょう。
折込チラシや街中で配布されているチラシなどで、気に入ったものは保存しておくと参考資料になります。また、インター ネットで内容の似たチラシを見つけて保存するとよいでしょう。
紙面上にグループを並べよう
情報をグループ分けしたら、次にグループを紙面上に単純なブロックと考えて、大まかに配置してみましょう。このとき、
情報のボリュームやバランスを考えて配置すると、どの情報がどこにあるのかを把握しやすく、入れ替えもしやすくなりま す。
例えば、「開催日」や「申し込み方法」が「セミナーのタイトル」よりも上にあるのは、不自然ですから、紙面の中ほどあた りに。「お問い合わせ先」のグループは紙面の下部に配置するのが基本です。
「伝えたいことほど上に配置する」ことを意識すると、伝わりやすいチラシになります。
Picky-Picsを使ってチラシを作ろう
情報の整理や紙面でのおおまかなイメージができたら、実際にチラシを作成してみましょう。
今回は、インターネット上でチラシや名刺、ハガキなどの印刷物を作成することができるWebアプリケーション「Picky-Pi cs」 でチラシを作成します。
Picky-Pics
Picky-Picsを利用するにはユーザー登録が必要になりますので、Picky-PicsのWebサイトにアクセスしましょう。アカウ ントを登録するか、TwitterやFacebookのアカウントをお持ちの方は、登録せずとも利用できます。アカウントを登録する 方は、[または Picky-Pics アカウントを作成]から、案内にしたがって登録を進めてください。
登録が完了したら、Picky-PicsのWebサイトに再度アクセスして「ユーザー名」と「パスワード」を用いて、ログインします。
デザインを選ぶ
ログインをすると、[デザインしたいものを選ぶ]画面が表示されます。
ここではA4サイズの縦型チラシを作成するため[A4 - 縦]を選択します。
次に表示される[スタートするデザインを選ぶ]の画面に、チラシのレイアウトのテンプレートが表示されます。作りたいイ メージに近いレイアウトを選択し[OK]をクリックします。
テキストを編集しよう
紙面の編集用の画面に切り替わります。
画面中央が紙面のプレビューエリア、画面右側のタブ形式の部分が編集用メニューになっています。
まずは文面(テキスト)を編集します。
プレビューエリアで変更したいテキストをダブルクリックすると、テキストの入力欄が表示され、テキストを打ち替えること
ができます。
Picky-Picsではテキストは複数行入力することができません。複数行入力したい場合は、個別のテキストを複数挿 入します。
[Enter]キーを押すと、変更した内容が保存されます。
テキストの周りに表示されるメニューをクリックすると、書体や色なども変更できるので、適宜変更しましょう。
テキストを新しく追加したい場合は、まず画面右側の編集用メニューから[文字]タブを選択します。
「横書き」と「縦書き」それぞれサイズ別に3種類が表示されますので、任意のものをクリックしながら、プレビュー画面ま で移動させてクリックを離すと、紙面に配置できます。テキストの内容や位置を適宜変更しましょう。
まとめていた情報を元に、テキストを編集しましょう。
テキストの編集を終えた状態
画像の編集
Picky-Picsには、写真やイラストが用意されていますので、適宜挿入してみましょう。
編集用メニューから[素材]タブを選択します。
下に表示されるカテゴリを選択すると、画像の一覧が表示されるので、使いたい画像を探してみましょう。
使いたい画像の具体的なイメージがある場合は[キーワードで検索]から、検索すると早いでしょう。
使いたい画像が決まったら、その画像をプレビューエリアまでドラックすると、画像が配置されます。
自身で用意した画像の使用
Picky-Picsでは、自身が保存している画像を紙面に挿入することができます。
編集用メニューから[写真を追加]タブを選択して、自身で用意した画像をアップロードします。
[ファイルを選択]をクリックして、自身のパソコン内から画像を選択します。
アップロードした画像は、画面右側に一覧表示されます。
画像を配置するには、画像をプレビューエリアまでドラックします。
画像の編集を終えた状態
色の変更
全体の背景色を変更するには編集用メニューから[素材]タブに切り替え、[背景]をクリックします。
あらかじめ用意されている色をクリックして、背景色を変更することができます。
用意されている色以外に[+]をクリックすると好きな色を追加することができます。
また、図形などの色を変更する場合は、その要素をクリックするとサムネイルが表示されます。
そのサムネイルをクリックして、好きな色を追加することができます。
完成したチラシを書き出す
編集が完了したら、画面の左下にある[できたデザインを書き出す]をクリックします。
表示されるメニューからファイルの形式を選択してダウンロードすることができます。
ファイルの種類 PDF
●
PNG
●
Webページ
●
Picky-Picsにあらかじめ用意されている写真やイラストの素材には、料金が発生するものがあります。
有料の素材を使用している場合、デザインの書き出し時に出力権限(「24時間出力権」と「無期限出力権」のどちらか を選択)を購入しなければいけませんのでご注意ください。
まとめ
ホームページやブログ、SNSへの集客は、インターネット上での告知と合わせて紙媒体でも行うと効果的です。紙媒体の 広告物の中でも、比較的に手軽に作成できるチラシで、ホームページへの集客を強化してみてはいかがでしょうか。
次回は、「メールマガジンを利用する」をご紹介します(つづく)。
次回のコラムを見る »
赤間 公太郎(あかま・こうたろう)
株式会社マジカルリミックス 代表取締役CEO/JimdoExpert http://www.magical-remix.co.jp/
http://www.kotalog.net/
宮城県出身。IT関連の専門学校を卒業後、仙台のデザイン会社に入社。Webサイトのデザイン・コーディングを 中心に従事。2002年退職後すぐに個人事業としてマジカルリミックスを創業。2007年に法人化し株式会社マ ジカルリミックスを設立。規模を問わずお客様のニーズにあわせたWebサイトの企画立案、制作、アクセスと売 上アップをめざした更新サポートまで一貫して手がけている。
また、Web制作だけにとどまらず、社内向けのセキュリティ・IT活用のプライベートトレーニング、セミナー出演、
執筆なども意欲的に手がける。全国からの講演依頼も多数。2005年から仙台の専門学校で、非常勤講師とし てWeb制作講義を担当。
主な著書に『10日でSEO&アクセスアップ
Jimdoデザインブック』(エムディエヌコーポレーション)『10日で作るかっこいいホームページ Jimdoデザインブック』(同)『HTML5+CSS3の新しい教科書
基礎から覚える、深く理解できる。』(共著、同)『基礎から覚える、深く理解できる。Webデザインの新しい教科 書』(同)。
[所属]
仙台商工会議所 エキスパートバンク登録/みやぎ産業振興機構 専門家アドバイザー/みやぎ工業会正会員
Copyright 2018 はじめてWEB All Rights Reserved.
https://hajimeteweb.jp/