こんにちは。ANGEL VIBES です。前回に引き続き、今回も着せ替えタンブラーの台紙の作り方について解説したいと思います。
前回は、PDFになっている台紙のテンプレートをダウンロードし、AIファイルで保存するというところまで進みました。デザインテンプレートの準備はできたので、今日はそのテンプレートを利用してデザインを進めることにします。下の写真の、私がデザインしたクリエイトユアタンブラーの台紙の柄を例に、解説します。

 

クリエイトユアタンブラー

 

着せ替えタンブラー台紙の作り方

 

[1. テンプレートのAIファイルを開く]

ダウンロードしたPDFファイル、ファイル名は「tumbler500.pdf」ですが、前回はこのファイルをAdobeIllustratorで開いてAIファイルとして別名保存しましたね。今、あなたのPCには、「tumbler500.ai」というファイルがあるはずです。まず、このファイルをAdobeIllustratorで開いてみましょう。
 

PT500mlテンプレート「tumbler500.ai」

 

PT500mlテンプレート「tumbler500.ai」のレイヤー

 

テンプレートはレイヤーに分かれていますね。ブックマーカーやブックカバーの時のお話で出て来た「design space」に該当する部分はどれだと思いますか? このレイヤーの中では「本体」が該当します。なので、解りやすいように「本体」を「design space」に書き換えて、作業をしても良いと思います。
他のレイヤーについても説明しておきますね。上のレイヤーから。「ロゴ」は空レイヤーなので削除してもOKです。「指示事項」は左上のテキストによる説明部分です。「刷り範囲」はグレーで示された部分。左上の説明にもありますが、タンブラーにセットすると図案が隠れる部分です。なので、デザインで重要な部分、例えばロゴマークなど、図案が途切れてしまってはいけないパーツは、このグレーの部分に配置しないように気をつけなければなりません。そうした注意の目印としてこのレイヤーがあるわけですが、目印レイヤーなので、作業の最後に削除してしまいます。

 
[2. レイヤー「design」を作り図案を配置する]

「刷り範囲」の下にレイヤー「design」を作ります。ブックマーカーやブックカバーのデザインの時と同じで、このレイヤーに図案を配置します。
図案ができていれば、あとは簡単です。このレイヤー「design」に、図案をバランスよく配置します。
今回のようなタンブラー台紙のデザインは、場合によっては、図案を扇形に湾曲させることもありますが、今回の例のような散らし柄(総柄)は、その必要はありません。見た目に不自然でなければ、図案の湾曲の必要はないということです。

 
[3. 塗り足しをつける]

塗り足しをつけます。塗り足しをつけて、印刷に用いるデータは完成となります。
レイヤー「本体」の点線がありますが、これが裁ち落とし線になります。なので、このラインから3mm外側のラインまでが、塗り足し部分(ドブ)となります。
裁ち落とし線から3mm外側に、塗り足しラインを描きます。レイヤー「本体」の点線を選択したままで、メニューバー「オブジェクト」→「パス」→「パスのオフセット」を選択します。「パスのオフセット」のダイアログボックスで「オフセット」の数値を3mmにします。すると、裁ち落とし線の外側3mmにラインが描けます。この塗り足しラインを、レイヤー「design」の同一の位置にカット&ペーストします。復習しますね。このような、同一の位置へのカット&ペーストは「コマンド+C」の次は「コマンド+B」でしたね。

塗り足しラインが描けたら、このラインまで図案を満たします。後はレイヤー「刷り範囲」を消せば、データは完成です。なお「本体」レイヤーの点線ですが、後の紙を裁断する作業がしやすいように、消さないで残しておいてください。

試しに、私がデザインしたスターバックスのクリエイトユアタンブラーの台紙の柄を、このテンプレートに配置してみますね。下のようになりました。
 

PT500mlテンプレートに配置した状態

 
[4. データを紙に印刷する]

完成した図案を紙に印刷します。ところで、どういった種類の紙に印刷しましょうか? いつもの普通紙でもぜんぜんかまいません。でも、ちょっと発色を気にして、いつもと違う紙に印刷するのも面白いです。くっきりとした鮮やかな彩度を再現するなら、写真用専用紙が良いでしょう。ブックマークのお話の時、パンダ柄の印刷に用いたのがEPSONの写真専用紙でしたね。そうでなく、鮮やかさよりも風合いを求めるなら、画用紙が良いでしょう。なお、私がデザインしたスターバックスのクリタンの台紙には、ケナフという自然な風合いの非木材紙を用いてます。ただし、この紙は廃盤になってしまいました。気に入っていたんですけどね・・・。ともかく、印刷する紙はどんな発色を求めるかで決めれば良いと思います。

 
[5. cutlineを目印に裁ち落とす]

紙に印刷したら、裁ち落としラインに添って裁ち落とします。裁ち落としラインは、今回のテンプレートでは、レイヤー「本体」にある点線部分でしたね。ハサミでも良いですけど、私はカッターでキュキュッとカットしてしまいます。慣れると曲線部分もスイスイ切れますよ。紙をカットしたら、台紙は出来あがりです。

 
[6. タンブラーにセットして出来あがり]

タンブラーに台紙を差し込んでセッティングすれば出来あがりです。それぞれのメーカーの着せ替えタンブラーで、台紙の差し込み方法が異なるので、適宜やってみてください。なお、私のクリタンは、下のフタを開けて差し込むタイプです。

さて、オリジナルデザインのタンブラーができました! たくさん使ってあげてくださいね。

 

まとめ

  • タンブラーもレイヤー「design」を作りここに図案を落とし込む
  • 台紙に用いる紙は発色で決める。画用紙や写真専用紙を使っても良い
  • 曲線部分の裁断は、慣れればカッターでもさほど難しくはない

では、また!

こんにちは。ANGEL VIBES です。
紙を使ったオリジナルグッズデザインのお話をしてきましたが、ブックマーカーに続き前回は、ブックカバーの作り方のお話をしました。今回は着せ替えタンブラーの台紙の作り方です。
ブックマーカーやブックカバーを作れるのなら、タンブラーの台紙はそれほど難しくはないことでしょう。AdobeIllustratorでデザインするとして、ブックマーカーもブックカバーも、最終的な形状である裁ち落としライン(Cutline)が解りそこに落とし込む図案があれば、同様の手順でデザインができましたが、タンブラーの台紙もその例に漏れません。

 

着せ替えタンブラーを購入しよう

「紙の基本(4)」でも触れましたが、スターバックスの「マイスターバックスタンブラー」、「クリエイトユアタンブラー」など、台紙が着せ替えできる仕様になっているタンブラーが市販されています。この種のタンブラーは「カスタムタンブラー」などとも呼ばれていますね。
写真は現在販売中止となっている型ですが、私が愛用しているスターバックスの「クリエイトユアタンブラー」です。

クリエイトユアタンブラー

着せ替え式のタンブラーには台紙を差し込める隙間があります。そこに、紙に印刷したオリジナルデザインの台紙を入れて、楽しむこともできるというわけです。
着せ替え式のタンブラーは、スターバックスばかりでなく複数のメーカーが販売していますが、このように台紙を入れる隙間がある仕様になっています。
台紙の厳密な形状はメーカーにより異なりますが、この形状に合わせてデザインを落とし込めばいいということについては、どのメーカーにおいても変わりありません。なので、とりあえず、いずれかのメーカーの着せ替えタンブラーを購入し手に入れてしまいましょう。台紙の形状が把握できれば、あとは、ブックマーカーやブックカバーのような作業になります。

 

メーカー別、着せ替え式タンブラーいろいろ

複数のメーカーが着せ替え式タンブラーを販売していますが、ご参考までにいくつかピックアップしました(※ご使用ご購入は自己責任で)。

●クリエイトユアタンブラー(スターバックス)
現在、販売中止となっている型のクリエイトユアタンブラーは、シンプルでどんなデザインにも合わせやすかったので、おススメしておきます。
スタバのWebサイトにはまだ、この販売中止となっている型のクリエイトユアタンブラーの情報が掲載されていますね。
・スターバックスWebサイト

●カスタムデザインタンブラー(トレードワークス)
こちらもシンプルなので、いろいろなデザインに合わせやすそうです。
楽天の通販サイトでも購入できます。グッドデザイン賞を取っている商品とのことで、使いやすそうです。
・雑貨ネットONLINE

その他、ダイソーにも着せ替えタンブラーが売っているようですので、ご興味があれば店頭でご確認してみても良いと思います。

 

テンプレートをダウンロードする

ここからは、トレードワークスのカスタムデザインタンブラーを題材に、お話したいと思います。(スタバの以前の型のクリエイトユアタンブラーは、販売中止となっているとのことですし。。。)
トレードワークスのカスタムデザインタンブラーには、台紙デザイン用のテンプレートがあります。トレードワークス推奨のサイトなので、安心して使っていただけます。まずは、このテンプレートをダウンロードしましょう。今回はとりあえず、高さ17.8cmのものでデザインしてみますね。

こちらから、ダウンロードできます。
・CUSTOM DESIGN

テンプレートはJPGとPDFがあります。今回はPDFを選択します。

デザインテンプレートのサイト。PDFを選択します。

 

PDFのテンプレートをAIで別名保存する

PDFのテンプレートをダウンロードできましたか? ファイル名は「tumbler500.pdf」です。念のためちょっと説明しておきますね。ダウンロードサイトで「PDFをダウンロード」のボタンを押していただくと、ブラウザにテンプレートの図案が現れると思います。そのまま「別名で保存」をしてしまってください。これでPDFファイルがあなたのPCにダウンロードできているはずです。
そこまでできたら、今度はそのPDFファイルをIllustratorで開き、AIファイルとして保存し直します。PDFファイルは、後から編集できないようにIllustrator等で開けない設定にすることもできますが、今回のPDFファイルはテンプレートとして配布されているので、ちゃんと開くことができます。
メニューバー「ファイル」→「開く」から「tumbler500.pdf」を開きます。ファイルを開いたら、そのまま「別名で保存」し、ファイル形式から「Adobe Illustrator(ai)」を選択してください。次のダイアログでバージョンの選択がありますが、これはあなたがお使いのIllustratorのバージョンに合わせましょう。
このように、ダウンロードしたPDFファイルをAIファイルで保存し直せば、テンプレートの準備は整ったことになります。あとは、図案の落とし込みです。このお話は、次回。

 

まとめ

  • 着せ替え式のタンブラーのおススメは、
    スターバックスの「クリエイトユアタンブラー」(以前の型)
    トレードワークスの「カスタムデザインタンブラー」
  • 「カスタムデザインタンブラー」はデザイン用テンプレートを配布している
  • PDFファイルはAdobeIllusutratorで開くことができる

では、また!

こんにちは。ANGEL VIBES です。
紙を使ったオリジナルグッズをデザインしてみようということで、作った模様をアイテムに落とし込んでみるところまでお話が進みました。前回は、ブックマーカーのお話をしましたが、今日は引き続きブックカバーへの模様の落とし込み作業についてお話したいと思います。

 

ブックカバーを作ってみよう

今回は、文庫本向けサイズのブックカバーを作ってみることにします。A4サイズに模様を印刷すればできてしまうので、作りやすいと思います。
今回はトンボはつけません。何かの入稿データにするなら別ですが、家庭用プリンタでちょっと楽しむというなら、そこまでしなくとも充分です。

下が完成した状態の写真です。模様は、例として前々回に作り方を解説したストライプ柄です。紙に印刷して、文庫本に包んでみました。

ストライプ柄のブックカバー

今回は、こんな感じのブックカバーを作ってみたいと思います。

 

ブックカバーの作り方

 
[1. デザインスペースを描く]

上に説明したように、今回は、A4サイズを出来あがりサイズとします。位置は横位置で、A4サイズの内側、下の図のような範囲をデザインスペースとして模様を印刷します。

印刷部分

 
A4サイズのアートボード中央に、281×194mmの長方形を0.25ptのアウトラインでデザインスペースを描きます。レイヤー名に「design space」と記しておきます。
プリンタには印刷可能範囲があり、多くは紙のサイズよりやや内側の範囲に印刷できるしくみとなっています。印刷した時に、紙の縁に空白の部分ができるということですが、今回は気にしなくても大丈夫です。今回のブックカバーのサイズを考える場合、A4サイズから8mm程度内側まで模様が印刷されていれば充分だからです。なので今回は、A4サイズの中央、281×194mmの範囲をデザインスペースとしました。

 
[2. デザインレイヤーでレイアウトする]

新規レイヤーを追加し、名前を「design」とします。このレイヤーで、デザイン・レイアウトを行います。なお、レイヤーの順番は、「design space」の下にしてください。そうすれば、最初に描いたデザインスペースであることを示す長方形が、作業をする際に目印になります。

 
[3. デザイン・レイアウトしたオブジェクトにマスクをかける]

デザイン・レイアウトができたら、デザインをデザインスペース内に収めるため、デザインスペースの長方形でマスクをかけます。
まず、デザイン・レイアウトしたオブジェクトをグループ化します。グループ化は「コマンド+G」です。それから、レイヤー「design space」のデザインスペースの長方形をコピーし、レイヤー「design」のアートボードの同一の位置にペーストします。ブックマーカーのお話にも出てきましたが、同一の位置へのペーストは、「コマンド+B」で行います。ペーストした長方形は、グループ化したオブジェクトの前面に持って来ます。ツールバー「オブジェクト」→「重ね順」→「最前面へ」で、長方形が前面に、オブジェクトが背面になります(もちろんコマンドを使ってもOKです!)。長方形とオブジェクトを選択し、「コマンド+M」でマスクをかけます。
これで、デザイン・レイアウトはできあがりです。

 
[4. レイヤー「design space」を非表示にする]

作業中に目印にしたデザインスペースを示す長方形は必要なくなりました。なので、非表示にしてしまいます。
これで印刷するデータは完成です。

出来あがったブックカバーのデータ

 
[5. 紙に印刷する]

データをA4の紙に印刷しましょう。本を包みやすくできるように、今回はあまり腰がある紙じゃなく薄口の紙の方がベターです。
実際に本に取り付けた状態の写真のストライプ柄は、ちょっと自然な風合いがある紙に印刷して作りました。紙の種類はアラベールで、地色はやや水色がかったものです。普通のストライプでも、いつもの普通紙以外の風合いがある紙に印刷すれば、オシャレ感がグッと増しますよ。
紙に印刷ができたら、ブックカバーの完成です。あとは本に巻くだけです。

 
[6. 印刷したブックカバーを本に取りつける]

印刷したブックカバーを本に取り付けます。ポピュラーな方法で、やってみます。
図のように進めます。折る時は、本の大きさより1〜2mm大きく余裕を持って折ります。ジャストサイズで折ると、ぱっつんぱっつんでキツくなりますので。最初はうまく包めなかったとしても、回数を重ねるうちに、上手くいくようになると思います。

ブックカバーの取り付け図

簡単ですね! 季節に合わせて、気分に合わせて、いろいろなデザインのブックカバーに着せ替えても楽しいですよ。
次回は、タンブラーの台紙の作り方のお話です。

 

まとめ

  • 「design space」「design」のレイヤーを作りテンプレートとする
  • 今回のようなブックカバーなら、トンボは必要ない
  • シンプルな模様でも、印刷する紙の種類によってイメージが変わる

ではまた!

こんにちは。ANGEL VIBES です。
前回は、自分で何かの図案を描いて紙に印刷し、オリジナルアイテムを作ろうというお話でした。アイテムとしては比較的簡単にデザインできる、ブックマーカーやブックカバー、着せ替えタンブラーの台紙をおススメしました。
今日は前回の続きで、作ってみた模様をアイテムに落とし込んでみようというお話です。

 

紙の本好きならおススメしたい、ブックマーカーとブックカバー

皆さんは紙の本は読みますか? 最近は電子書籍の普及も進みましたが、私はどうしても紙の本が手放せません。本の装丁を味わうのは私にとって娯楽の1つですし、何より紙が好きなもので。
本には、気に入ったブックカバーをかけてみたりブックマーカーを挟んでみたりといった具合に楽しんだりもしています。それだけでも、本や読書の時間に愛着が生まれ、気分がちょっと変わりますよね。
そんなところで、私の趣味の延長上で恐縮しながら、オリジナルのブックマーカーとブックカバー作りの解説をしていきたいと思います。

 

ブックマーカーを作ってみよう

ブックマーカーの大きさは、本に挟んだ時にはみ出ない程度であれば使いやすいと思います。逆に本からはみ出させてクリップのようにして使うタイプもあり、こちらも楽しいですが、今回は長方形の短冊形で、本からはみ出ないタイプのものを作ることにします。

下の写真は、前回模様の例としてあげたパンダ柄を使って作った、文庫本向けサイズのブックマーカーです。紙に印刷しトンボで裁ち落とした完成の状態です。

パンダ柄ブックマーカー。Copyright (C) ANGEL VIBES All Right Reserved.

 

なお、このような版下データを使用しました。

パンダ柄ブックマーカーの版下データ。

この版下データを紙に印刷してトンボで裁ち落とせば、もうブックマーカーが完成というわけです! わりあい簡単にできてしまうものなんですよ。なお、使用したデザインソフトは、AdobeIllustratorです。

 

ブックマーカーの作り方

上に紹介したブックマーカーの作り方を、もう少し詳しく説明しておきます。いろいろなデザインにおいての版下データ(入稿データ)の基本が入っているので、覚えておいて損はないでしょう。

 
[1. 裁ち落としサイズの長方形を描く]
 
ブックマーカーは、必ずしもこのサイズにしなければいけないなどといった厳密なルールはありませんが、とりあえず今回は、文庫本にちょうどいいくらいのものを作ってみることにします。
「裁ち落としサイズ」とは、完成サイズのことです。今回のブックマーカーの裁ち落としサイズは、文庫本向けに、横幅40×高さ120mmに設定します。このサイズの長方形を描いて、線幅を「0.25pt」と入力します。レイヤー名は「cutline」としておきます。

 
[2. トンボをつける]
 
新しいレイヤーを追加し、ここにトンボを描きます。レイヤー名は「tombo」としておきます。
「1」で作った長方形を、レイヤー「tombo」のアートボード上の同一の位置にペーストしてください。「コマンド+C」でオブジェクト(図形)のコピーができます。ペーストは? というと「コマンド+V」ですが、今回はこの手段は使いません。「コマンド+B」を使います。すると、コピーしたオブジェクトが同一の位置にペーストされます。これは本来「背面へペースト」のコマンドなのですが、コピーしたオブジェクトがあった座標と、そのオブジェクトがペーストされる座標が同一になるので、その意味でも便利なコマンドです。
「コマンド+B」でペーストされたこの長方形を選択し、線は「なし」にします。この長方形を選択したまま、ツールバー「効果」→「トリムマーク」を選ぶとトンボが表示されます。そして、ツールバー「オブジェクト」→「アピアランスを分割」を選択すると、線として描かれた状態のトンボが完成します。この時、線の色が「レジストレーション」になっていますが、そのままにしておきます。

 
[3. デザインレイヤーでレイアウトをする]
 
新しいレイヤーを追加し、このレイヤーでデザイン・レイアウトを行います。レイヤー名は「design」としておきます。レイヤーの順番は、「cutline」と「tombo」の下にしておいてください。そうすれば、裁ち落としサイズの長方形が前面になるので、レイアウトをする時の目印になります。
ここまでで、ブックマーカーのデザインテンプレートが完成するので、あとはお好みのデザインを進めましょう。この時、デザインするオブジェクトの色はCMYKに設定し、レジストレーションは使用しないでください。レジストレーションは見た目はブラックの濃淡ですが内容は異なる特別な色なので、触らない方が無難です。

 
[4. 塗りたしをつける]
 
裁ち落としサイズから3mm外側に向かって、「塗りたし(マージン)(ドブ)」と呼ばれる部分があります。この部分を空白にせずに、図案で満たします。
「塗りたし」は、裁断ずれが生じても、図案が途切れないようにするための部分です。裁ち落としサイズの3mm外側まで図案で満たしておけば、裁断ずれがあっても図案が途切れません。なので、裁ち落としサイズの外側まで図案で満たし、「塗りたし」をつけるということを行います。

 
[5. レイヤー「cutline」を非表示にする]
 
レイヤー「cutline」の、裁ち落としサイズの長方形は、作業中は目印になりましたが、印刷には必要なく印刷されてはならない部分です。レイヤーをこのまま非表示にします。

これで印刷するデータは完成です!

 
[6.データを紙に印刷する]
 
データをプリンタで印刷しましょう。なお、印刷する紙は少し腰があった方が良いです。いつもの普通紙で印刷しても良いですが、少し厚みがある紙に印刷すると雰囲気も違って来ます。例にあげたパンダ柄のブックマーカーは、EPSONの写真用印刷紙に印刷しました。手にした時に頑丈な感じで、普通のコピー紙より存在感があります。

 
[7. トンボを目印に裁ち落とす]
 
紙にデータを印刷したら、あとはトンボを目印に定規をあてて裁断します。どの部分を裁断するかは下の図を見てください。

 

これで、完成です!
いかがですか? 一度覚えてしまえば、手順自体はそう難しくはありませんね。ブックカバーの作り方は、また次のお話で。

 

まとめ

  • 「cutline」「tombo」「design」のレイヤーを作りテンプレートとする。いろいろな版下データ(入稿データ)の基本。
  • レイヤー「cutline」には、裁ち落としサイズの図形を、レイヤー「tombo」にはトンボを描く
  • レイヤー「design」でデザイン・レイアウトをする。仕上げの際は塗りたしを忘れずに!

ではまた!

こんにちは。ANGEL VIBES です。
前回はペーパークラフトのご紹介をしました。ペーパークラフト以外にも、何かの図案を紙に印刷して楽しめるアイテムがあり、そうしたアイテムのデータを無料配布しているWebサイトもあります。いろいろなサイトがあるので、ご興味があれば探して楽しんでみてくださいね。
図案を配布しているこういったWebサイトを利用して楽しむこともできますが、自分で何かの図案を描いて紙に印刷し、オリジナルグッズを作るのもまた楽しいものです。
ブックマーカー、ブックカバー、それから、着せ替えタンブラーの台紙は、比較的簡単にデザインできますよ。

 

オリジナルのデザインで楽しめるアイテム

AdobeIllustratorなどのデザインソフトを使えば、自分でデザインした図案を印刷して、オリジナルグッズ作りを楽しむことができます。
ブックマーカーやブックカバーは、最も簡単に作れます。着せ替えタンブラーの台紙も比較的簡単に作れます。着せ替えタンブラーですが、タンブラー好きでなければ少々マニアックかも知れませんね。スターバックスでは「マイスターバックスタンブラー」、「クリエイトユアタンブラー」という名で販売している商品だったりします。着せ替えタンブラーはコーヒーなどを飲むためのタンブラーなのですが、柄などがついた台紙を入れ替えて楽しめるというものです。オリジナルのデザインの台紙に入れ替えることも可能です。
着せ替え式のタンブラーはスターバックス以外でも販売しています。ダイソーでもこのタイプのタンブラーを販売しているようです。

 

「クリエイトユアタンブラー」、台紙は私のオリジナルデザインです。

Copyright (C) ANGEL VIBES All Right Reserved.

 

上の写真は、スターバックスの「クリエイトユアタンブラー」で、台紙は私がデザインしたものです(なお、このタイプの「クリエイトユアタンブラー」はスターバックスでは現在販売中止となっています)。台紙はハワイのイメージの模様ですが、模様を1つデザインしさえすれば、あらゆるアイテムに取り入れることができます。
ブックマーカーやブックカバー、着せ替えタンブラーの台紙といったアイテムに取り入れることも、もちろん可能です。
デザインした模様を各アイテムに落とし込む作業については後述するとして、まずは、模様のデザインについて解説したいと思います。

 

模様をデザインしてみよう

ところで、模様ってどうやってデザインするのでしょう? あまり深く考えなくてもいいです。ちょっとした落書きも、いく種類か組み合わせれば、模様になったりしますので。円を使って水玉模様を作ってもカワイイです。ボーダー柄もスタイリッシュにキマります。アパレルでも定番の柄で、マリンルックなどにも取り入れられていますが、私も好きな柄です。
模様のお話は詳しくは他の機会にまとめようと思いますが、今日はちょっとだけしておきますね。

 
[ボーダー]

ボーダー柄ですが、生活雑貨のいろいろなアイテムに取り入れられているのを見かけませんか? これは、生活の中で、さほど使用シーンを選ばないということでもあります。ボーダー柄は、このようにいろいろなアイテムに合わせやすい柄とも言えます。一方で、ボーダーの幅や色でイメージがかなり変わります。ボーダー柄は単純でいて、奥が深い柄ということでもあります。

今日は、AdobeIllustratorで、比較的使いやすい白と水色のボーダーを作ってみます。下の画像のような完成イメージです。簡単にできますので、お試しあれ。

 

水色のボーダー柄

 

白い紙に印刷してボーダー柄を作ると想定した時、ボーダーの白い部分は紙の色になります。それに対して水色の部分は印刷の部分になります。なので、水色の部分だけ作ればいいということです。

水色の部分を作ってみます。高さ10×横幅200mmの長方形を作ります。色はシアン30%にしておきましょう。この長方形をコピー&ペーストを繰り返すとボーダーが完成します。
ドキュメント上に作った高さ10×横幅200mmの長方形を選択し、ツールバーの「オブジェクト」→「変形」→「移動」を選び、表示された「移動」ダイアログボックスで、「水平方向」に「0mm」、「垂直方向」に「20mm」、「角度」に「-90」と数値を入力し、「コピー」のボタンを押します。すると、20mm垂直下方向に水色の長方形がコピーされます。こうすると、水色の長方形の高さが10mm、そして、コピーされた水色の長方形のまでの間隔が10mmで、水色と白の部分が等幅で反復される状態となるので、これを繰り返せば、水色と白の部分が等幅のボーダー柄ができるというわけです。

「移動」ダイアログボックス。こんな感じで数値を入力します。

 

「繰り返し」を行うには、コマンドを使う方法があります。先ほど、ツールバーの「オブジェクト」→「変形」→「移動」を選び、数値を入力し、「コピー」のボタンを押すと、水色の長方形がコピーされると言いました。この時、長方形は選択された状態になっています。この状態のまま、「コマンド+D」を押してみましょう。すると、また、20mm垂直下方向に長方形が表れませんか? 「コマンド+D」は、「(今行った作業の)繰り返し」のコマンドです。コマンドを押したまま、キーボードの「D」をどんどん押してみてください。押した数だけ長方形が増えます(なお、この「コマンド+D」ですが、便利なので覚えておいて損はありません)。
こうすれば、ボーダーは、あっという間に完成です。あとは適宜、ボーダー全体を横にのばしたり縦にのばしたりすれば、各種アイテムに合わせられます。

 
[イラストを元にした模様]

私がデザインした今年の年賀状を例にとりましょうか。すでにこのサイトでは掲載していますが、下の画像は、私がデザインした今年の年賀状です。パンダが並んでいる部分、これも模様です。1つのパンダを元に、口を閉じた状態と開けた状態の2種類の表情を作り、体の模様を色違い5種類にしてカラフルにしました。そこに星を散らして、ちょっと賑やかしました。こうした柄をデザインするのは、1つのイラストが出来てしまえば、あとはわりあい簡単な作業です。
この模様部分を元にアレンジすれば、こちらも各種アイテムに合わせられます。

 

Copyright (C) ANGEL VIBES All Right Reserved.

 

このようにしてデザインした模様を、各種アイテムに落とし込んでレイアウトして印刷すれば、ちょっとしたオリジナルグッズができてしまいます。アイテムへの落とし込み作業のお話は、また次回!

 

まとめ

・紙を使ったオリジナルグッズのデザインでは、ブックマーカー、ブックカバーは最も簡単にできる
・着せ替えタンブラーの台紙も比較的簡単にできる
・「コマンド+D」で「繰り返し」作業を早々とできる

ではまた!

こんにちは。ANGEL VIBESです。タイポグラフィの基本は、「大・中・小」の塊・文字の大きさ・そのレイアウト、にあります。だいたいそんな感じです。それは、前回までの説明で明かしたとおりです。こうした「大・中・小」を意識すれば、タイポグラフィは自ずといい感じになっていくと思います。
他に、タイポグラフィの基本について言っておこうと思うのは、文字のレイアウトには基本のパターンがあるということです。レイアウトのパターンは、基本を覚えれば応用が効くので、とりあえず覚えてしまうのもアリですね。それに、レイアウトを考えすぎて頭の中がカオスになってくることもあるので、そんな時は基本を見直すことがイメージの整理に役立ちます。
といった事情もあるので、今日は、基本のレイアウトはどうやって覚えるの? というお話をしておきます。

 

タイポグラフィには基本のレイアウトがある

基本のレイアウトを覚えるにあたり、ちょっと解説しておきますね。
タイポグラフィには、ジャンルによって定番のレイアウトがあります。カタログならこんな感じとか、書籍の表紙なら、雑誌の表紙なら、・・・と、定番のレイアウトがあります。なぜ、そんな基本形があるかといえば、そのジャンルの媒体が持つ機能に則ってタイポグラフィがなされているからです。
コンビニの雑誌の棚を見てみてください。雑誌の多くは雑誌のタイトルが上部に位置していませんか? これが基本形だったりするわけですが、こういったレイアウトにしているのは何故だと思います? これは雑誌の棚の形状に合わせていて、タイトルが上部にあれば、後ろの段にあってもタイトルだけは見えるからです。雑誌の表紙は「コンビニの雑誌棚でもタイトルが見える」という命題に応えた機能を付与するレイアウトとなっています。このように、「機能」がタイポグラフィの基本形を形作っている面もあるのです。
カタログなども、定番の基本形がありますね。上部にタイトルがあって、その下にマスがずらりと並んで、そこに商品とその説明がついているような。商品を探す時に、見やすいということです。
もし、デザインするジャンルが決まっているなら、そのジャンルの定番のレイアウトを調べてみてから、デザインを進めるという手段もあります。デザインを考えているうちに、なんだか頭の中が混乱してきてしまった・・・などという方も、いったん定番のデザインを調べてみる・思い出してみる、という作業でイメージが整理されてくるでしょう。

 

レイアウトの基本形を調べてみる

自分がデザインするジャンルの基本形のレイアウトを調べるにあたり、まず、デザインするジャンルの資料を集めましょう。「タイポグラフィの基本(1)」で、資料集めに出かけましたね。同じように、持ち帰っても良いリーフレットやカタログで、参考になるデザインがあれば持ち帰ってしまいましょう。持ち帰れない書籍等は、インターネットで画像検索してみましょう。ピンタレストの活用も良いでしょう。
その他、図書館でデザイン年刊や「P・I・E BOOKS」あたりの作品集を見るという手段もあります。資金に余裕があれば何冊かの作品集を購入するのもおススメします。良い作品集は一生もので、私も数十年前に購入した資料集は、必要に迫られて定期的に見返しています。「P・I・E BOOKS」はセンスが良くておススメです。

「P・I・E BOOKS」の作品集「corporate profile graphics」の中ページ。
私が所持する内の一冊。

資料を眺めているうちに、デザインのジャンルによって、だいたいのデザインフォーマットがあることに気づきはじめると思います。デザインのフォーマット=テンプレートと考えても差し支えないでしょう。これがジャンルによるタイポグラフィの基本形です。この基本形を覚えておけば、何かと役に立つ機会があろうかと思います。

 

レイアウトをサムネイルに書き出してみましょう

そういったタイポグラフィの基本形が見つけられたら、デザインのフォーマットとして覚えてしまいましょう。
覚え方はこんな感じで。手書きで構いませんので、サムネイルとして書き出してメモします。ネタ帳に書いておけばOKです。デザインする時にそのメモを見返せば、フォーマットを思い出せますね?
インターネットの検索結果に並ぶ小さな画像も「サムネイル」と言いますが、「サム」は「親指」、「ネイル」は「爪」で、デザインを簡潔に表した小さなラフ・スケッチのことです。デザインのフォーマットを覚えるなら、いっそ細部を切り落として単純化したサムネイルをメモしていけば、頭に入って行きやすいです。自分で解れば良い程度のラフでいいので、メモの習慣をつけましょう。
「手書き」とは言いましたが、別にイラレで書いても構わないですからね。要するに、情報を単純化し、フォーマットとして覚えておくことが重要なんです。

サムネイルの例。だいたい解ればOK

ちなみに上のサムネイルは「ベルギー奇想の系譜展」のチケットです

「ベルギー奇想の系譜」使用済みチケット

タイポグラフィにはジャンル別に基本のフォーマットがあるという話をしてきたわけですが、ただ、その基本形を厳密に守らなければならない、ということでもないですので。あまりそこは考えすぎなくて大丈夫です。時と場合を見計らうことができるようになれば、アレンジして、基本形を崩していったって良いんですよ。

 

まとめ

・タイポグラフィにはジャンル別に定番のフォーマットがある
・基本のタイポグラフィを覚えるためには、まずデザインするジャンルの資料を集める
・そして、レイアウトをサムネイルとして書き出しておく

ではまた!

こんにちは。ANGEL VIBESです。タイポグラフィにはチェックポイントがありましたね。復習しますよ。
 ・「塊」とその配置
 ・構成要素の「大・中・小」
 ・文字の大きさ
これらがうまくできていればタイポグラフィは成立するという、基本中の基本の要点でしたね。
さて今日は、この要点をふまえ、例の「ベルギー奇想の系譜」のチケットについて分析してみます。

 

ちょっとチケット全体を眺めてみましょう

例の「ベルギー奇想の系譜」のチケット全体を、眺めてみましょう。

「ベルギー奇想の系譜」使用済みチケット

おおまかに、左右の塊によって成り立っているレイアウトだと解ると思います。
左側にこの展覧会を象徴する奇妙な味わいの絵画、右側に展覧会の題名を始めとした文字情報。オーソドックスですが、スッキリと解りやすい配置ですね。
「奇想」のイメージは、左側の絵画によって伝わってきますね。ぎっしりと細かく奇妙な何者かが描かれていて、まずこの絵画で「奇想」のイメージが解ります。
そして、塊の大きさの観点から分析してみますが、レイアウト全体から見て、左側の絵画は「大」、右側の文字情報は「中・小」の塊と言えるでしょう。
チケットを見てください。ぱっと見、まず左側の絵画が目に入り、そして展覧会の題名に目が行きますね。それから、開催期間やその他の記載というふうに、自然に視線が誘導されませんか? 伝えたい情報の重要度に従って、グラフィックの塊を「大・中・小」にしてあることによる効果です。

 

文字情報部分のタイポグラフィを分析してみる

ここで、右側の文字情報部分に注目してみたいと思います。
まず文字の組み方についてですが、見事な箱組みですね(文字の両端を揃えて、シルエットを正方形・長方形に見せるこのような文字の配置の仕方を「箱組み」と言います)。文字情報がまとまって見えます。
文字情報部分がこうしたまとまった塊になっていることによって、左側の絵画に対し右側は文字情報なんだなと、ビジュアルで、まずそう認識ができると思います。見ている人に、そう認識させ、スッキリと情報を理解させるための効果的なレイアウトとも言えますね。

 

文字情報部分の「大・中・小」の塊

今度は、右側の文字情報部分での、「大・中・小」の塊の大きさの観点から分析して
みたいと思います。
先ほど、レイアウト全体から見て、左側の絵画は「大」、右側の文字情報は「中・小」の塊と言える、と述べました。確かに、右側の文字情報部分は全体のレイアウトから見て「中・小」の塊ですが、この右側の文字情報部分のみ分析すれば、この部分も「大・中・小」の塊から成り立っていることが解ると思います。

文字情報も「大・中・小」になっていますね

文字情報の中でも最も重要な部分は、この展覧会の題名です。このチケットでいうと、「ベルギー奇想の系譜」がそうです。展覧会の題名を大きく太くして目立たせてありますね。左側の文字部分の中では「大」の塊です。
次に目立たせたいのは、展覧会のテーマや開催期間・場所です。このチケットでいうと「ボスからマグリット、ヤン・ファーブルまで」や「7.15→9.24」や「Bunkamura ザ・ミュージアム」、英文の「Fantastic Art in Belgium」のあたりです。展覧会の題名の次に目立たせてありますね。このあたりが「中」の塊です。
他は詳細情報で、重要情報の後に見る部分です。このあたりは「小」の塊となっています。
文字情報部分のみを分析してみると、このように、伝えたい情報の重要度に従って「大・中・小」の塊になっています。これにより、情報の重要度に従って、視線が自然に誘導されますね。

さらに文字部分の塊をそれぞれ分析してみます。
「大」の塊「ベルギー奇想の系譜」は、「ベルギー」をゴシック体の太字にして「奇想の系譜」よりも少し目立たせています。この展覧会は、ベルギーからアートがやって来たよという部分が重要で、「ベルギー」を目立たせたのでしょう。こうしたメリハリによって、情報がさらに伝わりやすくなりますね。
他にもよくよく観察していくと、細々としたメリハリがあります。「中」の塊「7.15」の隣の「(土)」や、「9.24」の隣の「(日)」といった曜日の要素が小さくなっていたりもします。

 

そして、「遊び」がある

このチケットのタイポグラフィは、上に述べたように、分析すればする程に利に適っていることが解ると思います。情報の重要度に従い目線が誘導される、良く出来たタイポグラフィですね。
こうした利に適った部分ばかり見てきましたが、そうでもない部分もあります。そしてその、利に適わないとも言える部分によって、このタイポグラフィはさらに秀逸になっています。「利に適わないとも言える部分」、それは「遊び」です。
このタイポグラフィにおいての「遊び」は、英文の「Fantastic Art in Belgium」に象徴されます。いわば無くても良い部分で、それなのに、文字部分の中では展覧会の名前の次に目立たせています。
そういった意味では、全く利に適っているとはいえません。しかし、この部分があるとないとでは、見た目に差がついてしまいます。この「Fantastic Art in Belgium」があることで、おしゃれ感が増しますね。このおしゃれな部分がないと、情報が伝わりやすい一方で、おそらく退屈なタイポグラフィとなってしまったことでしょう。せっかくの、渋谷のBunkamuraで開催される展覧会チケットです。おしゃれ感があって退屈させないタイポグラフィがふさわしいですね。

 

まとめ

・情報の重要度に従い塊を「大・中・小」にして配置する
・文字は重要部分を大きくしたり太くしたりすると解りやすい
・遊びがあるタイポグラフィだとなお良し!

ではまた!

こんにちは。ANGEL VIBESです。私の推しのタイポグラフィも含めお話してきましたが、皆さんは気に入ったタイポグラフィのコレクションはできましたか?
こんなタイポグラフィをやってみたい! というデザインが、そろそろ見つかってきたかと思います。そこまでできたら、そのタイポグラフィがどういった成り立ちになっているか分析してみましょう。そうすれば、タイポグラフィの腕は段々身について来ますよ。

 

分析してみましょう

いい感じだと思ったタイポグラフィを見つけたら、そのレイアウトを分析してみましょう。
ちょうど、いい感じのタイポグラフィがあるので、例にしてみますね。写真は、Bunkamura ザ・ミュージアムで開催された「ベルギー奇想の系譜〜ボスからマグリット、ヤン・ファーブルまで〜」という展覧会のチケットです。使用済みなので右側が切り取られてますが、いい感じだと思います。

「ベルギー奇想の系譜」使用済みチケット

どんなレイアウトでも、まずこの部分をチェックしてみてください。
・「塊」とその配置
・構成要素の「大・中・小」
・文字の大きさ
タイポグラフィは上記の点がうまくできているかどうかが基本中の基本、これらがうまいことできれば、基本のデザインは成立します。

写真の「ベルギー奇想の系譜」チケットのタイポグラフィについて分析してみたいと思いますが、その前に、これらのチェックポイントが何なのかついて、説明しておきますね。

 

「塊」とその配置

タイポグラフィは文字の「レイアウト」によって成り立っています。「レイアウト」は文字も含むグラフィックの要素(写真やイラスト等)の配置・構成です。ポスターなどをよくよく見てみると、画面においてグラフィックの要素がいくつかの「塊」になっており、「塊」が配置されていることに気づくでしょう。
配置された文字要素の「塊」をよくよく観察してみてください。タイトル周り、コラム、キャッチーコピーなど、それぞれの伝達内容によって「塊」になっていませんか? このように、文字要素を伝達内容によってそれぞれの「塊」にして画面を構成するのは、視覚的に伝わりやすくするためです。例えば、重要事項〜ちょっと重要な事項〜知りたい人だけ読む詳細説明、というのがぱっと見で解るビジュアルであれば、情報が理解しやすくなるということです。

 

構成要素の「大・中・小」

上に述べたように、レイアウトされているグラフィック要素の「塊」は、それぞれの伝達内容によってまとまっています。
では、この「塊」の大きさに着目してみてください。「大・中・小」に分けられていますね。
さらに「大・中・小」について「塊」の中を観察してみましょう。まず、グラフィック要素の「塊」の大きさは「大・中・小」になっていますが、その「塊」の中で、文字の太さや大きさに強弱があり、さらに「大・中・小」があることに気づくと思います。

 

文字の大きさ

画面の文字全体を観察してみてください。文字の大きさにも「大・中・小」の強弱がありますね。強調したい文字部分は大きさを大きくしたり太くしたりします。強調しない部分は、逆に小さくしたりします。このように、文字に視覚的な強弱をつけることで、ぱっと見で伝わりやすくなります。
そして、文字部分の用途によっては、それに合った適切な大きさになっていることも必要です。雑誌などの例えば何かのコラムといった文章中心のページでは、本文として読みやすい級数(=Q数)にしたりもします。平均値はだいたい13級(およそ9ポイント=9pt)ぐらいです。本文を13級とすると、写真につけるキャプションは10級以下ぐらいが無難です。

 

文字の大きさを測る

本当かな? と思う方は、そういった雑誌、気になったリーフレットやポスターなどの文字の大きさをいろいろと測ってみてください。
ただ、AdobeIllustratorなどDTPのデータなら調べられるとして、紙に印刷された文字はどうすればいいのだろう・・・という方、ご安心を。写植級数表で測れますよ。写植級数表は、透明なフィルムにマスが印刷されている道具で、DTPが始まる以前から文字の大きさを測る道具としてデザイン業界などで使われて来ました。今となっては、この写植級数表が用いられる場面は、少なくなってしまったでしょうけれども、まだまだ役に立つ道具です。
私が持っているのは、IZUMIYA製(株式会社いづみや=現在の株式会社Too)。社名が変わり、Too自体ももう製造していないようですが、レター社など他のメーカーの写植級数表は現在も売られています。
 

IZUMIYA製の写植級数表。ずいぶん黄ばんでしまいましたが、まだ持っています

 

文字の上に重ねて大きさを測ります。1行目は16級程度ということが解ります。

 
さて次は、「ベルギー奇想の系譜〜ボスからマグリット、ヤン・ファーブルまで〜」のタイポグラフィについて具体的に分析したいと思いますが、それは次回!

 

まとめ

タイポグラフィでチェックする部分は
・「塊」とその配置
・構成要素の「大・中・小」
・文字の大きさ

ではまた!

こんにちは。ANGEL VIBESです。前回はタイポグラフィのコレクションをしに外出してみようよ、というお話で終わりましたね。タイポグラフィを収集する方法はそれだけではありません。さりげに買ったお菓子のパッケージ、あるいは深夜に観たアニメや映画の中にも優れたタイポグラフィが埋もれています。
本当は、タイポグラフィで注意する基本項目について解説しなければならないのですが、それは後でも大丈夫なので、今日は別のお話をしておきます。
筆者が思った、「これイイ!」というタイポグラフィを紹介します。

 

気に入ったタイポグラフィは普段からチェック

デザインの勉強をしていると、「普段からアンテナを張っておけ」というアドバイスをされたことはありませんか? あるいはデザイン系の書物にそう書いてあったり。そのとおりではありますが、そんなに肩に力を入れなくて良いですよ。ラクに行きましょう。ただ、ご自分で、「あっ、これイイ」と少しでも思ったら、チェックしておきましょう。できるなら、収集しコレクションにしておきましょう。
スーパーで買ったお菓子のパッケージでも良いです、深夜に観たアニメや映画の文字の使い方でも良いです。ご自分が正直に「これイイ!」と思った何かは要チェックです。
ちなみに、筆者が最近「イイ!」と思ったのは、明治のチョコレートのパッケージ。スタイリッシュで、これならパッケ買いしてしまいますね。チョコは大人味で、もちろん美味しいです!
 

明治のチョコレートのパッケージ。
画面構成・色のバランス、フォントの選択、紙の選択も見事ですね。

 

「新世紀エヴァンゲリオン」のタイポグラフィ

1990年代後半に、「新世紀エヴァンゲリオン」の深夜再放送がありました。あの直後、エヴァっぽいタイポグラフィがグラフィックデザインの業界の中でちょっとしたブームでした。極太の明朝体を使い、極端なまでに文字の大小のメリハリをつけ、時には長体をかけ、文字の配置の仕方は「第○話」のテロップのような。
エヴァ的な影響が見られるタイポグラフィは、あの直後、巷のリーフレットやカタログで散見できました。当時筆者が在籍していた事務所のデザイナーも用いてました。いくら黙っていようと、デザイナーならあの文字の組み方を見ればわかりますよ。「あなたもエヴァンゲリオンを観たのね」と。
あの手の文字の配置の仕方や効果的な明朝体の使い方は、それ以前から「ぽい」ものならありました。しかし、エヴァでは随分キャッチーなデザインに昇華し、センセーショナルでした。
「新世紀エヴァンゲリオン」をとりまくこうした一件は、タイポグラフィが優れていた一方、それに感動し食いついてしまったデザイナーも多かったのだということを示していると思います。筆者もデザイナーとして心躍らされた一人です。それだけ、あのタイポグラフィがオーラを放っていたといことでもあります。
こういった優れたタイポグラフィは日常に潜んでいるのですよね。日常の中でも「これイイ!」ってなってしまうデザインは、見過ごさないようにしたいものです。
ちなみにエヴァで使用しているあの極太明朝のフォントですが、フォントメーカー「フォントワークス」の「マティスEB」です。

画像出典:「フォントワークス」サイト(https://fontworks.co.jp/products/font/evamatisse

 

映画のタイトルも要チェックです

映画のタイトルにも秀逸なタイポグラフィがかなり潜んでいます。映画好きの方なら、ちょっと気にして見て見ると良いですよ。
タイポグラフィの中で重要な要素に「字詰め」があります。これは文字と文字の間のアキを調整することを指します。もっと丁寧に「文字詰め」と言ったりもしますし、Adobeのソフトに倣って「カーニング」と呼んだ方が今時しっくり来るかもしれませんね。
この「字詰め」ですが、これが絶妙なタイポグラフィの例があります。1970〜80年代の角川映画のタイトルロゴのデザインが、まさにその例です。
太いゴシック体に字詰めキツキツのタイトルロゴです。文字と文字がくっつかんばかりで1970〜80年代の流行だったのでしょうが、「字詰め」の重要さが良くわかる例です。
「野生の証明」(高倉健主演)とか「復活の日」(草刈正雄主演)とか、ナイス字詰めです。書体自体は太いゴシック体のシンプルなデザインだったりしますが、映像に合った緊張感があります。タイトルロゴのデザインは、装飾を施して「盛る」手法もあります。しかし、禁欲的に字詰め一つの器量でここまでやれてしまうこともあるんですね。それはまるで、シンプルな坊主頭で通しながらいい男で居続けた、高倉健さんにも通じるところがありますね。

 

まとめ

・日常の中にも優れたタイポグラフィは埋もれている
・1970年〜80年代の角川映画のタイトルロゴの字詰めはナイス
・「新世紀エヴァンゲリオン」のタイポグラフィに魅了されたデザイナーは多かった(と思う)

ではまた!

こんにちは。ANGEL VIBESです。フォントデザインにご興味をお持ちの皆さんは、タイポグラフィについてもご興味をお持ちになるのではないでしょうか?
「タイポグラフィ」は簡単に言ってしまえば、文字や文字周りのデザインですが、そもそも、グラフィックデザイン全般において重要な要素となっています。今日はタイポグラフィのお話をしておこうかと思います。

 

タイポグラフィとは?

「タイポグラフィ」(typography)とは、「日本大百科全書」によれば、「印刷物の体裁に影響を及ぼす、文字の書体、大きさ、配列のしかたなど、視覚効果の総称。」です。最初に言ったように、文字や文字周りのデザインと考えて差し支えないでしょう。書体そのもののみならず、文字のレイアウトも含み、「字詰め」や「行間」の調整もその要素です。
文字を含むグラフィックデザインのジャンルであれば、タイポグラフィは避けて通れません。フォントデザインやロゴデザインの、文字そのもののデザイン、また、パッケージデザインの商品名、エディトリアルデザインの文字部分・・・、文字はグラフィックデザインの様々なジャンルのデザイン要素となっています。グラフィックデザインはタイポグラフィ抜きに語れないのです。
それを考えれば、タイポグラフィを制すればグラフィックデザインをも制することができる、と言えるわけです。

 

タイポグラフィの基本

タイポグラフィ、つまり文字周りのデザインについてですが、基本中の基本だけのお話にしておきます。なぜかというと、デザインに正解はない、というのが私のデザインについての考え方なので。時代とともに正解を新しく考案していくのがデザインとも言えるでしょうし。デザインツールの使い方と異なり、私が考えている「こうあるべき」というデザインの理想を誰かに押し付けることには、ほとんど意味がないでしょう。
そんなこともあるので、基本中の基本だけのお話にしておきます。

・文字の大・中・小のメリハリをつける
・本文の文字の平均的な大きさの目安は9ポイント(約13級)
・本文の1行に入る文字数のMAXは32文字
・本文の行間の平均的な大きさは文字の大きさの1.5倍程度
・適切な書体を選ぶ
・適切な字詰め行間の調整をする
・若い層向けなら本文小さめ・字詰めキツキツでOK
・中高年層向けなら本文は平均の大きさ以上・字詰めはキツくしすぎない
・まずタイトル周りのデザインをしっかり決めてしまう
・なるべく読みやすい字切りにする

タイポグラフィで注意する基本項目はこんなところです。

上記項目について、詳細を解説したいと思いますが、いきなり理論に行くのはやめておきましょう。理論通り作業したからといって、デザインがうまくいくわけでもないですから。
それよりも、資料集め兼がね遊びに行きましょう!

 

資料集めに出かけましょう

デザインで何が大事かというと「カッコイイ!」とか「カワイイ!」とか、そういったワクワク感だと思います。そういった感覚的な何かが伝わるデザインは、生き生きして見えます。まずは、自分の感覚というものを確かめる作業をしてみましょう。
では、自分の感覚を確かめるには? となりますが、まず、気になったタイポグラフィのコレクションをしてみましょう。もう、遊びのつもりでOKです! 遊びの感覚で資料集めに出かけてみましょう。
資料集めなら、インターネットでも良いしピンタレスト巡りをしてピンをして回っても良いですが、お散歩がてらあるいはウィンドウ・ショッピングがてらでも構いません、外出をおススメします。
デパート等の好きなショップに行ったりすると、偶然素敵なカタログやリーフレットに出会えたりするものです。気に入ったものはいただきましょう。もちろん万引きはいけませんが、「自由にお持ちください」という無料のカタログ等も置いてありますので。
野外の看板等の写真を撮って回るのも面白いですよ! 世の中、変テコリンなデザインの何かが結構あるもので、普段見過ごしていたりもします。歩いていると、そういったデザインに気づいたりして、驚きがあります。
そんな感じで自分のコレクションが出来て行くわけですが、そういったことをしているうちに、自分の感覚が解って来ます。自分のデザインの理想はこんなかんじだなあ、と。そして「こんなデザインがしたい」と思い理想を形にする時、「本文って通常どれくらいの大きさなのだろう」などと気になる部分が出てくるかと思います。その時、先ほどあげた、タイポグラフィで注意する基本項目をチェックしてみても遅くはありません。
肩の力を抜いて、ラクに楽しく行きましょう。タイポグラフィは本来面白いものなのですから。

先日筆者が観に行った「ベルギー奇想の系譜展」のショーウィンドウ
メリハリが効いたタイポグラフィですね!

 

ショーウィンドウの隅っこにはこんな子が! シャレてますね!

 
続きは次回。

 

まとめ

・タイポグラフィとは文字や文字周りのデザインのこと
・タイポグラフィはグラフィックデザインの重要な要素
・まず、気になったタイポグラフィのコレクションをしてみましょう

ではまた!