【デザイン】活字と最新技術が融合!「市谷の杜 本と活字館」初訪問レポート【博物館】

市ヶ谷にあるDNP(大日本印刷)が運営する博物館「市谷の杜 本と活字館」へ初めて行ってきました。

市谷の杜 本と活字館
https://ichigaya-letterpress.jp/index.html

文字や紙、印刷に興味があるデザイナーさんに非常におすすめの素晴らしい施設でしたので、感想をご紹介します。

市谷の杜 本と活字館

行って良かった点

1. 文字や製本についても知れる点が面白かった

製本器具の実物を見たり、上製本の分解された展示を見ることで、本への知識が深まりました。

製本器具のコーナー

2. 本を読めるコーナーが充実

「デザインのひきだし」のバックナンバーが読めるのは非常に良かったです。興味はあっても手に取る機会が少ないので、貴重な体験でした。

3. 充実の企画展

企画展「ようこそ魅惑の書籍用紙の世界」が、今の自分にとてもタイムリーな展示でした。
紙見本を無料でもらえたり、塗工紙や中質紙といった紙の種類を解説してくれるパネルが充実しており、全紙をそのまま展示するなど、頭で理解していたつもりの知識を体感として学べました。

企画展「ようこそ魅惑の書籍用紙の世界」

4. 最新技術とレトロな雰囲気の融合

液晶パネルやタッチパネルなど、DNPの技術を活かした展示が素晴らしかったです。レトロな印刷文化と最新技術を同時に体験でき、充実感がありました。

タッチパネルで活字の「文選」を体験できるインタラクション

5. リーズナブルな喫茶コーナー

1階にはコーヒーや軽食を販売している喫茶コーナーがありました。コーヒーは160円からとリーズナブルで、飲食スペースも用意されているので、展示の後に一息つけます。

展示を見た後、コーヒーを買って休憩スペースで一息つきました

その他、感じたこと

駅からは少し歩く

市ヶ谷駅から徒歩15分ほどで、坂道もあるので少し歩く印象です。ただ、途中には地域ならではの飲食店が並んでいるので、ランチや軽食を楽しむつもりで訪れるのも良いかもしれません。

学生の団体が多かった

平日は社会科見学的な中高生(?)の団体がいくつか見学していました。学生のうちからこのような展示に触れられるのは羨ましいと感じる一方で、活版印刷などの体験系は学生の列ができていて、一人で訪れた私は少し参加しづらい雰囲気でした。次回は、もっとゆっくり見られるタイミングで訪れたいと思います。


「市谷の杜 本と活字館」で学んだこと

  1. ハードカバーの糸かがり製本
     機械を使う場合、糸を複数本使用して製本する。
  2. 微塗工中質紙の変色リスク
     スマッシュやHSハミングなどの微塗工中質紙は変色の可能性がある。
     → 中質紙は全般的に変色しやすいことが分かりました。
  3. 新宿の「フコクペーパーサロン」
     新宿にある「フコクペーパーサロン」という施設では、様々な紙見本が見られるらしい。
     → 今度訪れてみたいです。
  4. 「デザインのひきだし」50号付録「現代日本の印刷加工大全」がすごい!
     → 本誌より分厚い付録に印刷加工の見本が実物で綴じられており、ぜひ欲しくなりました。

気になった本

館内で見たり、販売されていた本の中で気になったものをまとめておきます。写真をクリックすると購入先に飛びます。

デザインのひきだし50 「現代日本の印刷加工大全」

毎回付録が豪華なデザインのひきだしですが、この号は特にすごかった!ぜひ欲しいです。

各種金銀&濃い墨編 オフセット印刷サンプルBOOK
油性・UVオフセット印刷での各種青金・赤金・銀、その上・下にCMYK印刷、 そこにグロスニス・マットニス・グロスPP・マットPPなどの表面加工テストや 各種濃い墨&マット墨の印刷見本をさまざまな紙に。

金インクや銀インクなどを印刷するとどう見えるか?用紙ごとに実物の印刷見本が収録されており、印刷仕上がりのイメージをつかみやすい!

図書館のための簡単な本の修理

ハンドメイドの本を販売していると、見本にしている本が壊れたり、傷んだりすることが良くあります。直せるなら直したいなぁ、と思う時もあるのでそんな時に役立ちそうな本だと思いました。

その他の館内写真

1F

棚に詰められた活字
活字が組版された状態

こちらのインタラクションが非常に面白かったです!文字や製本にまつわる道具がキューブ状になっており、気になる道具のキューブをディスプレイの横に置くと、その道具についての解説が表示されます。

キューブをセットするとこのように、道具ごとの解説が見られる

キューブも非常に美しいデザインでした。ただ、タッチパネルをタッチするだけでなく、「キューブを持ってセットする」という体験までデザインされていることを感じました。

非常に記憶に残るサービスです。

ピクトグラムや館内サインも活字風のデザイン
出版社ごとの道具の棚
巨大な印刷機
製本グッズのコーナー

こちらのコーナーは個人的に非常に興味を惹かれました!

バインディング器
製本された本
のりと刷毛、バットなど

プロの方が使うグッズを知れる点もいいですね。

上の段にはのりなど。瓶に入っているのはキューブ状ののりです。刷毛もいろいろなサイズを使い分けることがわかります。

金属のバットなども、私は持っていないので欲しくなりました。

こちらの商品が気になったので調べてみました。石塚産業のサクラノールというのりのようで、現在でも普通に買えるみたいです。

石塚産業 サクラノール V-4000L 18kg | 洗浄剤などケミカル製品の開発・販売【株式会社 東洋化学商会】 https://www.tksc.jp/shop/products/detail.php?product_id=385

本文と表紙を合体させる時に使うもののようです。

こちらのタブレット状ののりはホットメルトと呼ばれる種類のものだと思います。

熱で溶ける性質があり、背固めなどに使われます。

糸かがり製本をする機械。初めて見ました!自分はこの機械がやるような作業を手でやっているんだなぁ….。と手製本への感慨も深まります。

糸の送り方の解説。2本の糸で縫っていきます

文字デザインについての展示
古い雑誌など
レストスペースからの景色

2F

企画展「ようこそ魅惑の書籍用紙の世界」

たくさんの書籍用紙が積み上げられています。一枚づつ貰うことができ、最後にまとめて製本してくれるというサービス。これはやるしか無いですね!

天井から幕の様に吊るされている用紙。大きいサイズで見ると柔らかさなどの違いが伝わります。

縦目と横目について
紙の重さについて
中質紙、上質紙、アート紙、紙ごとにまとめて製本された束見本。重さの違いがわかる
サイズについて
A版の全紙。実際に実物を見る機会は多くないので、印象に残りました
紙の種類について

2階には企画展のほか、印刷機の展示や実演、グッズのショップなどがありました。

休憩スペースにある活字のベンチ!
レタープレスキット

活版印刷機は体験もできます。

UV印刷機
リソグラフの印刷機
箔押し機
箔押しの見本
2階にも製本コーナーがありました
印刷DIYグッズ

写真映えもしそうな素敵な場所だったので、次回は一眼レフカメラを持参して再訪したいと思います。

マップと会場情報

市谷の杜 本と活字館

〒162-8001 東京都新宿区市谷加賀町1丁目1−1

【イラレ】Adobe Illustratorで簡単!桁違いの年月日を揃えるテクニック【文字組】

デザイン作業で年月日など桁数が異なる文字を美しく整列させたいときのコツをお伝えします。
今回はタブを使わず、トラッキング機能を活用して揃える方法をご紹介します。
使用するソフトはAdobe Illustratorですが、InDesignなど他のAdobeソフトにも応用できる方法です。

揃えるのは以下のような文字です。
月と日の桁数が違うので、ガタガタしているのが気になりますよね。
基本の設定は私が横組でよく使う「オプティカル」で、トラッキングは0の状態です。

1.桁数の多い「月」の右端にガイドを引く

画像だと分かりづらいですが、まず、月の数字から揃えるので桁数の多い方の月(今回は12月)の右端にガイドを引きます。

2.「年+数字」にトラッキングをかける

二行目、2025年1月14日(火)にトラッキングをかけて調整していきます。

トラッキングは文字パネルにある以下の画像の部分です。ここに数値を入れて文字間のスペースを調整します。

赤い枠がトラッキング

ポイントは、数字とその前の漢字を選択してトラッキングをかけること。

この場合は「年1」となります。

トラッキングは、選択した文字の後ろに空きを作るので、揃えたい文字の前の文字を選択することがポイントです。

「年1」にトラッキングをかけて、月がガイドに揃うようにします。

次に「年3」にも同様にトラッキングをかけます。

3.桁数の多い「日」の右端にガイドを引く

1.と同様に、「日」の右端にもガイドを引きます。

4.「月+数字」にトラッキングをかける

今度は、「日」を揃えるために、その前の文字「月+数字」を選択してトラッキングをかけます。

まずは「月1」に対してトラッキング。

次に「月3」に対してトラッキング。

5.完成

これで完成です。

月と日の位置が揃って見やすくなりました。

また、1や3の左右のスペースも均等に見えて綺麗ですね。

6.おまけ

(月・祝)のように祝日が入る場合はこの様な揃えになるかと思います。

終わり丸括弧「)」の左にガイドを引き、「(+曜日」にトラッキングをかけています。

この場合、広がりすぎるので、(月・祝)の中黒の間もスペースを詰めています。

関連書籍

文字組デザイン講座: 雑誌・書籍・ポスターにおける巧みな文字の使い方をリアルな指定紙から解説

トップデザイナーの文字組設定方法が学べます。

【フォント】Proxima Novaの魅力に迫る:現代デザインにマッチする理由とは?ーおすすめの合成フォントも紹介!【オススメ】

最近、欧文フォントの「Proxima Nova」にすっかりハマっています。

今回は、この美しいフォントについて少し詳しくまとめてみたいと思います!

Proxima Nova / Bold

Proxima Novaってどんなフォント?

Proxima Novaは、サンセリフ書体のひとつで、見た目はモダンでありながら、どこか幾何学的な印象も残しています。手掛けたのはデザイナーのMark Simonsonで、彼がこのフォントの開発を始めたのは1981年のことです。

Proxima Novaの特徴として、クラシックなHelveticaやAkzidenz Groteskのような、オーソドックスなプロポーションやストローク(線)のバランスを取り入れつつ、FuturaやKabel、Copperplate Gothicのような幾何学的なディティールも持っています。

そうして誕生したのが、このハイブリッドなフォント、Proxima Novaです。

1994年には「Proxima Sans」という名前で6つのスタイルをリリース。

その後、2005年にOpenTypeフォーマットへの対応とともにデザインを改良し、字数も大幅に増やして「Proxima Nova」として再リリースされました。

このフォントは非常に汎用性が高く、BuzzFeed、NBC、TikTok、Wiredなどのメディアでも広く使用されています。

引用:BuzzFeed – バズフィードジャパン
引用:NBC News – Breaking News & Top Stories – Latest World, US & Local News | NBC News
引用:TikTok – もっと世界を好きになる
引用:Business | WIRED.jp | WIRED.jp

Proxima Novaと日本語フォントを組み合わせた、おすすめの合成フォント

Proxima Novaと日本語フォントを組み合わせる際のおすすめの合成フォント設定をご紹介します。

こぶりなゴシックW3 + Proxima Nova Regular

モリサワフォンツに搭載のこぶりなゴシックW3との組み合わせ。本文などに使用できます。

Proxima NovaはRegularを使用。

こぶりなW3に対して110%拡大してベースラインを-2に下げています。

こぶりなゴシックW6 + Proxima Nova Semibold

小見出し等で使用できる中太字の合成フォント。

こぶりなゴシックW6にProxima NovaのSemiboldを合わせます。

W3と同様にProxima Novaを110%拡大してベースラインを-2に下げています。

凸版文久見出しゴシック + Proxima Nova Bold

大見出し等で使用できる太字の組み合わせ。

凸版文久見出しゴシックにProxima NovaのBoldを組み合わせます。

Proxima Novaは115%拡大にしてサイズを合わせます。ベースラインは-2%のまま。

Proxima Novaを無料で使える方法は?

残念ながら、Proxima Novaは無料で利用できるフォントではありません。

しかし、Adobe Fontsのライブラリに収録されているため、Adobe Creative Cloudのサブスクリプションを契約している方ならば、追加料金なしで利用できます。

https://fonts.adobe.com/fonts/proxima-nova#about-section

デザインに活用する際は、ぜひAdobe Fontsでチェックしてみてください!


Proxima Novaのクリーンでモダンな魅力は、さまざまなデザインにフィットしやすく、プロジェクトにスタイリッシュさを加えてくれること間違いなしです。

皆さんも、機会があればぜひ一度試してみてください!

参考サイト

Proxima Nova | Adobe Fonts https://fonts.adobe.com/fonts/proxima-nova#about-section
Mark Simonson – Wikipedia https://en.wikipedia.org/wiki/Mark_Simonson

フォントの勉強におすすめの書籍

A P-OTF、Std、Pr6、Pr6Nなど…モリサワのフォントについている英数字の意味をまとめました

A P-OTFA-OTFStdPr6Pr6N、など、モリサワのOpenTypeフォントについている英数字について、いつも何だか良くわからずにインストールしたり使用したりしているので、その意味を調べてまとめてみました。

モリサワのOpenTypeフォントについている英数字とは?

IllustratorやInDesignでフォントを選ぶ際にフォント名の前後についている英数字です。

Illustratorでのフォント選択画面

例えば以下のような、パターン

A P-OTF A1ゴシック Std

A1ゴシック」がフォント名なのでその前についている「A P-OTF」 や 後ろについている「Std」 という英数字です。

モリサワのWebサイトやnoteなどを参考に英数字の意味をまとめてみます。

フォント名の“前”についている英数字について

A P-OTF

  • OTFはOpenTypeフォントを意味する
  • A P-OTF で始まる書体は「AP版書体」を表す
  • 「AP版書体」とは、和文・欧文のペアカーニングと最新のIVSに対応している書体のこと
  • 2015年に登場。以降のOpenTypeフォントは全てこの「AP版書体」となっている

ペアカーニングとは、隣り合う文字の組み合わせごとに設定されている「文字詰め情報」のこと。

IVSとは異体字をより正確に表示する技術のこと。

適切な文字詰めと異体字の表示ができるフォント、ということになります。

A-OTF

  • Adobe規格の文字セットのフォント
  • A P-OTFフォントとの互換性は無い

「A-OTF リュウミン」と「A P-OTF リュウミン」は、文字の形は似ていても互換性は無いということです。

U-OTF

  • UはU-PRESSを意味する
  • U-PRESSとは、共同通信社による文字コードのセット
  • おもに報道関係に使われる

新聞や週刊誌、テレビ報道などに使われるイメージでしょうか。

報道以外のデザイン業務で選ぶ必要は無さそうですね。

UD-OTF

  • UDは「ユニバーサルデザイン書体」を表す
  • 「ユニバーサルデザイン書体」とは「読みやすさ」や「読み間違えの少なさ」を目指した書体
  • 高い視認性と可読性

企業のパンフレットや官公庁の書類など、多くの方に読まれる媒体に適している「ユニバーサルデザイン書体」。

私も良く使います。

フォント名の“後”についている英数字について

Std

  • 文字セットの仕様を表す
  • Std仕様(Adobe-Japan 1-3準拠)は9,354文字を収録

Pro

  • 文字セットの仕様を表す
  • Pro仕様(Adobe-Japan 1-4準拠)は15,444文字を収録

StdN

  • 文字セットStdにNが追加された形式
  • Nは“漢字の字形が2004年に改定されたJIS規格に対応している”ことを表す
  • Nあり、とNなし、では同じ文字でも字形が異なる場合がある

Pr5

  • 文字セットの仕様を表す
  • Adobe-Japan1-5準拠、2,0317文字を収録

Pr6

  • 文字セットの仕様を表す
  • Adobe-Japan1-6準拠、23,058文字を収録

Pr6N

  • 文字セットがPr6、かつ、字形がN(漢字の字形が2004年に改定されたJIS規格に対応)であることを表す

Min

  • コミック等での使用に適したポップな装飾書体の文字セット
  • 収録字数が5,000字以下と少ない
  • MinとMin2がある(収録字数の違い)

まとめ

  • 基本的には文字詰めや異体字が豊富なA P-OTFを使用する
  • 文字セットが多いフォントがあればそれを使う(Pr6など)
  • N付きのフォントとN無しのフォントは、字形が異なる場合があるので注意
  • Stdは収録文字数が少ない替わりに、独特な凝ったデザインのフォントがある

記事に間違っている箇所があればコメントなどで教えていただけたら助かります。

参考サイト

AP版書体について – Home https://mp-support.morisawa.co.jp/hc/ja/articles/26935103784857-AP%E7%89%88%E6%9B%B8%E4%BD%93%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6(2024/07/02アクセス)

A-OTF?Pr6? メニュー名からわかる! フォントの仕様と選び方|モリサワ note編集部 https://note.morisawa.co.jp/n/n1221b67fd50f(2024/07/02アクセス)

Std、Pro、Pr6、Nってなに?意味を知って賢くフォントを選ぶ!フォント名による違いと使い分け徹底解説|ヒラギノフォント公式note https://note.screen-hiragino.jp/n/n677df9b54262(2024/07/02アクセス)

ゼロから学ぶ「フォントのしくみ」③:Std、Pro、Pr5、Pr6……フォントの文字セットとは?|フォントワークス × Monotype 公式note https://note.fontworks.co.jp/n/nac674af6beb1?gs=c353c9fc7e39(2024/07/02アクセス)

表現・特徴で見つけるフォントBOOK

InDesignの合成フォントで、「ひらがな」と「カタカナ」に異なるフォントを設定する方法

InDesignの合成フォントで、ひらがなとカタカナを異なるフォントにしたい場合の設定がすぐに分からなかったので調べてみました。

合成フォントの例と共にご紹介します。

目標とする合成フォント

  • 漢字とカタカナ→凸版文久見出しゴシック 
  • ひらがな→秀英四号太かな
  • 英数字→Gill Sans/Bold

このような設定です。

日本語は、ひらがなだけを「秀英四号太かな」にしたいです。

InDesignでの設定方法

1.書式→合成フォント→新規→合成フォントの名前をつけてOK

新規合成フォントを作成

2.漢字とかな、半角欧数字を設定する

漢字とかな、英数字を設定

漢字とかなに「凸版文久見出しゴシック」、英数字に「Gill Sans MT/Bold」を110%で設定しました。

このままだとひらがなも文久見出しゴシックになっているので、、、

3.特例文字をクリック

特例文字のボタンをクリックします

4.新規をクリック

新規をクリック

5.新規特例文字セット→元とするセットひらがなを設定

元とするセットで「ひらがな」を選択。「カナカナ」にすることもできる

保存する。

6.ひらがなのフォントを変更する

最下部に「ひらがな」の設定が表示されるので、ここでフォントを設定します。

7.完成

完成しました。

まとめ

特例文字で追加をするので、初見だと悩みますね。

ひらがなとカタカナでフォントを変える意識がつくと、合成フォントにも広がりが出るので、今後は積極的に使用していきたいと思います。