チラシやパンフレットなど印刷物のデザインを制作するとき、サイズを必ず聞かれます。
A4とかB5とか、知ってて当たり前のようにサイズ記号を使われますが、実際には何cm(何mm)なのでしょうか。
チラシやパンフレットのデザイン制作で、「A4」と答えてしまったけれど本当に「A4」で良かったのか…確認方法が分かりませんよね。
そこで、正しい用紙サイズをご自分で確認できたら安心ですね。
サイズ | 寸法 |
A1 | 594×841mm |
A2 | 420×594mm |
A3 | 297×420mm |
A4 | 210×297mm |
A5 | 148×210mm |
A6 | 105×148mm |
印刷物の定形用紙サイズ(A判やB判)は、半分のサイズ毎で番号が順番に付けられています。
「A1」の半分 ⇒ 「A2」
「A2」の半分 ⇒ 「A3」
「A3」の半分 ⇒ 「A4」 ・・・
最も一般的に使用されているのが、「A4」サイズで、印刷物以外にも、事務的な書類(コピー用紙など)の多くは、この「A4」サイズです。
では、デザインのサイズをご自分で確認できるように、用紙サイズ一覧をみてみましょう。正しい用紙サイズが分かれば、ご自宅や職場でも定規で図ることができますね。
サイズ | 寸法 |
B1 | 728×1030mm |
B2 | 515×728mm |
B3 | 364×515mm |
B4 | 257×364mm |
B5 | 182×257mm |
B6 | 128×182mm |
B判もA判と同様に、半分のサイズ毎で番号が順番に付けられています。
「B1」の半分 ⇒ 「B2」
「B2」の半分 ⇒ 「B3」
「B3」の半分 ⇒ 「B4」
「B4」の半分 ⇒ 「B5」 ・・・
私たちが、「大学ノート」と呼んでいる一般的な横線の入ったノートのサイズは、「B5」サイズです。
「読んでみようか…」へ マンガで
ストレスを低減!
要点を視覚的に伝える 全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく… 単調な文字だけの
ページにアクセント!
どこにでもあるモノでは、
値段でも安くしないと売れない…。
こんな価格競争から抜けるために、
他とは違う「価値」をみつけるのが
一つの方法ですよね!
あなたの売りたいモノの価値は 何ですか。
他とは違う
あなたの商品だけの「価値」を探していきましょう。
では、
あなたの商品は どんなものですか?
他社にない価値…。
例えば
商品の技術的なこととか、
デザインとか、
便利さとか…。
そういう機能の良さは「機能価値」ですね。
前回のカップの例では、
温かいものを入れると猫のイラストが表れる
…しくみですね(^ー^)b
機能は
月日が経てば他社も類似品を出してきます。
類似の機能製品の中、
売れているモノがあるのはどうしてでしょう。
機能とは違う「価値」も
存在しているのではないでしょうか。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
今はモノがあふれて、
「
買う側が選ぶ時代」…と言われています。
たくさんの同業者がいて
同じ用途の似たような製品が 棚に並んでいます。
消費者は 迷いますね…。
買ってもらうために
あるメーカーは、他より安くします。
1つが安くなると、
他のメーカーが売るために更に安くします…。
もう
どの商品が より安く提供できるか競争ですね(^ー^;)
この状況を「価格競争」といいます。
でも、
本当にモノは 安くしないと売れないのでしょうか。
買ってもらうために 安くする。
→ 儲けが少ない。
→ 大量に売るしかない。
→ 手間やコストが増える。
→ だからまた、安くても売るしかない。
・・・価格競争の悪循環ですね。
価格競争は、
コストがかかるため、資本の多い大手企業を相手にするようなものです。
その一方で、
価格を下げずに 売れているモノもあるのです。
高くても買いたい…モノとは、どんなものでしょう。
何か欲しいと思う価値が存在しているんですね。
「欲しい価値」を売っていけば
価格競争の悪循環から抜け出せそうですね。
あなたの提供できる「価値」は
どんなものですか。
<おすすめ記事>…選ばれる理由を作る
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
ページを変更したはずなのに、
以前の古いページが表示されることがあります。
それは、
自分のパソコンのブラウザ(インターネットを見るソフト)の中に、以前の情報が残ったままなのです。
新しいホームページの情報と入れ替えましょう。
ブラウザとは、インターネットを見るソフトのことです。
Internet ExplorerやGoogle Chrome、Firefox、Safariなど…。
色々あります。
ブラウザにある
「再読み込み」ボタンをクリック。
上の方にありますが、見つかりましたか。
もし、
見つからない場合は、キーボードの「F5」を押して下さい。
新しい情報に更新されます。
できましたか。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
Facebookの新デザイン「タイムライン」のデザイン設定について…。
イラスト図解でブログ記事を書いてきました。
お問合せ・質問も
色々ありがとうございます。
全てに回答するのは難しいですが…。
基本的には、
商用の会社やお店・活動の場合、
Facebookページ上では「売り込み」・「販売」を直接しないように
注意するということですね。
詳しくは、Facebookページの規約を読んで下さい。
さて
旧デザインから新デザイン「タイムライン」への切り替え…。
どうやって切り替えるのか…。
質問頂きました。
そうですね。
お話していませんでしたね (^ー^;)
【1】 新デザインの友達ページ or めろでぃー工房のFacebookページを開く。
【2】 上のイラストのように右上のボタンが表示。
【3】 「タイムラインに切り替える」 をクリック。
尚、
旧デザインの方のみ
見えるボタンのようです(^ー^)b
クリックすると、
タイムラインの設定画面になります。
設定を切り替える前に、
カバー用とプロフィール用のイラストや写真を用意しておくといいですね〜☆
<おすすめ記事>…タイムラインとは デザイン編 <第1弾>
<おすすめ記事>…タイムラインとは デザイン編 <第14弾>
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・イラストで 分かりやすく解説!
難しい内容をイラストで説明しませんか。ブログやホームページ・チラシなどのデザインに合ったタッチをいくつかオススメ。解説の構成もご提案致します!
Facebookの個人ページも、近々「タイムライン(新デザイン)」への切り替え警告を徐々に行うそうです。
さてさて
早速
「タイムライン」の設定 デザイン編…
今回もイラスト図解で 説明していきますね。
前回のブログでは、
目立たせたいイラストや記事の設定でした。
大きく表示したり。
トップぺ配置したり。
今回は 逆 (^m^)
記事を見えないように非表示に設定する方法です。
まず、
記事の右上にマウスをのせます。
鉛筆マークのボタンが表示されます。
例えば、
季節モノの売り出しや
新作のイラスト展示など…。
事前に記事を準備しておき
当日まで非表示にしたり。
後でまた使用したい 定期的な告知など
一時的に非表示にしたり。
便利ですよね(^ー^)b
ただし
削除とは違い、ページに表示させてないだけですので
友達に記事をUPしたことで
ニュースフィードなどにお知らせが掲載される可能性もあります。
では
非常時にした記事を 表示に戻すには…。
「もとに戻す」をクリック!(^ー^)b
これだけです。
<おすすめ記事>…タイムラインとは デザイン編 <第1弾>
<おすすめ記事>…タイムラインとは デザイン編 <第13弾>
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・イラストで 分かりやすく解説!
難しい内容をイラストで説明しませんか。ブログやホームページ・チラシなどのデザインに合ったタッチをいくつかオススメ。解説の構成もご提案致します!
Facebookの「タイムライン」について
イラスト図解で基本的な設定を 分かりやすくお話しています。
前回のブログ記事では
目立たせたい記事を大きく表示する方法
でしたね!
今回は
記事の並べ替えです(^ー^)b
基本的には
Fcebookの記事は、新着順・話題順。
例えば
売り出しの記事や新商品の記事は、
目立たせたいですよね。
もちろん
前回の「ハイライト」で
大きく表示も必要ですが、
皆が見ないような
ページの下部分では 意味無いです(>_<;)
そこで
そんな記事を
ページのトップに表示させましょう〜(^ー^)v
新着記事や
話題記事を押しのけて(^ー^;)
注目させたい記事を
ページのトップに常に表示させる設定をしてみましょう。
下の方に流れていくイラストも、
自動的に上に並べ替えされて
目につきやすくなりますね(^ー^)b
トップに固定すると
友達が記事を投稿したり
別の記事をUPしても
1週間
固定されたイラストがトップに表示されるそうです。
さらに
トップに移動したイラストを
「ハイライト」設定で大きく表示してみましょう。
インパクトが増しますね(^ー^)b
<おすすめ記事>…タイムラインとは デザイン編 <第1弾>
<おすすめ記事>…タイムラインとは デザイン編 <第12弾>
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・イラストで 分かりやすく解説!
難しい内容をイラストで説明しませんか。ブログやホームページ・チラシなどのデザインに合ったタッチをいくつかオススメ。解説の構成もご提案致します!
Facebookの新デザイン、「タイムライン」には
ハイライト設定というものがあります。
基本的には
記事は左右に2列。
どれも同じように表示されますね。
でも、
注目して欲しい記事や
売り出しの商品など…。
できれば 目立たせたいですよね。
できるんです(^ー^)v
それが、「ハイライト」の設定です。
記事の右上に
マウスをのせます。
「★」のボタンが表示されたら、クリック!
簡単ですね!
ハイライト設定をすると、
今まで左右2つに並んでいたイラストも
横幅いっぱいに表示されます。
ただし
元々画像のサイズが小さいものは
画像サイズで中央に表示されます。
イラストや写真をUPする前に
サイズに注意ですね〜(^ー^)b
<おすすめ記事>…タイムラインとは デザイン編 <第1弾>
<おすすめ記事>…タイムラインとは デザイン編 <第11弾>
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・イラストで 分かりやすく解説!
難しい内容をイラストで説明しませんか。ブログやホームページ・チラシなどのデザインに合ったタッチをいくつかオススメ。解説の構成もご提案致します!
前回のブログ記事では、Facebookの記事をイラストや写真付きで投稿する方法についてでした。
今回は、複数の画像をまとめて、タイトル付きのアルバムを作成しましょう。
イラストや写真は
振り返って何度も見たり、
シェア(情報の共有)や情報提供に使用したり…。
整理されていると便利ですよね(^ー^)b
では
早速アルバムを作成していきましょう。
まずは、前回も出てきましたが
記事を入力するスペースと一緒に画像をUPするリンクがありますね。
イラストや写真のUPは、下のピンクで囲った部分です。
ここをクリック!
今回は、アルバム作成ですから
右の「写真アルバムを作成」をクリック!
画像をアップロードするページが開きます。
アルバムの編集をします。
アルバムのタイトル
アルバムについての説明
イラストの背景の場所や写真の撮影場所
…を入力。
次に
アルバムに入れたいイラストや写真を選択します。
アップロードされたイラストが表示されました。
この絵の説明などを入力します。
他にアルバムに入れたい画像がある場合は
「写真を追加」をクリックして
UPするイラストや写真を選択します。
表示されたら、
1枚目と同様に 各イラストの説明文などを入力しましょう。
アルバムに入れる画像の準備が完了したら
「写真を投稿」をクリック。
アルバムを投稿し公開します(^ー^)v
作成したアルバムは
他の記事と一緒に記事スペースに表示されます。
また、
メニューの「写真」をクリックすると
アルバム名が一覧できます。
<おすすめ記事>…タイムラインとは デザイン編 <第1弾>
<おすすめ記事>…タイムラインとは デザイン編 <第10弾>
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・イラストで 分かりやすく解説!
難しい内容をイラストで説明しませんか。ブログやホームページ・チラシなどのデザインに合ったタッチをいくつかオススメ。解説の構成もご提案致します!
Facebookで、記事を投稿するとき、
イラストや写真・動画など
画像をUPできたらいいですよね
。
では、
今回は画像のUPをしてみましょう(^ー^)
基本的には、
「写真1点・本文」の組み合わせが 多いですね。
ます、
投稿の入力スペースの上に3パターンのリンクがあります。
近況
写真・動画…こちらをクリック!
イベント、大事な出来事など
UPするイラストや写真が1点なら、左の「写真・動画をアップロード」をクリック。
画像を選択するウインドウが開きます。
イラストや写真などを選択した後も、
記事の入力は可能です。
入力と画像の選択が完了したら
「投稿」をクリックしましょう。
<おすすめ記事>…タイムラインとは デザイン編 <第1弾>
<おすすめ記事>…タイムラインとは デザイン編 <第9弾>
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・イラストで 分かりやすく解説!
難しい内容をイラストで説明しませんか。ブログやホームページ・チラシなどのデザインに合ったタッチをいくつかオススメ。解説の構成もご提案致します!
Facebookに記事を書いてみましょう。
下の入力スペースをクリックすると
入力できます。
URLを入力すれば、自動的にリンクされます。
<おすすめ記事>…タイムラインとは デザイン編 <第1弾>
<おすすめ記事>…タイムラインとは デザイン編 <第8弾>
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・イラストで 分かりやすく解説!
難しい内容をイラストで説明しませんか。ブログやホームページ・チラシなどのデザインに合ったタッチをいくつかオススメ。解説の構成もご提案致します!
Facebookの新デザイン「タイムライン」では、記事スペースの構成が楽しめます。
まずは、記事スペースの構成を見てみましょう〜(^ー^)
基本的には、
記事を書き込むと、新着順に左右にUPされます。
「ハイライト▼」から
表示するものを 3パターンの中から選択できます。
ハイライト…全て。話題順に並ぶ
ページの投稿のみ…コメント欄も隠れている
他のユーザーの投稿のみ
初期設定は、「ハイライト」表示です。
<おすすめ記事>…タイムラインとは デザイン編 <第1弾>
<おすすめ記事>…タイムラインとは デザイン編 <第7弾>
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・キャラクターで 親近感UP!
ブログにホームページに、チラシに…。色々活用できるイメージキャラクター!ポーズを変えて制作もOK!
実名・顔出しのソーシャルメディアFacebook。
そのページの新デザインを「タイムライン」といいます。
引き続き、イラスト図解で「タイムライン」のデザイン編集について説明していきますね。
では、前回のメニュー編集の続編です。
前回のブログ記事では、メニューの順番を並べ替え方法でした。
さて、今回は並べ替えたメニューのアイコンのイラストを 既存のものから好きな画像に差し替えましょう。
別ウインドウ(別ページ)に アップロードページが開きます。
好きなイラスト等、画像を選択(開く)すると、アップロードのページは終了。「設定を編集」のページに戻り、「OK」をクリック。
メニュー画像が、選択したイラストに変更されましたね(^ー^)b
さらに、メニュー名の変更もしてみましょう。
画像の変更の時に 項目がありましたね。気付きましたか。
先ほどの手順で、 「設定を変更」をクリック。
1. メニュー名を入力
2. 「保存」をクリック
3. 「OK」
これで メニュー名が変更できましたね(^ー^)b
<おすすめ記事>…タイムラインとは デザイン編 <第1弾>
<おすすめ記事>…タイムラインとは デザイン編 <第6弾>
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・キャラクターで 親近感UP!
ブログにホームページに、チラシに…。色々活用できるイメージキャラクター!ポーズを変えて制作もOK!
実名・顔出しのソーシャルメディアで有名なFacebook。
そのFacebookページを作成してみましょう。
今回は、新デザインの「タイムライン」で、メニュー部分を編集してみましょう。
Facebookページのメニューの順番は、並べ替えができます。
ただし
イラストや写真などの一覧である「写真」だけは
一番最初に固定です。
「写真」以外のメニューは、並べ替えができます。
好きな順番に並べ替えてみましょう。
<メニュー並べ替え>…手順
1. 並べ替えたいメニューのイラスト(アイコン)にマウスをのせる。
出てきた「鉛筆マーク」にマウスを合わせる。
2. その場所に並べたいメニューを選択。
<おすすめ記事>…タイムラインとは デザイン編 <第1弾>
<おすすめ記事>…タイムラインとは デザイン編 <第5弾>
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・キャラクターで 親近感UP!
ブログにホームページに、チラシに…。色々活用できるイメージキャラクター!ポーズを変えて制作もOK!
以前のブログ記事でも書きましたが
Facebookのページデザインが変わりました。
新デザインを「タイムライン」といいます。
旧デザインでは、企業やお店のPRなどで制作されるFacebookページ(旧ファンページ)で、welcomeページを設定できました。
welcomeページとは、
新規で訪問した人に、自動的に最初に表示させるページです。
企業やお店の概要・紹介や興味付けなど、導入部分ですね。
そのwelocomeページの自動表示が廃止となりました。
welocomeページは、1つのアプリ扱いになり、
メニュー部分にまとめられます。
メニューボタン替わりの画像をクリックすると、今までのwelcomeページだった内容が表示されます。
これからは
最初から記事のページが表示されるということですね(^ー^)b
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・キャラクターで 親近感UP!
ブログにホームページに、チラシに…。色々活用できるイメージキャラクター!ポーズを変えて制作もOK!
Facebookのページデザインを決める…といってもいい
カバー画像。
素敵な写真やイラストをご準備下さいね(^ー^)v
Facebookのカバー画像は、写真でもイラストでもOKです。
ただし
宣伝行為のキャッチを禁止!!
「半額セール!」・「格安●●店!!」…などのテキスト禁止!
商品紹介・宣伝バナーなど禁止!
リンクバナーも禁止!
連絡先など…基本情報のテキスト禁止!
…などなど。
やりがちな点を挙げてみました。
宣伝行為をカバー画像で禁止しているようです。
※詳細は、規約を読んで下さいね。
表示サイズは、横851ピクセル・縦315ピクセル。
それ以上の大きい写真やイラストならOK!
UPした後、表示部分を調整できますよ(^ー^)b
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・キャラクターで 親近感UP!
ブログにホームページに、チラシに…。色々活用できるイメージキャラクター!ポーズを変えて制作もOK!
Facebookのプロフィール画像を準備しましょう。
個人ページでは 本人の画像。
Facebookページ (企業・店・活動など)では
キャラクターやロゴ。イラストなどのシンボル的な画像など。
サイズは、横180ピクセル・縦180ピクセル。
WEBやデザインについて分からない場合は、サイズ変更は難しいですよね。
多少大きいイラストや写真でも、正方形にしておきましょう。
表示されたとき、正方形でないと歪みます。
また
プロフィール画像のイラストや写真は、
記事やコメントのアイコンとしても表示されます。
縮小されても イメージの伝わるロゴやキャラクターなら
アイコンでも目立ちますね。
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・キャラクターで 親近感UP!
ブログにホームページに、チラシに…。色々活用できるイメージキャラクターを制作しませんか!ポーズを変えて制作もOK!
企業のPRページや、サークルページ、活動のページなどで使われるFacebookページ(旧ファンページ)は、
2012年3月30日でタイムラインへと変更になりました。
前回のブログ記事にも書きましたが、
「タイムライン」とは、新デザインのページ構成のことです。
個人ページもタイムライン化が強制されることになりました。
準備をしていきましょう。
Facebookのページ設定で、デザインに必要な画像(イラストや写真)は次の通りです。
プロフィール画像 (180x180px)
カバー画像 (851x315px)
・似顔絵でアイコン!
企業のイメージキャラクターとして、ソーシャルメディアのプロフィール画像として、似顔絵を制作!
・キャラクターで 親近感UP!
ブログにホームページに、チラシに…。色々活用できるイメージキャラクター!ポーズを変えて制作もOK!
実名・顔出しのソーシャルメディアで有名なFacebookのページデザインが変わりました。
新デザインを「タイムライン」といいます。
まずは、
旧ページのデザインと
タイムラインのデザインを見てみましょう。
【Facebookページ 旧デザイン】
左…プロフィール画像(イラスト・写真など)とメニュー
右…記事
【タイムライン デザイン】
上…カバー画像
その下…メニュー
下…記事
前のブログ記事で、
「必要な人だけを選んで、チラシを渡せばいい」
といいました。
「そんな人が分かってたら、渡してるよ!」
って、つっこまれそうです(^ー^;)
確かに
どこの誰…とは分かりません。
でも、ちょっと考えて下さい。
「こんな人が、こんな状況の時、きっと必要だと思うはず…」
あなたは、そんな想いで商品の販売を始めたのではないですか。
「こんな人」
とは、どんな人ですか。
「こんな状況」
とは、どんな時ですか。
そうやって、
より「必要としている人」のイメージを分析していきましょう。
誰でもいいから渡す…より
「必要としている人」が 居そうな「畑」に 宣伝や情報を流した方がいいですよね(^ー^)b
・本当に伝えたい方のための 7つのポイント!
ホームページやチラシは、持っているだけ・配布するだけ…では伝わらない。今のあなたをチェック!
チラシや広告は 本当に多いですね。
ポストにも。
郵便でも。
メールでも。
駅前でも。
それらのチラシやメールは、ほとんど読まずに捨てられます。
どうして読まずに「不要」と判断するのでしょうか。
本当に、全く見ずに捨てているのでしょうか。
ページも開かず、封も開けず、 捨てているチラシや広告。
でも、実はチェックしているのです。
私達は、捨てるかどうかの判断を チラシの情報から判断しています。
チェックするのは、どんな点でしょうか。
【まず チェックする点】---------------
差出人
何についての記事 (要件)
-----------------------------------
更に読む? または 不要?
必要と判断したり、不要かどうか判断できない場合は、更に中身を読み進めるでしょう。
つまり
不要な人にチラシや広告を渡しても、読まれない。
だったら、
最初から、必要な人だけを選んで、チラシを渡せばいいのです。
・本当に伝えたい方のための 7つのポイント!
ホームページやチラシは、持っているだけ・配布するだけ…では伝わらない。今のあなたをチェック!
ちょっと変わった箱包みも デザインしてみました。
ポケットが付いていて、メッセージカードや、お品書きが差し込めるようになっています。
斜めのラインが、オシャレです(^ー^)v
皆で、楽しくラッピングの実習〜☆
時間が余ったので、こんなリボンアレンジも挑戦してみました。
簡単なリボンの小技は、いくつ知っていてもいいですね。
色々なデザインに 応用が利きますね…。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
簡単に、リボンを可愛く…
そんなアレンジをラッピング講座で紹介(^ー^)b
リボンって、縦になっちゃったり
結ぶのが上手に出来なかったり。
でも、これでバッチリ!(^ー^)v
リボンを箱に巻いたら、シールで止めるだけ。
簡単で、色々なリボンでデザインできるから、楽しいね。
ちなみに、
飾りの付いているリボンは、飾りも好みでシールで止めてみました。
基本は、写真右のアレンジ。
これは、リボンが立体的じゃないから、宅急便などで送る場合にも、ラッピングのデザインが崩れないから安心!(^ー^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
今年も、バレンタインということで、ラッピング講座が開催されました。
誰もが簡単にできて、しかも可愛くオシャレに…という小技を使ってのデザイン。
皆で楽しく実習しました。皆、今年のデザイン、気に入ってくれたようです(^−^)b
袋や包装紙の淵に、可愛い形の穴あけで、飾り穴をデコ。
プレゼントやバレンタインのチョコを入れて、デープで止めるだけじゃ勿体無い…
ってことで、穴あけで開けた♡や☆に、リボンをアレンジしてみました。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
「オーサリングツール (Authoring Tool)」とは、プログラムを書かずに、コンピューター上で処理や手続きをして、作品やソフトウェアがつくれるもの。
作成の途中や作成後に、プログラムの確認や手直しができるものが多いです(^ー^)b
ホームページを制作したり、サイトの更新・運営などに使われる「オーサリングツール」を、「Webオーサリングツール」といいます。
この他、
イラスト制作などのグラフィックツールや、音編集などのツール、ゲームや動画制作のマルチメディア系のソフトなど。
色々なオーサリングツールがあります。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
「SVG」とは、「Scalable Vector Graphics」の略。
線や円・四角など、コンピューターで書く矩形によって描かれた画像(ベクター画像)を記述するための コンピューター言語。
配置・色・サイズなどを プログラミング言語のように記述し、画像を表示させます。
その為、
画質の繊細さに関係なく、画像が綺麗に表示されます(^ー^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
「ベクター画像」とは、線や円・四角形など、コンピューターで、始点と終点を指定すれば書ける形によって、描かれた画像のこと。
「ベクターグラフィックス」とも言われます。
コンピューターで扱うデータのため、拡大しても画質が悪くならないのが特徴です(^ー^)v
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
「インタラクティブ」とは、「相互的」という意味ですが、IT用語では、次のような意味で使われます。
例えば、
画面を見ながら、対話や入力など、利用者が、何かの操作をしながら進めていく
…参加できるタイプのもの。
学習教材などに、適していると言われます(^ー^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
「電子書籍」とは、電子機器で、読む本のこと。
以前は、「書籍」といえば、紙に印刷してある「本」のことでした。
それに対して、
パソコン、iPad、iPhoneやスマホ…などで、表示される「本」のことを、区別して「電子書籍」 といいます。
電子機器だけでは 電子書籍(本)は開けません。
本を再生させる機能「電子ブックリーダー」を パソコン、iPad、iPhoneやスマホ…などに 入れておかなければなりません(^ー^)b
電子書籍(本)を販売しているサイトで、それぞれの「電子ブックリーダー」を 配布しているところが多いです。
「電子ブックリーダー」は、無料でダウンロードできます。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
「ブラウザ」とは、インターネットをするときに使うソフトのこと。
ホームページを見たり、友達のブログを読んだりするとき、ページや画像を表示してくれるものです。
ブラウザの種類は色々あります。いくつかのアイコン画像を掲載します。
あなたのブラウザは、この中にありますか。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
ダウンロードしたファイルが
開かない!?
そんなときは、
ファイルが「圧縮」されている状態かもしれません。
ダウンロードなど、
データの受け渡しをしやすくするために、小さく固めた状態ですね。
このままでは、ファイルは開きません。
専用ソフト(無料)を 手順に従って、準備しましょう。
小さく固めたデータを 見れる状態に戻すことを「解凍」といいます。
では、
「解凍」ソフトの準備ですよ(^ー^)b
下のページから、無料解凍ソフト「Lhaplus」を、あなたのパソコンへもらいましょう。(ダウンロード)
■1) 下線のURLを クリック。
http://hoehoe.com/ (←クリック!)
■2) ↓下のページが開きます。
「Lhaplus Version 1.59」 をクリック。自動的にダウンロードされます。
もらった解凍ソフトを 使えるように設置しましょう。(インストール)
さて、
ダウンロードしたものは、
どこに保存されているでしょうか。
デスクトップにありますか。
それとも、
「マイドキュメント」の「ダウンロード」の中に、入っているでしょうか。
のアイコンを探して下さい。
■1) ダウンロードしたものを ダブルクリック。
■2) ↓下のようなページが開きます。(Windowsの場合)
「実行」をクリック。
■3) 「次へ」をクリック。
■4) 「次へ」をクリック。
■5) 「次へ」をクリック。
■6) 「インストール」をクリック。
■7) 「完了」をクリック。
■8) 「OK」をクリック。
これで、インストール完了です。
解凍ソフトが使えるようになりました (^ー^)b
開けなかった「圧縮」ファイルは、ダブルクリックするだけで開けるようになりました。
「圧縮」の状態は、アイコンを見れば分かります (^ー^)v
氷の中にフォルダがあるアイコンです。(下イラスト)
※「ダブルクリック」すると、自動的に「解凍」されたものが、デスクトップに作られます。
2回目からは、解凍したものを 開けばOK! (^ー^)b
(上記の無料ソフトは、2011.11.24の情報です。)
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
ダウンロードしたファイルが開かない…(>_<)
そんなことはありませんか。
もしかしたら、データが圧縮されているかもしれません。
イラストや動画、ページ数の多いデータは、容量が大きいので、送ったり、受け取ったりするのが困難です。
データの受け渡しをしやすくするために、専用のソフトを使って、容量を小さくすることを「圧縮」といいます。
では、圧縮されたイラストやページは、どうやって開くのでしょうか。
既に開ける機能がある場合、圧縮ファイルをダブルクリックするだけで、見ることができるかもしれません。
でも、
もし、アイコンが「開けないファイル(右図)」だったり…。
チャックがあるフォルダだけど、開けた…
でも、データが変だったり…。
それは、圧縮されているかもしれません。
その場合は、
圧縮されているデータを、元の状態に戻す必要があります。
圧縮ファイルを、元の状態にすることを「解凍」といいます。
「解凍」するためには、専用のソフトが必要です。
次のブログ記事では、
おすすめの「解凍」ソフト(無料)を
手に入れる方法〜使えるまでを お話しします(^ー^)b
《次の記事》 「解凍」ソフトの設置の仕方
http://melody01.jugem.jp/?eid=942513
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
レンダリングとは、プログラム用語で書かれた命令に従い、表示すること。
一般的なホームページでは、画像や文字列などを 指示通りに配置し、ページをきちんと表示することですね(^−^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
「バグ」とは、プログラム上のエラーのことですね。
何か、異常な状態があると、「バグった」…などといいますよね。
「デバグ」とは、バグを修正し、正常に起動させることです。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
「古いパソコンで、プログラムが動くのか…」
など、パソコンやソフトの種類やバージョンについて条件がありますよね。
その中に、IE6.0+ など、バージョンの数字の後に 「+(プラス)」がついている場合があります。
この「+(プラス)」は、それ以降の新しいバージョン全て…という意味です(^−^)b
【例】
IE6.0+ … 6.0 以降のバージョンの Internet Explorer
ホームページなどで、プログラムが動かないときは、確認してみましょう。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
クロスブラウザ、クロスプラットフォーム…など、「クロス○○」という言葉が いくつか見られます。
「クロス」とは、種類に関係なく、全種類で使える…という意味です。
そうすると、
「クロスブラウザ」とは、ブラウザの種類に関係なく、全ての種類のブラウザで、問題なく利用できる…という意味ですね。
「クロスOS」とは、OSの種類に関係なく、全ての種類のOSで、問題なく利用できる…という意味ですね。
「ブラウザ」とは、インターネットを楽しむソフトのこと。ネット上のホームページを見るソフトのこと。
例えば、Internet Explorerや、Firefox、Google Chromeなど。
OSとは、パソコンの種類のこと。パソコンのメーカーではありません(^−^;)
例えば、Windows XP、Windows 7、Mac OS、Linux など。
「フラットフォーム」とは、パソコンの環境のこと。
パソコンを動かす為の環境(力の大きさや種類)や、パソコンの種類(OS)、それぞれの設定など、それぞれのパソコンで違いますよね。
その違いを、「パソコンの環境が違う」…などといいます。
つまり
「クロスプラットフォーム」とは、パソコン1台1台の違いに関係なく、すべてのパソコンで、利用できる・・・という意味ですね(^−^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
「ライブラリー」とは、図書館…ではありません(^ー^;)
Webの用語では、いくつかのプログラムを、フォルダにまとめたグループのこと。
プログラムをまとめた人が、自由にグループ名を考えることができます。
ライブラリーの中のプログラムは、そのままでは動作しません。
「○○のライブラリーの中の『▲▲』というプログラムを ここで動かす!」
…と、ホームページなどから、呼び出して命令をすることで、起動します。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
これまでのブログで、イラストでのホームページやチラシ・広告制作が、どうしていいのかお話してきました(^−^)
イラストで説明する良い点は
分かりやすい
親しみやすい
さらに、
ターゲットを意識した世界観をつくれる…
イラストならではですね(^−^)b
イメージしたものを自由に制作できるので、工夫次第です。
キャラクター制作やホームページやネットショップなどのパーツ。
ページ全体をデザインして、独創的な世界観まで…。
イラストとデザインを融合した制作で、インパクトの強いチラシやホームページ作成も おススメです(>▽<)
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
「読みたくない…」
そう感じるホームページやパンフレットなどもあります。
文字がビッシリ!…だったり。
難しそうなイメージだったり…。
読む前から、うんざりしていては、伝わりませんね(>_<;)
まずは、
イラストや漫画で、「さわり」を伝えてみませんか。
興味のある人は、続きの本文へ進みやすくなりますよね。
………………………………………………………
見てもいいかな…(・_・ )
可愛いなぁ… 面白いなぁ…(^ー^)
ついつい 読んでいた… w( ̄o ̄)w
………………………………………………………
こんな流れができたら、成功ですよね(^−^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
「ホームページを、開いた瞬間に 閉じた…」
「チラシを受け取ったが、読まずに捨てた…」
ありがちですよね(^−^;)
そのホームページを読むかどうか…。
そのチラシを開くかどうか…。
読むべき情報なのかは、一瞬で判断されています。
ホームページを開いた瞬間。
チラシを捨てようか…チラッと見た瞬間。
この一見の瞬間が 最初の伝えるチャンスなのですね(^−^)b
何について書かれているか…
それすら知らずに、不要と判断されるのは、納得がいきませんよね(>_<;)
そこで
最初の伝える一瞬のチャンスに、イラスト図解を活用してはどうでしょうか。
イラスト図解は、本文を読むより先に、伝えるものがあります。
全文を読まなくても、概要だけでも伝えることができれば、どうでしょうか。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
イラストは、確かに分かりやすく、やさしく伝えます。
しかし
イラストだけで、全てが伝わるのでしょうか。
イラストも完璧ではありません。
弱点を知って、対策をしておきましょう(^−^)b
【イラストの弱点】 …………………………………
SEO(検索サイトに表示)に強くない
………………………………………………………
イラストや写真など、画像は、SEO(検索サイトに上位表示)に強くありません。
それは、検索情報を読み取る検索ロボは、画像に書かれた内容まで読めないからです。
【イラストのSEO対策】………………………………
画像をアップロードするときは、画像の説明を書きましょう。
<img src="img01.gif" alt="●ここに画像の説明●" />
………………………………………………………
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
前回までのブログ記事で、
イラスト図解は、伝わりやすい…
とお話しました(^−^)
しかし
イラストで伝えない方がいいもの
(イラストが適さない)
もあります。
【イラストは適さないもの】 …………………………
商品の素材…写真で
実物が観たい…商品写真
価格・サイズ・品番などのリスト…テキストで
………………………………………………………
上のものは、一例です。
イラストは、分かりやすく、やさしく伝えますが、場合によっては、テキストや写真の方が適するものもありますね(^−^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
前のブログ記事でも、お話しましたが…。
確かに、
テキストだけで書いても、伝わります。
それなのに
何故、イラストを添えるのか…
………………………………………………………
イラストのインパクトで、目に付くから
読む前に、先にイラストで、イメージが伝わるから
文字だけより、やさしく伝わるから
………………………………………………………
文字だらけのページは、読むのにうんざり…
ありますよね(^−^;)
イラストは、そんな「テキストのストレス」を軽減し、やさしく伝えてくれます。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
前回のブログ記事に
「イラスト図解なら、一見してポイントを伝える」
…とお話しましたね(^−^)
しかし
「通行止め!」
と、ひと言テキストで、伝わるのではないでしょうか。
ホームページやチラシでも、同様…
わざわざイラストを入れなくても、テキストで、伝わる気がしますよね…(^−^;)
何故、イラストを添えるのでしょうか。
それは、
「イラストのインパクト」で、目につくから…ではないでしょうか。
イラストは、文字を読むより先に、伝えるものがあります。
道路工事の例で、考えてみましょう。
「通行止め!」
の文字の前に、
「工事かな…?」
先に、イラストでイメージが伝わります。
すると
いきなり 「通行止め!」 よりも、
「工事」→「通行止め!」
イメージがつかめた分、やさしく伝わる気がしますね(^−^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
テキストのびっしり!…OTZ
これは、読みたくない「テキストのストレス」だと、以前のブログ記事でもお話しましたね。
だったら、
イラストであれば(画像であれば)、何でもいいのでは…?
テキストでなければ、「テキストのストレス」がないですよね。
テキストだけのものと、画像で、比較してみましょう。
テキストだけでは、本文を読まなければ伝わりません。
写真で、工事のイメージは、伝わるかもしれません。
でも、
写真があっても、結局、本文を読まなければ、伝わりません(>_<)
イラストでは、どうでしょうか。
よくあるイラスト素材で、比較してみましょう。
工事中なのは、イラストで伝わりました(^−^)
しかし、
通れるかと通れないか…肝心な部分が伝わりません。
結局、本文を読むこととなります(^−^;)
運転中に、文章を読むのは大変です(>_<;)
イラスト図解なら、簡単に ポイントを伝えます(^−^)b
工事の看板だけではありません。
読まずに閉じられがちな、ホームページやチラシにも、一見して伝わりやすい伝達力が必要ですね。
全文を読まなくても、ポイントを伝えるイラスト図解が欲しいです(^−^)v
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
テキストとイラスト。
情報を正確に伝えるには、「テキスト」がいい気がします。
なのに、何故
イラストが多く活用されるのでしょうか。
それは、
イラストの伝達力です。
例えば
「工事中で通行できない」…と伝える場合。
こんな大量の文章を、運転中に 「一瞬」で読みきれません(>_<;)
一見で、ピン!ときますね(^−^)v
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
難しい内容は、読むのも大変です。
頑張って読み手に読んでもらえても、正しく理解できなければ、伝わりません。
一般向けの読み物は、小学校6年のレベルだとも言われています。
ちょっと読んでも、さっぱり理解できない…
そんな専門的な文章や、難しい記述もありますね。
あなたの伝えたい読み手は、一般の人ですか。
それとも、専門知識のある「専門家」ですか。
読み手のレベルに合わせた 理解できる言葉で伝えましょう(^−^)b
言葉では、難しくなる説明は、イラスト図解で説明しましょう。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
前回のブログ記事に、ピッシリの活字…を取り上げましたね。
それと似た原因ですが、長文が挙げられます。
伝えたいことが多くて、ついつい本文は長くなりがちですよね。
今すぐできる対策方法を お伝えします。
長すぎる長文も、読む気力がなくなったりします。
簡潔に短くできない内容なら、本文を区切りましょう。
見出しやコーナーで、本文を整理し、区切ると、適度な長さにできますね(^−^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
ページを開いた瞬間、読みたくなくなる…そんな広告やホームページを見たことはありませんか。
原因は、テキストのストレスかもしれません。
ページを開いたら、活字がびっしり…(^−^;)
「これを読むのか…。」
一瞬うんざりしたりすること無いですか。
楽しい小説ならいいのですが、事務的な調べものなど、ストレスを感じます。
活字の中に、画像があると、ストレスが軽減されますよね(^−^)
写真でもいいですが、イメージを和らげるには、イラストやキャラクターの方が、効果的ですね(^−^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
以前、ブログの記事になんどがお話していることですが…。
「読みたくない テキスト」
というものがあります。
ちょっと読んだだけで
または、ページを開いただけで、
読む気もしなくなる…テキスト。
それでは 伝えたいことは伝わりません(>_<;)
読む気もしなくなる…ストレスの原因は、どんな点でしょうか。
次回から、1つづつ確認しましょう(^−^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
8/9(火)、中高校生が、職場で仕事の様子を見学する「職場体験」で、めろでぃー工房にやってきました。
今回は、イラストの大好きな学生たち…ということで、日頃使っている画材を持ってきてもらいました。
最近は、パソコンでイラストやデザインをするんですが、久しぶりに手描きです(^−^)v
持ってきてもらった画材は、色鉛筆とコピック(ペン)でした。
…………………………………………………………
色鉛筆やパステルなどのやわらかい画材
…色が紙に着色しづらいので、凹凸のある「ワトソン紙」を。
コピックなどのペン
…インクが綺麗に見える表面の平らな「ケント紙」を。
…………………………………………………………
紙の種類によって、雰囲気も色合いも、微妙に違います。
また、 推奨された画材の紙を使用せず、好みの風合いにこだわり、わざと別の紙を使用して描いている絵描きさんもいます(^−^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
前回のブログで、
「キャッチコピーやイラストなど、目立つ部分が先に見られる」
…とお話しましね(^−^)
では、
キャッチコピーや見出しに、要点が書かれていれば、イラストや画像は、なくてもいいのでは…?
そんな気もしてきますよね (^m^)
画像が大きく掲載されているのは、
やはり、イラストの効果が あるからですよね(^−^)v
チラシやホームページ、商品棚も、同業者のものが たくさんあります。
そのため、
たくさんの情報の中から、選んでもらう必要があります。
文字だけで、インパクトは充分でしょうか。
画像が大きく掲載されていると、目立ちますよね。
さらに、
チラシもホームページも、イラストより、写真中心のものが圧倒的に多いです。
類似のものが、ありすぎても、競争率が高くなりますよね。
また、
イラストを中心にデザインされたものは、イメージなども表現できます。
つまり、
イラストで、チラシやホームページ全体に、あなただけの、独自の世界観も表現できますね。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
チラシやパンフレット、ホームページなどで、
「
開いた瞬間、目に付く部分」
があります。
それは、小さく書かれた本文の内容…ではありません(^−^;)
ほとんどの人が、 大きく書かれた見出しや、キャッチコピー、そして、イラストなどの画像ではないでしょうか。
目立つ大きな文字や印象的なイラストは、上部や真ん中など、すぐ目につきやすい位置にあります。
最初に見られる部分が、計算されて、デザインしています。
イラスト、キャッチコピー、図解・噴出し…
私は、こんな順序に見ています。
そこで、
「読んでみたい」
「必要な情報かも」
と判断したもののみ、本文へと読み進めます。
つまり、
「こんな内容の話をするよ!」(^−^)b
…とイラストやキャッチコピーが、読者に 導入・アピールの役目もしているのですね(^−^)v
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
さて、質問です(^−^)
………………………………………………………
同じことを伝えたページで、2パターンあります。
・一つは、文章で細かく、ビッシリ書かれた説明ページ。
・もう一つは、イラストで図解され、必要なことだけが抜粋して短い文で書かれたページ。
どちらのページで、情報をチェックしますか。
これは、テキストとイラスト、どちらが良い方法か…というものではありません。
もし、あなたが、細かく専門的に知りたいのであれば、必要なことだけ抜粋したイラスト図解だけでは、物足りないでしょう。
逆に、専門用語は全くわからず、簡単に必要な情報だけ得たい…というのであれば、解かりやすいイラストで図解説されたページがいいでしょう。
あなたの伝えたいことを 聞いてほしい人(ターゲット)は、テキスト派でしょうか。
それとも イラスト派でしょうか。
ターゲット(あなたが伝えたい人)が、どんな気持ちで、あなたのページを見るのか…
それを意識したら、伝え方が見えてきそうですね(^−^)v
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
ホームページでは、ブラウザ(インターネットをするソフト)で、フォント(文字の形)が違ったり、テキストのサイズ変更ができたりします。
しかし、
チラシやパンフレットなど、印刷物のデザイン(DTP制作)では、どうでしょうか。
テキストのサイズや改行が変化するようなことがあれば、大変ですよね(^−^;)
印刷サイズより、オーバーしてしまうかも知れません(>_<)
DTP(印刷物のデザイン)の場合、テキストは、画像にします。
テキストが崩れない為です。
パソコンによって、入っているフォント(文字の形)は、それぞれ。
画像にしておかないと、問題です。
印刷工程で、DTP(印刷物のデザイン)作成とは別のフォント(文字の形)に 変更してしまう恐れがあるのです(>_<;)
手書きの文字で、お店のロゴを作成したり、イラストで文字をデザインしたり…。
ありますよね。
このようなデザイン化されたテキストは、画像です。
テキスト画像は、作ってから文字の変更は、作り直しと同じです。
原稿やデザインが、確定してから作り込みます。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
チラシやパンフレットなど、印刷物のデザイン(DTP制作)とイラストのかかわりについて、少しお話します。
同じイラストを並べられて、模様やラインがデザインされている場合がありますね(^−^)
その場合、制作するイラストは、必要数…ではありません(^−^;)
繰り返されるパーツを 1点または、1組…イラスト制作をすればOKですね。
後は、デザイン段階のDTP制作で、間隔や列など、調整して並べていきます。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
チラシやパンフレットなど、印刷物のデザイン(DTP制作)に 関することを お話します。
印刷物のデザイン、DTPには、「トンボ」というマーク(「トリムマーク」ともいう)があります。虫ではないですよ(^−^;)
「トンボ」とは、印刷物のサイズを把握する為に付けられた記号です。次のことが分かります。
仕上がりサイズ(チラシやパンフレットのサイズ)
縦横の半分の位置
仕上がりサイズから、3mmまたは5mm外側
何故、外側…?
疑問ですよね。
背景の色や模様が、淵まである場合、背景を外側の「トンボ」以上に広げておく決まりです。
印刷が少々ズレても、背景が途切れないように 余裕を持たせているんですね(^−^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
以前も、ブログ記事で書きましたが、
チラシやパンフレットなど、印刷物のデザイン(DTP制作)の場合、注意点があります。
お客様の中には、古い携帯で撮影した写真や、何かの印刷物に掲載しているイラストなどを ご用意してくる方もいます。
綺麗に印刷されるためには、イラストや写真は、できるだけ画質の高いものが望ましいです。
デザインするサイズより、小さい写真やイラストを拡大するのも画質が下がります。
写真は、高画質で撮影
イラストは100倍以上で制作(必要なサイズ以上)
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
前のブログ記事で、イラストは、何かの制作物の素材として作成される…とお話しました。
チラシやパンフレット・商品などの印刷や、ホームページやWeb・アプリなど。
その流れは、次の通りです。
・デザインが確定する
・必要なイラストを制作する
・制作したイラストを当てはめ、デザインを仕上げる
デザインが、まだ確定していない内は、イラストを作りません。
デザインが変われば、無駄になってしまうからです。
作り直しで、2つ分のイラスト料金がかかれば、高くなってしまいますよね(>_<;)
そのような無駄を省くため、デザインやラフ画で、どんなイラストにするのか、しっかり確認が必要ですね(^−^)b
デザイナーから、イラストを依頼される場合も、デザインが確定しているからといって、そのまま作り込みません。
イラストを作成する前に、ラフ画で、確認をします。
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!
イラストレーターを選ぶ基準は、何でしょうか。
・どんなタッチ
・どんな風に仕上げてくれるか
通常は、この2点が大きいようですね(^−^)
よくお客様に言われるのが、
「このイラストを見て来ました」
つまり、
百聞は一見にしかず…ということでしょうか。
イラストの実績・作品を見て、イメージしているんですね。
「イラストレーター」といっても、いろいろ。
タッチの違いもありますが、専門性に長けているイラストレーターもいます。
似顔絵専門、
キャラクター専門、
アキバ系イラスト専門…など、
分野や目的を絞って、作成している制作会社も少なくありません。
「めろでぃー工房」は、「やさしく伝えるイラスト」の専門です(^−^)b
「読んでみようか…」へ
マンガで
ストレスを低減!
要点を視覚的に伝える
全文を読まなくても、
概要が伝わってくる…
難しい内容をやさしく…
単調な文字だけの
ページにアクセント!