職人デザイナー「わたっく」のデザインのコツ教えます https://ameblo.jp/watac25/ プロのグラフィックデザイナー「わたっく」が、ポスター、ポストカード、フライヤーからウェブデザインまで、見る人を惹きつける素敵な魅せ方の基本の”き”を「細かく」「詳しく」お教えします。 ja 基本編 vol.4＿文字の配列を美しく整える 期間の表示　について考えてみましょう。
一般的に文字を打っただけだとこんな感じですね。


$職人デザイナー「わたっく」のデザインのコツ教えます-kikan1



一番伝えたい日付の数字部分が他の文字に比べて小さく感じませんか？
そこで、よりはっきりと期日を伝える為に、
日付の数字を大きくしてみましょう。

$職人デザイナー「わたっく」のデザインのコツ教えます-kikan2


左右の長さは変えずに、日付だけがぐっと目立つようになりましたね。
更に細いゴシック体に変更してもっとスマートに魅せる方法を考えましょう。
ここでひとつ目先の違った図形を入れる事で28日と30日を明確に分けて
目の整理をします。こんな感じです。

$職人デザイナー「わたっく」のデザインのコツ教えます-kikan3


さらにさらに、応用してみましょう。
ここまで魅せる事ができれば、あなたもプロの仲間入りです（笑）

$職人デザイナー「わたっく」のデザインのコツ教えます-kikan4


どうですか？左右の長さはすべて同じですが、
グラフィックデザインのちからで、情報をそぎ落とし
こんなに解りやすく明確に美しく魅せる事が
できるようになります。
ぜひ応用してみてくださいね。

ちょっとしたテクニックで、
イベントや展示会の期間を見るものに強く印象づけます。
左右のスペースがこれだけだから（泣）なんてあきらめないで
デザインのサービス精神旺盛にいきましょう！



















]]> https://ameblo.jp/watac25/entry-11037979342.html Tue, 04 Oct 2011 17:44:48 +0900 基本編 vol.3＿文字の配列を美しく整える しかし、デザインの方向性により詰めるより、むしろ開ける場合もあります。
例えば、このような場合…



$職人デザイナー「わたっく」のデザインのコツ教えます-akino1





コピーの内容が、「かわいい」なのに、ちょっと男らしくて”カタい”イメージになっていますね。
なので、文字間は開け気味にして、ゆる～い雰囲気をだしてみましょう。
こんな感じです。どうでしょう「可愛く」なりましたか？




$職人デザイナー「わたっく」のデザインのコツ教えます-akino2



今日はさらに応用編！アクセントのアイキャッチを付けてみましょう。
文字の色や吹き出しも、可愛く変更です。

$職人デザイナー「わたっく」のデザインのコツ教えます-akino3



文字に表情をつけていく事はとても重要なテクニックですね。







]]> https://ameblo.jp/watac25/entry-11037919243.html Tue, 04 Oct 2011 17:00:00 +0900 基本編vol.2＿文字の配列を美しく整える 第2回目は、和文（日本語）です。

$職人デザイナー「わたっく」のデザインのコツ教えます-Kitchen1









このような場合、特に注意したいのが拗音（小さい文字）です。
大きい文字と同じ設計なので、拗音の周りが大きく開いてしまいます。
したがって、全体はもちろんですが、この拗音部分を重点的に微調整します。

$職人デザイナー「わたっく」のデザインのコツ教えます-Kitchen2










どうでしょうか。きれいに見えますか？
今回の例は2行ですが、字間と文字間が同じ間隔になっています。
目を細めてみると…こんな感じ

$職人デザイナー「わたっく」のデザインのコツ教えます-Kitchen3











このように、字送りと行送りを同じ数値にしている企画書を頻繁に拝見しますが
タテ、ヨコどちらに読んでよいかわからないのはもちろん
いちめんにびっしりと文字が並ぶその様に圧倒されて
もうそれだけで目をそむけてしまいます。
文字列が2行以上になる場合は、
目を細めて見た時に下記のように見えるように、行間を開けてください。

$職人デザイナー「わたっく」のデザインのコツ教えます-Kitchen4











このように微調整すると…

$職人デザイナー「わたっく」のデザインのコツ教えます-kitchen5










このようになります。どうでしょうか見やすくなったでしょう！



















]]> https://ameblo.jp/watac25/entry-11036981810.html Mon, 03 Oct 2011 16:17:59 +0900 基本編vol.1＿文字の配列を美しく整える グラフィックデザインの知識やデザインする上でのちょっとした「コツ」を
解りやすくそして詳細に解説します。ぜひ参考にしてください。

今回のテーマは、「文字の配列を美しく整える＿vol.1」です。

グラフィックデザインにおいて文字の配列はとても大切な要素です。
ここを綺麗に整えるだけで、その見栄えは大きく変わるのです。

例えば、PCでKARUIZAWA（かるいざわ）と打ってみてください。
一般的にこのようになると思います。


$職人デザイナー「わたっく」のデザインのコツ教えます-karuizawa1












文字の間が開いていたり、狭かったり
間違えてK　アルイザワとか読めちゃったりしますね。
それは文字の開き具合がばらばらだからです。


$職人デザイナー「わたっく」のデザインのコツ教えます-karuizawa3











それはフォントが四角い形を基本に設計されている為です


$職人デザイナー「わたっく」のデザインのコツ教えます-karuiizawa4










文字の間（文字間または字間という）を綺麗に微調整します。
目を細めて見て文字と文字の間のホワイトスペースが均等に見えるように
少しずつ少しずつ調整します。まずは基本の詰めた状態から練習してください。
欧文のAとWが隣り合う時やIとDが隣り合う時は、詰まりすぎとなる場合があるので
特に注意してください。
さて、微調整ができました。どうでしょうか。


$職人デザイナー「わたっく」のデザインのコツ教えます-karuizawa2











文字のセリフ（うろことも言う）は隣の文字とくっついてしまってもOKですので、
少しずつ移動しては目を細めて眺めて見て、文字の間隔がきれいになるまで
微調整を頑張ってみましょう。
プロはさらにそれぞれの文字の大きさも微調整しますが、こちらは追ってご紹介します。
今回の欧文書体はCenturyです。
長い歴史のある書体で伝統美を感じますね。











]]> https://ameblo.jp/watac25/entry-11036878643.html Mon, 03 Oct 2011 13:31:21 +0900