2022-07-21

「デザインのドリル」のやり方、トレースからの学びにに納得！

こんにちは、asuperuです。

Webデザインのお勉強にあたり、TwitterやInstagramなどのSNSでよくみなさんがおすすめの本を教えてくれます。

デザインの専門学校に通っていたわけではない、未経験のあたしは、デザインに関する知識はその手の本を読みあさることで肉付けしております。もともと本は好きなので、図書館の利用は日常的。と言うことで、良書のおすすめには割とフットワーク軽く従います。

そんな中で、よく目にしていた「デザインのドリル」。

「デザインのドリル」/ Power Design Inc.(ソシム株式会社 / 2020.07.07)

グラフィックソフトの使い方の練習を兼ねて、始めてみました。

Contents

「デザインのドリル」のやり方

このドリルは、下記のステップをおすすめしています。

トレース　「完成見本」の画像データを「下絵」として配置し、その上に全く同じように素材や文字を配置する
模写　　　下絵は配置せず、「完成見本」をみながら同じようにレイアウトする
オリジナル制作　素材とテキストデータを使って、オリジナルデザインを組む

他のデザイン関係の参考書で「やってみよう！」的なものがあると、素材を自分で作りながらあえてハードルを高くする無粋なマネをしがちなあたしです。ですが、やはりどうしても時間がかかってしまうため、肝心な勉強したいことに到達する前に力尽きてしまいがちです。

反省と初心に帰る気持ちを込めて、今回この本に取りかかりました。このステップを見て、初めは「下絵、、、必要？」と疑念を抱えていました。（本当にかわいくないですね笑）

始めたきっかけ

１つ前に、名刺の奥の深さについての投稿をしました。

DTP：名刺デザインは奥が深い

そこで、フォントや配置についての難しさを痛感したのです。手を動かしてみて初めてわかることは、たくさんあると思います。いざやろうと思うと、フォントも文字サイズも、レイアウトも大した知識がなく、わかっていた気になっていたところが多々ありました。

デザイン関連のかっこいい本をいろいろと見るのも楽しいですが、その前に足元を固めないとダメだな、と初心にかえった次第です。大反省。

実際にやってみた

１つ目の課題は、こちらです。

とてもシンプルな写真展のチラシです。よーく見ると、下絵として完成見本が敷いてあるのがわかるでしょうか。字がダブってる訳ではなく、下絵があるので字がダブっているように見えるんです。

この１つ目をやりながら、早くも気づくことの多さにびっくりしました。

まず、どのソフトを使おうか悩む（そこからか！）

イラレ？フォトショ？どっちを使ったらいいのでしょう。おそらく正解はないですが、チラシと言うことでイラレを使う方の方が多いのかもしれません。実際には、印刷のCMYK色の設定ができていれば、どちらを使ってもいいのだと思います。

しかし、なぜかそのポイントですでに迷うと言うどんくささ。

なんとなく最近よく使って、使い勝手がいいかも、と思えてきているイラレで作業することにしました。

フォントとの出会い

「自分の知らない言葉は言えない」と言いますが、「自分の知らないフォントは使えない」と思っています。そう言う意味で、指示のあるフォントを使ってみると、新しいフォントとの出会いが生まれます。

フォント関連の本は多く出ていますが、実際に作業してみないとそのフォントは忘れてしまいがちで、インストールもしないままのことが多くあります。

今回、あたしは「Braisetto Bold」と言うフォント（左上の飾り文字）と出会い、その美しさにうっとり。思わず他の文字を打ってみたくなるほど、かわいらしい筆記体のフォントでした。

文字配置の奥深さ

フォントも然りですが、文字の配置も奥が深いです。「文字間」と言う、文字と文字の間への配慮が、タイトルからすでに発生していました。「カーニング」と呼ばれるこの文字間の調整。もはや、デザインを仕事にしている人からしたら当然なのかもしれません。ですが、初心者のあたしにとっては、驚愕を覚えるくらい、どの配置されている文字にもほどこされていたのです。

英字も和字も、その文字間は均一ではなく、一つ一つの文字の配置をそれぞれ微妙に調整していました。

右下の詳細の部分に至っては、それぞれの情報のかたまりごとに、ていねいにカーニングされていることで、こんなふうに読みやすくなっているのです。

配置したい情報に優先順位をつけて、フォントのサイズは変化が必要です。本の中では、どのくらい変化を出せば「差」になるかも、作業の際に考えるよう示唆しています。

タイトルは24pt、サブタイトルは11pt、詳細は9ptでした。