TYPOGRAPHY RULES

タイポグラフィ7つのルール その❸ 息苦しいデザインの回避法は「あける」こと

タイポグラフィ7つのルール その❸ あける 息苦しいデザインの回避法は「あける」こと

タイポグラフィ7つのルール ❸ あける
▼第3回(通算第11回)

前回は、「行間」「行長」「ブロック(要素)同士の間隔」という、デザインの良し悪しを決定してしまう、極めて重要な要素をお話ししました。
今回は、直接的なデザインとはちょっと離れた、コーヒーブレイクみたいな回、「トンボ」と「空間(ホワイトスペース)」のお話しです。

第3回:通算第11回
もくじ
3.4 トンボ([トリムマーク])の役割と3mmの限界値
  3.4.1 ●トンボ([トリムマーク])の役割
  3.4.2 ●重要な印刷工程「断裁」
  3.4.3 ●トンボの 3mm(塗り足し分)はズレに対処する予防線
  3.4.4 ●「息苦しい」デザインにしないために
3.5 ただの余白ではない「ホワイトスペース」

3.4 トンボ([トリムマーク])の役割と3mmの限界値

A4 や B3 など、印刷物の仕上がりサイズを「判型(規格サイズ)」と呼びます。Illustrator 上では、判型および、トンボまでを含むサイズを設定したものを[アートボード]と呼んでいます。

「判型」に設定した[アートボード]から内側に四方それぞれ3mmまでは、文字を入れてはいけない領域です。これを私は 〔3mmの限界値〕 と呼んでいます。なぜ、この3mmの額縁状領域に文字を配置できないのか、それは、トンボ([トリムマーク])の役割と深い関係があります。

3.4.1 ●トンボ([トリムマーク])の役割

印刷物には、必ずトンボをつけなくてはなりません。トンボの形状は、塗り足し分3mmのガイドラインになっています。ご存じだと思いますが、写真や色ベタ部分を「裁ち落とし」にする場合は、3mmの塗り足し分が必要になります。

トンボの外側の線を「外(そと)トンボ」、内側の線を「内(うち)トンボ」と呼びます。この外トンボと内トンボの間隔は 3mmと決まっています。つまり、外トンボの位置が塗り足しの3mm分の境界線に相当します。いうまでもなく、内トンボは仕上がりサイズ[アートボード]の位置を表します。

オフセット印刷やオンデマンド印刷などの印刷物は、たとえば A4 のチラシの場合、A4 ぴったりのサイズの紙に印刷するわけではありません。少なくともトンボまでが入るひと回り大きな紙を使用します。レーザープリンターやインクジェットプリンターを使い慣れていると、当然、A4 で作ったものは A4 の用紙に印刷しますから、デザイン初心者は、トンボを付けないというをミスを必ず犯します。

さて、トンボの役割です。

先ほどの説明のとおり、印刷物は、A4 よりひと回り大きな紙にトンボつきで印刷します。でも、このままでは製品になりませんね。ですので、A4 サイズに裁ち落とさなくてはなりません。これを、「断裁」とも「化粧裁ち」ともいいます。この、A4 に断裁するためのガイドラインが内トンボなのです。

じゃ、外トンボはなんなの? 何で塗り足しなんかを作る必要があるの? という疑問が湧きますね。

(figure3-8)
トンボ([トリムマーク])の役割と用紙サイズ表

3.4.2 ●重要な印刷工程「断裁」

「断裁」は、巨大で鋭利な斜めにセットされた刃がついた機械で行います。例は良くないかもしれませんが、あの、池田理代子さんのアニメで有名になった「ヴェルサイユの薔薇」で王妃マリー・アントワネットの処刑に使われた「ギロチン」と理屈は同じです。

断裁機と呼ばれる機械に印刷した紙をセットして、内トンボより外側の不要な部分を切り落とします。この、セットする工程は細心の注意を要しますが、どんなに正確にセットしてもこの段階で「ズレ」は生じます。

また、紙は、空気に触れた瞬間から、外気の環境によって伸び縮みします。印刷は、その工程上、印刷してから断裁するまでには、タイムラグがあります。なぜなら、印刷した紙のインクを乾かすのに一定の時間が要るからです。このタイムラグがズレを生じさせる原因になるのです。

断裁機は、1000枚、2000枚を一度に断裁するため、印刷された紙を強力な圧力で押さえ込みます。十分に押さえないと、刃が降りてきた瞬間にずれてしまうのです。断裁機の刃は、どんなに研ぎ澄まされていても、切断する瞬間に横に引っ張る力が生じます。その引っ張り力に負けない力で押さえ込む必要があるのです。

印刷した紙の束と断裁機

その強烈な圧力が働くので、インクを十分に乾かさないと、裏面に全部転写されてしまいます。これでは、もう、製品になりません。ですので、一定のタイムラグが必要なのです。(少ロット用のオンデマンド印刷は、トナー方式・インクジェット方式の2種類があり、いずれも「顔料」を使う一般的なオフセット印刷よりは、遥かに乾燥させる時間は短い)

3.4.3 ●トンボの 3mm(塗り足し分)はズレに対処する予防線

インクが乾くのを待っている間に、内トンボは、もうA4ではなくなっています。この避けることのできない「ズレ」に対処するために3mmの余裕を設けています。実際に3mmもずれることは、人為的なミスがない限りまずありえないことですが、これだけあれば、安全という 〔限界値〕 が3mmなのです。

近年、PDF による入稿データ(印刷に回すための最終データ)を指示してくる印刷会社が多くなってきました。PDF で入稿することが事前にわかっている場合は、Illusutrator 側でトンボをつける必要はありません。入稿時に PDF 側でトンボをつけます。この方法では、トンボが最後まで存在しないので、制作途上で写真や色ベタの塗り足しを作ることを忘れがちです。くれぐれもご注意を。

ファイル>別名で保存>ADOBE PDF (pdf)

(figure3-9)
PDF入稿の方法

なお、PDF 設定の[PDF/X-1a:2001(日本)}は、一般的に推奨されている設定ではありますが、印刷会社によって推奨設定は違っています。印刷会社に PDF 入稿をするときは、必ずその印刷会社の指定に従ってください。

トンボの説明が長くなりました。
仕上がりサイズ[アートボード]の内側3mmに文字を配置してはいけないという話でしたね。

これは、いまお話しした断裁上のズレと関係しています。もし、最悪3mmもずれた場合、その範囲内に文字があった場合、どうなるでしょうか?

そう、文字は切れてしまいますね。

多少ズレても塗り足しがあるのでさほど支障のない写真や色ベタと違って、文字は切れてしまったらもう終わりです。読めません。ですから、安全を考慮して内側 〔3mmの限界値〕 には文字を入れてはいけないのです。

3.4.4 ●「息苦しい」デザインにしないために

また、この3mmの空間は、デザイン上でも大変重要な意味を持ちます。それは「息苦しさ」を解消する最小限度の幅だからです。紙ベースの印刷物で最小サイズといっていい「名刺」には、とりわけこの 〔3mmの限界値〕 は重要です。〔限界値〕を1mmでも超えると、デザインはとたんに「息苦しい」ものになります。

ちなみに「息苦しさ」とは、空間に余裕がない、あるいは狭いことにより、圧迫感や閉塞感を与え、不快に感じることをいいます。

ECサイトの商品バナーに、この「息苦しい」デザインをよく見かけます。バナーサイズの内側わずか 0.5mmから1mmのところに文字があるのです。(この場合はpxに直したほうがいいですか? 1mmは約3px〈2.835px〉です)
ウェブデザインをするかたには、塗り足しや断裁という概念がないので、そうなるのでしょうか。でもこのギリギリさは「息苦しい」ことこの上ありません。最低でも10px程度は空けましょう。

「息苦しさ」はデザインにとって大きなマイナスになる

3.5 ただの余白ではない「ホワイトスペース」

ホワイトスペースとは、「文字や画像などが何も記されていない余白部分」のことをいいます。ここでいう「ホワイト」は単に「白」ということではありません。たとえば、背景がピンクでも、文字や画像などが何も記されていなければ、それは「余白」であり「ホワイトスペース」です。

実は、私はこの「余白」という概念が好きではありません。「ホワイトスペース」をウェブ辞書で検索すると、冒頭のような言葉で定義されているので、仕方がないかも知れませんが…。
「余白」って、「余り」と書くじゃないですか。それがひっかかるのです。

デザイン上のホワイトスペースは、あくまで計算され尽くした、いわば、〔必然白〕でなければならないと思っています。
この章で触れてきた「文字間」「行間」「要素同士の間隔」の「間」は広い意味で、すべてホワイトスペースあり〔必然白〕です。

さて、何度もデザイン初心者を引き合いにだして、本当に申しわけないのですが、傾向として、用紙いっぱいいっぱいに要素(文字や画像類)を配列しがちです。こんな感じです。遊びがないんですね。

(figure3-10)
用紙いっぱいに配置された文字は読む気を失わせる

(figure3-10)のキャプション

用紙いっぱいいっぱいに文字を配列するのは、「ホワイトスペース」が空くのを恐れる心理からである。でも、これでは、デザインの要素はなくなってしまう。

ホワイトスペースを意識して作ると(figure3-11)右図のようになります。明らかに記事スペース(文字や写真のスペース)は小さくなったのに、見やすくなっているしょう。
文字は、サイズが大きいから、ウェイトが太いから目立つわけでも、見やすいわけではありません。逆に、サイズが小さいから、ウェイトが細いから目立たないわけでも、見にくいわけでもありません。

サイズが大きいこと、ウェイトが太いことは、使い方を間違うと短所になり、小さいこと、細いことは、上手に使えば長所となります。ホワイトスペースは、デザインを整える、欠くことのできない潤滑油なのです。

(figure3-11)
ブロック(要素)同士の間隔は適切に空けるデザイン感覚が求められる

要素とホワイトスペースは密接な関りがあり、それぞれが単独で存在するものではありません。
ホワイトスペースを「適切」に設け、「適切」に配置することが、デザインの価値を飛躍的に高めます。

あとがき

いかがでしたか? この章では、見る人に「心地よさ」を伝える重要な役割をする「あける」要素についてお話ししてきました。「あける」ことを意識したデザインは、見ていてとても余裕があり、気持ちの良い印象を与えます。いわゆる、「センスが良い」といわれるデザインは、この要素がしっかりしているのです。

● ● ●

次回は、この『デザインが100%良くなるタイポグラフィ7つのルール』の中ほど、第4章に入ります。題して “タイポグラフィ7つのルール その❹ 強調・複合などを盛り込む「たす」要素” です。ご期待ください。

次回予告 その❹ たす 強調・複合などを盛り込む「たす」要素

1 2

3

タイポグラフィ7つのルール その❷ 和文の美しさのカギは「つめる」ことタイポグラフィ7つのルール その❷ 和文の美しさのカギは「つめる」こと前のページ

タイポグラフィ7つのルール その❹ 強調・複合などを盛り込む「たす」要素次のページタイポグラフィ7つのルール その❹ たす 強調・複合などを盛り込む「たす」要素

関連記事

  1. タイポグラフィ7つのルール その❻-5 和文組版美しさの原点・縦組みで起きるさまざまなこと
  2. タイポグラフィ7つのルール その❹ たす 強調・複合などを盛り込む「たす」要素

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❹ 強調・複合などを盛り込む「たす」要素

    ▼第1回(通算第12回)前章 “タイポグラフィ7つのルール…

  3. タイポグラフィ7つのルール その❶ 美しさの基本は「そろえる」にある

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❶ 美しさの基本は「そろえる」にある

    ▼第1回デザインの基本は「そろえる」ことにあります。出発点…

  4. タイポグラフィ7つのルール その❻-6 書体には「性格」や「表情」、そして「適性」がある
  5. タイポグラフィ7つのルール その❻-3 文字組みを見やすくする[行頭・行末・分離禁則]、しかし…
  6. タイポグラフィ7つのルール その❺ 「ひく」ことは、すべてがマイナスではない

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❺ 「ひく」ことは、すべてがマイナスではない

    ▼第1回(通算第16回)前章 “タイポグラフィ7つのルール…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


NEWS

2021.10.12新フォントをリリースしました

新フォント「清明(せいめい)かな」をリリース。当社直営ストア、STORES, BOOTH で販売を開始しました。
design pocket / imagenavi / Font Garage / Font Factory も追随して販売予定です。 試用版の「清明かな Free(Book)」もダウンロードできます。お試しください。



2021.6.7仮名フォント・欧文フォント料金統一のお知らせ

このたび、仮名フォント・欧文フォントの料金統一のため、靜呉竹・Amabileの料金を6月7日より値下げいたします。 詳細は、オフィシャルサイトをご覧ください。
https://www.renfont.com/



2021.4.20業務提携のお知らせ

中国・上海锐线创意设计有限公司(REEJI)との業務提携により、和音Pro中国語版(GREETYPE 和音体:簡体・繁体)の、中国地域(中国大陸・香港・マカオ・台湾)での販売を開始しました。なお、日本国内での販売はいたしません。
GREETYPE 和音体紹介Webサイト:http://geetype.cn/he_yin_ti/
●和音pro中国語版ご購入の連絡方法 Webサイト:http://geetype.cn 連絡メール:geetype@reeji.com

兹因与锐线上海创意设计有限公司(REEJI)业务合作,和音pro中文版(GEETYPE和音字体:中文简、繁体)已经在中国地区(中国大陆、香港、澳门、台湾)开始销售了。另外注意,GEETYPE和音字体:中文简、繁体不会在日本国范围内销售。
●和音pro中文版销售联系方式 网址:http://geetype.cn 联系邮箱:geetype@reeji.com



2021.2.22MyFonts にファウンドリー "REN FONT" を開設

REN FONT が MyFonts にファウンドリー "REN FONT" を開きました。新しい欧文フォント "Amabile" と、ロングセラーの日本語フォント "和音Pro" をリリース。Amabile は Regular をフリーフォントにしました。
2月25日まで 30%OFF の記念セールをやっています。どうぞお立ち寄りください。



2021.1.25新フォント、好評発売中!

新フォント「靜呉竹(しずかゴシック)」が好評発売中です。当社直営ストア、STORES, BOOTH で販売中です。
design pocket / imagenavi / Font Garage / Font Factory も販売を開始しました。
試用版の「靜呉竹トライアル-R」もダウンロードできます。お試しください。



2021.1.1新年のごあいさつ

あけましておめでとうございます。ことしも、REN FONT 直営ストア STORES 店BOOTH 店、委託サイト design pocketimagenaviFont GarageFont Factory をよろしくお願いいたします。



2020.12.21REN FONT 年末年始お休みのお知らせ

12月26日(土)から新年1月5日(火)まで、お休みをいただきます。
フォントは休業期間中でもSTORESまたはBOOTHで通常通りお買い求めいただけます。また、design pocket / imagenavi / Font Garage / Font Factory も通常通り販売いたします。ご利用ください。



2020.11.10REN FONT が新フォントをリリースしました

新フォント「靜呉竹(しずかゴシック)」をリリース。当社直営ストア、STORES, BOOTH で販売を開始しました。
design pocket / imagenavi / Font Garage / Font Factory も追随して販売予定です。 試用版の「靜呉竹トライアル-R」もダウンロードできます。お試しください。



2020.8.17REN FONT オフィシャルサイト・サーバエラーおよび復旧のお知らせ

8月16日・17日の両日、SSL 関連のサーバエラーのため、オフィシャルサイトにアクセスできない状態になっておりましたが、先ほど(8月17日19:00)復旧いたしました。
お客さまには大変ご不便をお掛けしました。今後ともよろしくお願いいたします。



2020.5.15REN FONT ショップの支払い方法がより充実しています

STORES 店ではクレジットカード決済がより充実、従来の VISA, MASTER, AMERICAN EXPRESS のほか、Diners Club, JCB があらたに加わっています。また、BOOTH 店もバリエーションでは STORES 店をしのぎます。 お好みのショップでお買いものをお楽しみください。



2020.5.4REN FONT 新型コロナウイルス感染症への取り組みと商品の販売について

緊急事態宣言が5月31日まで延長されましたが、当社の業務はすべてテレワークで運営されており、業務への支障はありません。
また、商品の販売についても、ダウンロード商品が100%であり、こちらも支障はありません。安心してお買い求めいただけます。
いまだに出口の見えないこの忌まわしいコロナ禍ですが、皆さまのご無事と一日も早い収束、そして終息を心より祈っております。



2020.5.1REN FONT 新型コロナウイルス感染症への取り組みと商品の販売について

緊急事態宣言の延長が確実ですが、当社の業務はすべてテレワークで運営されており、業務への支障はありません。
また、商品の販売についても、ダウンロード商品が100%であり、こちらも支障はありません。安心してお買い上げいただけます。
いまだに出口の見えないこの忌まわしいコロナ禍ですが、皆さまのご無事と一日も早い収束、そして終息を心より祈っております。



2020.2.1『ユリイカ』で私のオリジナルフォント「和音」を使用していただきました

月刊誌『ユリイカ』2020年2月号 (青土社)「書体の世界」特集の表紙タイトル「書体の世界」に、当社フォント「和音」を使用していただきました。ほかにも、目次・扉の「書体の世界」、2か所の中扉「書体談話」「文字のないタイポグラフィに向かって」にも使用されています。
装丁デザインは、著名な書容設計家、エディトリアル・グラフィックデザイナーの羽良多平吉さんによるものです。



2020.1.1新年のごあいさつ

あけましておめでとうございます。ことしも、REN FONT 直営ストア STORES.jp 店BOOTH 店、委託サイト design pocketimagenaviFont GarageFont Factory をよろしくお願いいたします。



2019.12.27年末年始休業のお知らせ

REN FONTは、12月28日(土)から2020年1月5日(日)までの9日間、年末年始のお休みをいただきます。なお、この期間でも、直営ストア STORES.jp 店BOOTH 店、委託サイト design pocketimagenaviFont GarageFont Factory のすべてのダウンロードサイトは通常通りお買いものができます。



2019.10.1消費税増税にともなう料金の改定について

いつも REN FONT STORES.jp店・REN FONT BOOTH店をご利用いただきありがとうございます。2019年10月1日より施行の消費税増税(8%→10%)にともない、同日より料金の改定をさせていただきました。
最大約700円、最小約30円の実質値上げとなります。まことに恐縮ですが、ご理解をいただきますようお願い申し上げます。



2019.9.14【重要】メンテナンスのお知らせ

いつも REN FONT STORES.jp店・REN FONT BOOTH店をご利用いただきありがとうございます。消費税の増税に対応するためのメンテナンスを以下の日程で実施いたします。

増税対応のメンテナンス(サービス停止)予定期間
2019年9月30日(月)PM11:30 ~ 10月1日(火)AM4:00

メンテナンス中は両ストアの全てのサービスをご利用いただくことができません。お客さまにはご迷惑をお掛けしますが、ご理解をいただきますようお願い申し上げます。



2019.6.8「令和セール」は終了しましたが…

「令和セール」は終了しましたが、好評なので引き続きこのまま割引価格を続けます。

2019.5.1セールを延長します。タイトルは「ありがとう平成 ようこそ令和」です

新元号が令和に突入しました! REN FONT が、日頃の感謝の気持ちをこめてお贈りする「ありがとう平成 ようこそ令和セール」(タイトルを変更しています)は、好評につき引き続き延長します。20%〜最大50%offのお買い得。期間はとくに設定しませんが、突然終わるかも知れません。この機会にどうぞ。

2019.4.1「平成最後の もうすぐ新元号令和セール」を延長します

新元号が令和に決まりました! REN FONT が、日頃の感謝の気持ちをこめてお贈りする「平成最後の もうすぐ新元号令和セール」(タイトルを変更しています)は、好評につき延長します。20%〜最大50%offのお買い得。期間はとくに設定しませんが、突然終わるかも知れません。この機会にどうぞ。

2019.3.10「平成最後のもうすぐ??新元号セール」を延長します

REN FONT が、日頃の感謝の気持ちをこめて「平成最後のもうすぐ??新元号セール」(タイトルを変更しました)は、好評につき引き続き延長します。20%〜最大50%offのお買い得。期間はとくに設定しませんが、突然終わるかも知れません。この機会にどうぞ。

2019.1.27「平成最後のニューイヤーセール」を延長します

REN FONT が、日頃の感謝の気持ちをこめて「平成最後のニューイヤーセール」は、好評につき延長します。20%〜最大50%offのお買い得。期間はとくに設定しませんが、突然終わるかも知れません。この機会にどうぞ。

2019.1.1「平成最後のニューイヤーセール」を開催しています

REN FONT が、日頃の感謝の気持ちをこめて「平成最後のニューイヤーセール」を、昨年12月25日〜平成31年1月31日まで全販売サイトで一斉に開催しています。20%〜最大50%offの「大安売り」です。この機会をお見逃しなく!

2018.12.25「カウントダウン&平成最後のニューイヤーセール」を開催します

REN FONT が、日頃の感謝の気持ちをこめ、「カウントダウン&平成最後のニューイヤーセール」を、12月25日より各販売サイトで一斉に開催します。正直言って「大安売り」です。この機会を、お見逃しなく!

2018.7.29サイトを引っ越ししました

ドメインも新規になっています
moji-blog.typoren.com は moji-blog.renfont.com に引っ越ししました。moji-blog.typoren.com にお越しの方は自動的に moji-blog.renfont.com の同じ記事にご案内しております。

おすすめ記事

  1. 私のデザイン変遷史 第18回 総合書体「和音」への挑戦
  2. 私のデザイン変遷史 第17回 さぁ、フォントを作ろう!
  3. 私のデザイン変遷史 第16回 遅すぎたMacとの出会い
  4. 第15回 一転、地獄に ーバブル崩壊への対策に忙殺ー
  5. 第14回 砂上の楼閣 ー面白いように稼げた時代ー

最近の記事

  1. 私のデザイン変遷史 第18回 総合書体「和音」への挑戦
  2. 私のデザイン変遷史 第17回 さぁ、フォントを作ろう!
  3. 私のデザイン変遷史 第16回 遅すぎたMacとの出会い
  4. 私のデザイン変遷史 第15回 一転、地獄に ーバブル崩壊への…
  5. 私のデザイン変遷史 第14回 砂上の楼閣 ー面白いように稼げ…
  1. 第6回 種字彫刻師とベントン彫刻機

    MOJI ESSAY

    私のデザイン変遷史 第6回 種字彫刻師とベントン彫刻機
  2. タイポグラフィ7つのルール その❺ 「ひく」ことは、すべてがマイナスではない

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❺ 「ひく」ことは、すべてがマイナスではない
  3. タイポグラフィ7つのルール その❻-2 取りあえずこれだけ知っておこう、組版上の推奨事項

    TYPOGRAPHY RULES

    タイポグラフィ7つのルール その❻-2 取りあえずこれだけ知っておこう、組版上の…
  4. 書体の表情 3:正統派なのにどこか素朴であたたかい=セザンヌ

    TYPOGRAPHY SERIES 2

    書体の表情 3 正統派なのに、どこか素朴であたたかい=セザンヌ
  5. 私のデザイン変遷史 第17回 さぁ、フォントを作ろう!

    MOJI ESSAY

    私のデザイン変遷史 第17回 さぁ、フォントを作ろう!
PAGE TOP
%d人のブロガーが「いいね」をつけました。