こんにちは、女性デザイナーの松田です。
ここ最近、新規のお客さまや
リピートのお客さまからの様々なご依頼で
年末に向けての恒例の慌ただしさになってきました！
と同時に忘年会のお誘いもチラホラあって
仕事の合間をぬって、ちょいと出席してきます。
身体だけは壊さないようにしないとですね。。。
そうそう、facebookのハットツールのページも
いいね！が日々増えて、もうすぐ200いいね！が
見えてきました（＾＾）
————————
さてと、、、
今日はメルマガの第二弾を配信しました。
内容としては、このブログで人気の
「明朝体とゴシック体の使い分け」という記事を
もっと掘り下げて具体例も入れて詳しく解説しています。
今回は、ブログ限定で少し内容を紹介しますね。
『そのフォント、ちゃんと内容に合っています？』
私の近所で『マンション建設絶対反対』のビラを
配っていたんです。
そのビラを見ると何か違和感を感じたんですね。
というのも下記のようにpopフォントで
キャッチコピーの『マンション絶対建設反対！』が
書かれていました。


このpopフォント、太くて目立ちますが
なんか、かわいらしくないですか？

危機感が薄くて軽い印象に感じたのですが私だけですかね？
心の底から建設は反対なの？と疑問に感じました。
こんな感じで、シチュエーションに合わせたフォントを
使わないと説得力に欠けてしまいます。
その代わり、うまく使うと訴求力がぐんと増します。
ただ、デザインに慣れてない人がよくやる失敗としては
相撲フォントやpopフォント、ペン書フォントなど
あらゆる種類のフォントを多用してデザインが
散漫になってしまうこと。
私も含め大概のデザイナーはそうかと思いますが、
デザインを作成する際に使うフォントの種類は
実は1〜2種類程度なんですよ。意外でしょ。
それは、1種類のフォントに文字の線が細・中・太
があるフォントを選ぶんです。
この線の太さによって
・キャッチコピー
・小見出し
．本文
など
デザインを構成していきます。
ということで、パソコンに標準でインストールされている
明朝体とゴシック体。
この基本的なフォントをどういうシチュエーションのときに
使ったらいいのか？ということを
具体的に例をだしています。
標準でインストールされている明朝体とゴシック体でも
十分にデザインは可能なんですよ。
この内容の数倍濃い内容をメルマガでお届けしています。
もしもっと知りたい、勉強したいという人がいたら
下記から無料メルマガに登録しておいてください。

更新日：2014年11月19日

こんにちは、女性デザイナーの松田です。
ことしも水宅配会社のM社さんの中綴じカレンダーの
デザインをさせていただき、
ようやく10000部もの納品が終わりました。


このカレンダーを掲示する場所を「キッチン」と想定して
日々の予定を書き込めるように日付のマスのスペースを
大きめに、六曜や季節の行事などを入れています。
そして今年は、日付のワクを少しあけて、
連続した予定を入れられるようなデザインになっています。
ちょっとしたことなのですが、
まだまだデザインで使いやすいように改良する点は
ありますね（＾＾）
さて、このカレンダーという商品は
1年を通して使いますよね。
この日に約束をしたり予定を立てたりします。
当たり前なのですが、日付、曜日、六曜、行事、、、
絶対に間違えられません。
なんだそんなことかよ、ハットさんよ、当たり前じゃん、
と思われるでしょうが、
見直す作業もこれまた一大作業なんですね。
M社の方からハットツールも総出で
確認に継ぐ確認をして
できあがったカレンダーを見ると、
とっても感慨深いものがあります。
去年も一昨年も、無事に仕上がってほっと一息して
年末に向けての追い込みになっていきます。
今年ももう少し。ラストスパート頑張るぞ
という感じです。
 
《おしらせ》——————————————————
デザインを20年やってきたからこそ分かる
「もっとこうしたら」という『デザインの技』を
週1回、無料でメルマガにてお届けしたいと思います。
自分でワード、エクセルでチラシや名刺のデザインをしているけど、
素人ぽさが抜けない、反応がいまいち、という方、
デザインのポイントさえつかめれば使うソフトは関係ないです。
ぜひ登録してご自身のデザインに活かしてください。
登録はこちらからどうぞ！

更新日：2014年11月15日

こんにちは、女性デザイナーの松田です。
今日は『下町ヨガ』というヨガ教室を主催されている桜井さんと
チラシデザインの打ち合せでした。

桜井さんにハットツールをたくさんのデザイン業者の中から
選んでいただいた理由をお聞きすると、
「直接会って打ち合せをできるから」
とのこと。
デザインの打ち合せは、直接会ってするのが当たり前だと
思っていたのですが、そうでない業者さんが多いんですね。
実は、直接お会いして打ち合せしたからこそ感じるものって
めちゃくちゃたくさんあるんです。
たとえば、お客さまの服装や話し口調、しぐさ、持ち物、
雑談から垣間見えるお人柄などなど。。。
探偵のように、じぃーっと観察するわけではないですが、
印象として残るので、
それがデザインに反映されていくんですね。
打ち合せは約1時間ほどなのですが、
デザインのイメージを湧かせるので
打ち合せをする場所は結構重要です。
今日の場所はフロマエという西日暮里のオーガニックカフェ。
内装のデザインがひとつひとつかわいらしく、その上静か。
ここをセレクトした桜井さんのセンス、
チラシデザインの方向性が見えました（＾＾）
 
《おしらせ》——————————————————
デザインを20年やってきたからこそ分かる
「もっとこうしたら」という『デザインの技』を
週1回、無料でメルマガにてお届けしたいと思います。
自分でワード、エクセルでチラシや名刺のデザインをしているけど、
素人ぽさが抜けない、反応がいまいち、という方、
デザインのポイントさえつかめれば使うソフトは関係ないです。
ぜひ登録してご自身のデザインに活かしてください。
登録はこちらからどうぞ！

更新日：2014年11月13日

こんにちは、女性デザイナーの松田です。
いやはや、今日初めてメルマガを配信しました。
自分はたくさん購読しているのに
配信するとなると何だか緊張しますね。
本日メルマガを配信しました。ほんの少し内容をご紹介。
【チラシのデザインに季節感を入れて即戦力にする。】
よくチラシのデザインに季節感を取り入れるとよい
ということを聞いたことはありませんか？

実際に季節と関係がない内容でも
デザインを提案する時期や納品する時期の季節を
取入れたデザインにすると選ばれやすいということがあります。
つまり目を惹くということなんですね。
なんだそんなこと。。。と思われるかもしれませんが、
20年もデザイナーをしているとトータルで見ると
季節感を入れた方が選ばれるし、反応率も高いんですよ。
1回こっきりやっただけだと分かりにくいかもしれませんがね。。。
さて、季節感を取り入れるということは、
春なら桜の写真を入れて、夏なら海水浴のイラストを入れて。。。
いえいえ、そんな具体的に季節を表現するのではなく
色によって季節感を出していきます。
画像は私がよく使う配色です、参考までに。

私が配色で気をつけていることは、
突飛な色を入れないということです。
アクセントの色と突飛な色というのは、ちょっと違うんですが。
（またこの色の話しはおいおいお話しするとして、、、）
この季節の配色をキャッチコピーや見出し、背景色、枠線などに
あしらっていくのですが、
本日配信したメルマガでは、実際に反応率が高かった
チラシデザインの実例を紹介しています。
季節感のある配色をしたデザインは内容を変えなくても
目新しくガラリとリニューアルしたように感じられるので便利です。
これからデザインを作成される場合には
ぜひ冬用に配色したデザインを試してくださいませ！
メルマガ登録はこちら
https://www.hattool.com/meilmagazinetouroku

更新日：2014年11月12日

こんにちは、女性デザイナーの松田です。
今日は初めてのお客さまのところへ打ち合せに行ったのですが、
最寄り駅に着いて、いつものようにスマホのgoogleマップに
ナビしてもらおうと立ち上げたらGPSが現在地をキャッチせず、、、
キャッチするまで待っても、らちがあかない感じだったので
人に聞きまくりながら、どうにかこうにか時間内に到着。
超超方向音痴の私は冷や汗をたっぷりかいてしまいました。
—————
さて、この度『差がつくデザインの技』という
メルマガを配信することになりました。
メルマガの内容は、こんな感じです。
デザインをご依頼いただくお客さまから
「ハットツールさんにお願いする前に使っていたデザインです」と
お見せいただくことあるんです。
うちにデザインをご依頼いただくということは、
その今まで使っていたデザインに
何らかの不満があるということなのですが。
たしかにそれを見せていただくと、
「もっとこうしたら読みやすくなるのに」や
「もっとこうしたらお得に感じてもらえるのに」、
「もっとこうしたら目に留まるのに」
と、改善ポイントがいろいろ目につきます。
その「もっとこうしたら」ということが、
見る人にとっては惹き付けられるポイントで、
結果的に他と「差がつく」のではないかなと思います。
デザインを20年やってきたからこそ分かる
「もっとこうしたら」という『デザインの技』を
週1回、無料でメルマガにてお届けしたいと思います。
自分でワード、エクセルでチラシや名刺のデザインをしているけど、
素人ぽさが抜けない、反応がいまいち、という方、
デザインのポイントさえつかめれば使うソフトは関係ないです。
ぜひ登録してご自身のデザインに活かしてください。
登録はこちらからどうぞ！

更新日：2014年11月10日

こんにちは、女性デザイナーの松田です。
昨日は、千葉まで打ち合せに行ったついでに
足を伸ばして千葉美術館で開催されている
「赤瀬川原平の芸術原論展」を見てきました。

赤瀬川原平さんとは
先日、10月26日にお亡くなりになったのですが
前衛芸術家、漫画家・イラストレーターでもあり、
しかも芥川賞の作家の多才な方なんです。
なかでも一番有名なのが、
千円札の作品を作った通貨模造の事件だと思います。
展覧会では
イラストのお仕事や、雑誌「ガロ」の連載、原稿、
マッチ箱のコレクション、その他のアート作品など、
作品数が盛りだくさん、
見終わったあとはお腹いっぱいで
ヘトヘトでした（笑）
感想を端的にいうと、
絵は半端なくうまい！ということと、
作品がユーモアたっぷり。
千円札裁判では、裁判官や検察官に「現代芸術」というものを
教えるために様々な作品が裁判所に持ち込まれます。
この持ち込まれた作品が、
全裸男性の後ろ姿のタペストリーや
ものすごい数の洗濯バサミで挟まれた男性の写真など
これらを使って「現代芸術」を説明するのですが
この裁判のときの写真がまたおもしろいんです。
ほぼ日の対談でこのときのお話しをされてました>>
現代芸術（美術）は「訳が分からん」「難しい」という
イメージをお持ちの方は多いと思います。
私は今回の赤瀬川原平展をみて、
現代芸術とは
ばかばかしさとクスっと笑えるユーモア
と改めて感じました。
そうそう、話しは変わりますが
このチラシと展覧会のパンフレットのデザインが
またカッコいいんですよ。



 
12月23日まで開催されています。
有名な方なので、アートやデザインに興味のある方は
見ておいた方がいいですよ（＾＾）

更新日：2014年11月03日

こんにちは、女性デザイナーの松田です。
今日から11月ですね。
今年も残すとこあと2ヶ月。
カレンダー制作も、もう大詰め。
そして、年賀状やクリスマスカードのデザインのご依頼、
私はというと
年末年始の帰省の飛行機のチケットを購入しました（笑）
年末年始に向けて少しずつ動いています。
———————
さて、前回から引き続き、
「ラベル屋さん」などの
フリーソフトを使って名刺を作成するお話しです。
名刺のデザインを作成する上で
私が注意している下記3つのポイントは
イラストレータのような業務用のソフトを使おうが、
どのフリーソフトを使おうが関係なく調整できます。
1スペース。
2文字を揃える。
3文字サイズ。
また、これら3つがきちんと整うと、
飾りを入れなくてもきれいなデザインになりますし
また、飾りを入れるとデザインが映えます。
——
で、今回は最後、3つめの
文字サイズ
のお話しです。
名刺に記載する情報によって
文字サイズを変えますね。
名刺に記載する情報の中で一番大きなサイズは
名前
だと思います。
これは、名刺を渡す理由として、
自分の名前を覚えてもらうという役割があるから
名前は一番大きく目立つところに入れます。
次に大きいサイズは何にするか？
電話で注文を受けたりするのであれば電話番号を大きく。
ホームページで注文を受けるのであればURLを。
会社名をアピールしたいのであれば社名やロゴを大きくする。
アピールしたいから取りあえず大きいサイズにする！
といっても、他に住所やメールアドレス、肩書きなど
55mm×91mm内に記載しなければなりません。
どれだけ
全体のバランスをとりながら
センスよく
可読性を保って
デザインするか？
私のように今まで名刺をデザインしていると
大体の文字サイズは決まってきてしまいます。
↓

ここでは、名前の次にアピールしたいのが
社名ですので、名前が14ptなので
その次に大きい12ptにしています。
（14ptと13pt見た目あまりかわらないので12pt）
書体や記載する情報量の多さなどによって
若干、文字サイズは変えますが
基本このようなサイズにすると、
年配の方でも見えるかと思います。
ということで、名刺のデザインを作成する上で
私が注意している3つのポイントをお話ししてきました。
しゅっとしたセンスのよい名刺を見ると必ず
スペース、文字を揃える、文字サイズ
の3つが整っています。
上記の名刺フォーマットを基本にして
新たな自分だけの名刺デザインを
作成していただければと思います。

更新日：2014年11月01日

こんにちは、女性デザイナーの松田です。
今日で10月も終わりですね。
今月は、人生初の入院などで慌ただしかったのですが
ご心配いただきお声をかけてくださった皆さま
ありがとうございました。
早いものでもう回復してしまい入院が懐かしく感じられます（＾＾）
—————–
さて、前回から引き続き、
「ラベル屋さん」などの
フリーソフトを使って名刺を作成するお話しです。
名刺のデザインを作成する上で
私が注意している下記3つのポイントは
イラストレータのような業務用のソフトを使おうが、
どのフリーソフトを使おうが関係なく調整できます。
1スペース。
2文字を揃える。
3文字サイズ。
また、これら3つがきちんと整うと、
飾りを入れなくてもきれいなデザインになりますし
また、飾りを入れるとデザインが映えます。
——
ということで、今回は2つめの
文字を揃える
というお話しをしたいと思います。
ここでいう文字を揃えるには4種類の意味があります。
・書体を揃える
・文字サイズを揃える
・行の長さを揃える
・位置を揃える

 
上の名刺デザインを「文字を揃える」ということに
注目してみてください。
※フリーソフト作成したで適当なサンプルがなかったので
業務用のイラストレーターというソフトで作成しています。
さて、
ロゴ以外は同じ書体で揃えており
青とオレンジの縦線内は、
行の長さを揃えています。
またオレンジの縦線内は
文字のサイズが揃っている
さらに「tel・」「open・」「mail・」
それぞれの・の位置を揃えています。
こんな一部の「・」を揃えただけでイメージって
そんな違わないんじゃないの？と
お思いかもしれませんが、
見比べると「はっ！」とするほどスッキリした印象になります。
プロのデザイナーになると、
こういう揃えられそうなところを見つけて
一つずつコツコツ揃えていくんですね。
いろんなところが揃ってくると、
それはそれは見違えます！（笑）
ただ、
行の長さを揃えたり、
位置を揃えることは、
字間の間隔を広げたり狭めたりしながら調整して
揃えていきます。
これがフリーソフトでどこまで
調整できるかどうかです。
少なくともラベル屋さんでは、
大ざっぱな字間設定しかできなかったので
行を揃えるというのは、できませんでした。
他のフリーソフトではどうでしょうか？
・書体を揃える
・文字サイズを揃える
・行の長さを揃える
・位置を揃える
「行の長さ」「位置を揃える」
ということが難しくとも
書体と
文字のサイズが揃っていれば
素人ぽさや雑さがぐんと無くなると思います。
スペースと文字を揃えたら、
次は、文字サイズ
についてお話しいたします。

更新日：2014年10月31日

こんにちは、女性デザイナーの松田です。
前回から引き続き、
「ラベル屋さん」という
名刺をフリーソフトを使って作成しています。
※macはソフトをダウンロードしなくても
WEB上で作成できます。
さて、名刺のデザインを作成する上で
私が注意しているポイントが3つあります。
1つめは、スペース。
2つめは、文字を揃える。
3つめは、文字サイズ。
これら3つは、私がいつも使っている
イラストレータのような
業務用のソフトを使おうが、
フリーソフトを使おうが関係なく調整できます。

また、これら3つがきちんと整うと、
飾りを入れなくても
きれいなデザインになります。
——
ということで、
今回は1つめのスペースの話しです。
ここでいうスペースには4種類、意味があります。
・字間（文字と文字の間隔）
・行間（行と行の間隔）
・余白
・間（文字組のブロックとブロックの間）
で、上の4種類のスペースを注意して
作成したデザインです↓

周囲の余白は5mm。
上ブロックと下ブロックの間も同じ。
字間はゆったりとした間隔（若干空き気味で）。
行間は詰まり過ぎず、空きすぎず、
文字サイズに5pt＋したぐらいを目安に空けます。
このように、フリーソフトを使っても
各スペースの間隔を揃えること、
でまとまり感がでてきますよ。
スペースによるまとまりがでれば
次は文字を揃える
ということをお話しいたします。

更新日：2014年10月29日

こんにちは、女性デザイナーの松田です。
前回、エーワンの無料名刺作成ソフト
（macだとWEB上で作成します）の
「ラベル屋さん」で名刺のデザインを作成してみた
というお話しでした。

↑右に配置しているハットの画像も
無料画像作成ソフトで作成しました。
↓ソフトはFireAlpaca。

アルパカのアイコンがかわいらしいです。
作業画面は
フォトショップの簡易版のような感じです。
B2,A2などの特大サイズも設定でき
印刷対応の350dpiという高解像度も設定できます。

ただ、残念なのがカラーモードがRGBで、
CMYKに変換できないこと。。。
カラーモードをCMYKに変換できないと
印刷所で印刷はできないんです。
わかりますかね（＾＾；；
自分家のプリンタでプリントアウトするのには
カラーモードは関係ないので
このFire Alpacaソフトで画像を作成しても大丈夫です。
ちなみにフォトショップで作成したPSDデータも
このFireAlpacaで開くことができます。
ということで、ハットのマークを
5cm×5cmの350dpiの用紙設定にして
ペンツールを使って描きました。


背景を透明にしたかったので
PNG形式で保存。
そして「ラベル屋さん」で
画像→ピクチャー
で、FireAlpacaで描いたPNG画像を選択。

すると、配置されます。↓

画像の上に文字も入れられるので便利ですよ（＾＾）
ということで、無料ソフトを使っての
名刺のデザイン作成についてのお話しでした。
次回は、この無料ソフトを使って
どこまでデザインを詰められるか？
文字のサイズと余白のお話しをしたいと思います。
お楽しみに！

更新日：2014年10月28日