武蔵野美術大学の大学ロゴタイプで使用されているフォントは何か?検証してみた

武蔵野美術大学の大学ロゴのフォントは何か?気になったので検証してみました。

https://www.musabi.ac.jp/ 武蔵野美術大学公式サイト トップページのキャプチャ(2021.03.03 アクセス)

上記のキャプチャで左下に入っている「Musashino Art University」というロゴタイプです。

ぱっと見、Universかな?とも思ったのですが。

以下が検証結果です。

Musashino Art Universityフォント検証
Musashino Art Universityフォント検証

Univers、Helvetica、Arialと候補のフォントで調べてみたのですがどれも、似てるようで微妙に異なりました。

それでもUniversが一番近かったので、変形させて調整してみることに。

Univers LT Std 75 Blackの横幅を92.5%に縮小し、オリジナルと重ねてみたところ、かなり近い重なりとなりました。

あくまでも個人の検証なので実際は違うかもしれませんが、武蔵野美術大学のロゴタイプ「Musashino Art University」は、Univers LT Std 75 Blackを幅92.5%縮小すると近い結果を得ることができます。

関連書籍

タイポグラフィ・ハンドブック

モリサワパスポート搭載の「游ゴシック体B」と定番の欧文書体で合成フォントを作る

2020年の更新でモリサワパスポートに、字游工房の大人気フォント「游ゴシック体」が追加されました。

私も早速、仕事で使い始めているのですが、そこで少し悩む点が….

見出し用に「B」のウェイトを使うときに合成フォントの欧文がいまいち決まらない。

私はUniversを良く使うのですが、游ゴシック体のBとUniversのRoman、Boldがイマイチ合わない感じ….

折角の機会なので、游ゴシック体Bと欧文フォントの組み合わせをガッツリと調べてみました。

【前提条件】

  1. 使用する游ゴシック体はモリサワパスポートに搭載されている「游ゴシック体 Pr6N B」とする
  2. 欧文フォントは和文フォントのサイズに合わせて適宜拡大する(ベースライン調整はしない)
  3. ツメはベタ組み
  4. 欧文フォントはOpentypeのものを使用する

という事で、テストした結果が以下となります。

1. 游ゴシック体B(Pr6N)と欧文フォントの組み合わせ〈基本編〉

游ゴシック体B(Pr6N)と欧文フォントの組み合わせ〈基本編〉
游ゴシック体B(Pr6N)と欧文フォントの組み合わせ〈基本編〉

青文字がフォントの組み合わせ名、赤文字が私の感想です。

①【漢字・かな】游ゴシック体 Pr6N B 【欧文】游ゴシック体 Pr6N B

*従属欧文(デフォルト):デフォルトなのでもちろんバランスは一番良いです。数字が読みやすくなるようにスラブセリフっぽくなっていますね。

②【漢字・かな】游ゴシック体 Pr6N B 【欧文】Univers LT Std 55 Roman(110%)

*欧文細い:和文より欧文がちょっと細いので、バランスが悪い感じです。どちらかと言うと和文より欧文が太い方がバランスが良く見えるというのが基本的セオリーです。

③【漢字・かな】游ゴシック体 Pr6N B 【欧文】Univers LT Std 65 Bold(110%)

*欧文やや太い:こちらは欧文が太めな印象。やはりUnivers LTを游ゴシックBに合わせるのは難しいという印象です。

④【漢字・かな】游ゴシック体 Pr6N B 【欧文】Futura (OTF) Demi (120%)

*欧文ほんの少し太いが良い感じ:このくらいだと和文と欧文の太さが良い感じです。

⑤【漢字・かな】游ゴシック体 Pr6N B 【欧文】Neue Haas Unica Pro Medium(120%)

*完璧に近いバランス:Neue Haas Unica Pro Mediumは従属かと思うくらい完璧なバランス!

⑥【漢字・かな】游ゴシック体 Pr6N B 【欧文】Frutiger LT Std 65 Bold(110%)

*欧文やや太い:欧文やや太めですが、わりと良いバランスだと思います。

⑦【漢字・かな】游ゴシック体 Pr6N B 【欧文】Helvetica LT Std Bold(115%)

*欧文やや太い:HelveticaもLTのものはちょっと太めです。

⑧【漢字・かな】游ゴシック体 Pr6N B 【欧文】Helvetica Neue LT Std 65 Medium(115%)

*完璧に近いバランス:こちらのHelvetica Neueはかなり完璧なバランスでした!

⑨【漢字・かな】游ゴシック体 Pr6N B 【欧文】Myriad Pro Semibold(120%)

*欧文ほんの少し太いが良い感じ:Myriadも良い感じ。

⑩【漢字・かな】游ゴシック体 Pr6N B 【欧文】Officina Sans ITC Pro Medium(120%)

*完璧に近いバランス:Officina Sansも完璧に近いバランス!数字は游ゴシック従属のものにそっくりですね。

大体のフォントが合成フォントで使えそうですが、やはりUnivers LTは、55 Romanだとやや細くて65 Boldだと太い印象なのでちょっと組み合わせが難しいかと感じました。

2. 游ゴシック体B(Pr6N)と欧文フォントの組み合わせ〈コンデンス体編〉

コンデンス体との組み合わせも調べてみました。〈基本編〉で使えそうな書体のみで試しています。

游ゴシック体B(Pr6N)と欧文フォントの組み合わせ〈コンデンス体編〉
游ゴシック体B(Pr6N)と欧文フォントの組み合わせ〈コンデンス体編〉

⑪【漢字・かな】游ゴシック体 Pr6N B 【欧文】Univers LT Std 57 Condensed(110%)

*欧文やや細い:やはりUniversは難しいですね。細く見えます。

⑫【漢字・かな】游ゴシック体 Pr6N B 【欧文】Univers LT Std 67 Bold Condensed(110%)

*欧文結構太い:こちらも、違和感を感じるくらい太いです。

⑬【漢字・かな】游ゴシック体 Pr6N B 【欧文】Futura Cond (OTF) Medium(120%)

*完璧に近いバランス:太さのバランスはバッチリです。コンデンスの度合いが他のフォントに比べて高く、細長いですね。

⑭【漢字・かな】游ゴシック体 Pr6N B 【欧文】Frutiger LT Std 67 Bold Condensed(110%)

*完璧に近いバランス:かなりバッチリです。読みやすいのでインフォグラフィックスなどに使えそうな組み合わせ。

⑮【漢字・かな】游ゴシック体 Pr6N B 【欧文】Helvetica Neue LT Std 67 Medium Condensed(110%)

*完璧に近いバランス:〈基本編〉で完璧だったHelvetica Neueは今回も完璧です。

⑯【漢字・かな】游ゴシック体 Pr6N B 【欧文】Myriad Pro Semibold Condensed(120%)

*欧文ほんの少し太いが良い感じ:欧文がほんの少し太いですが、ほぼ完璧です。

Universは〈基本編〉よりもさらに難しさを感じました。

現状、販売されていないのですが、Neue Haas Unicaのコンデンス体があればそれでも試してみたくなりました。

感想については、あくまでも私の個人的な印象なのですが、游ゴシック体Bで合成フォントを作る際の参考にしていただければと思います。

Header: Willi HeidelbachによるPixabayからの画像

関連記事

新人デザイナーさんに!入手しやすく高品質なFrutiger互換フォント
非デザイナーの方にも!Macの標準フォントでデザインに使えるおすすめ書体〈欧文編〉
私がデザイン業務で「欧文組版」をする際に参考にしている本・Webサイトを紹介!

関連書籍

タイポグラフィ・ハンドブック

私がデザイン業務で「欧文組版」をする際に参考にしている本・Webサイトを紹介!

普段使用している日本語と違い、ルールや作法に馴染みがうすい欧文での組版。

どんなにカッコイイデザインを作っても、英語圏の方が見たらありえないような文字組をしてしまっては、良いデザインとは言えません。

「正しく美しい」欧文組版をするために、私が参考にしている本とWebサイトをご紹介します。

Contents

書籍

Webサイト

書籍

欧文組版: タイポグラフィの基礎とマナー

欧文組版: タイポグラフィの基礎とマナー

新宿にある活版印刷会社「嘉瑞工房」の髙岡昌生さんによる欧文組版の解説書。

書体の選び方、文字間、ワードスペース(単語間)、組版の種類とルール、イタリック体やハイフンなど約物の扱い方まで、「正しく」「美しい」欧文組版の作法について丁寧に分かりやすく書かれています。

全ページ大変役に立つのですが、欧文組版の組見本に赤字を入れて添削しているコーナーが特に勉強になりました。

やりがちなミスや、基本的な文字の設定などについて知ることが出来て業務に役立ちます。

欧文やアルファベットの文字組をする機会がある方は持っておいて損のない一冊です。

〔増補改訂版〕 欧文組版: タイポグラフィの基礎とマナー

欧文書体 その背景と使い方

欧文書体 その背景と使い方

ドイツのフォントベンダー「ライノタイプ社」でタイプディレクターを務める小林章さんの著書。

代表的な欧文書体の種類とその歴史、使用シーンなど、書体にフォーカスした内容になっています。

BodoniやGaramondなど、名前は有名なフォントもその背景にある歴史や開発の目的を知ることで使う時の意識が変わってきます。

スクリプト体の効果的な使い方や、見出しと本文における2種類の書体の組み合わせまで、欧文だけでなく文字好き、フォント好きの人にとって楽しく勉強になる内容になっています。

欧文書体―その背景と使い方(新デザインガイド)

タイポグラフィ・ハンドブック

タイポグラフィ・ハンドブック

当ブログで何度も取り上げている本ですが、欧文タイポグラフィについての教科書なので今回もご紹介します。

この本は他の本に比べて、より「レイアウト」についての内容が充実しています。

グリッドシステムや版面の作り方、ノンブル、柱などのページを構成する要素まで、欧文タイポグラフィを用いて高品質なデザインを作る際には大変参考になる本です。

タイポグラフィ・ハンドブック

アシンメトリック・タイポグラフィ

アシンメトリック・タイポグラフィ

ドイツ生まれ、スイス・バーゼルで活動した偉大なタイポグラファ・グラフィックデザイナー、ヤン・チヒョルト(Jan Tschichold )の著書「Typographische Gestaltung」を日本語訳した本。

書体の選択、組版の理論はもちろん、タイポグラフィを主体的に使用したポスターや本の表紙紹介・その構造の分析など、ニュー・タイポグラフィのムーブメントを代表するデザイナーであったチヒョルトさんならではの「グラフィック」な分析がふんだんになされている一冊。

文字だけでグラフィックを作りたいデザイナーの方には色やコンポジション(構成)の解説がとても役に立ちます。

アシンメトリック・タイポグラフィ

Webサイト

I Love Typesetting: InDesignによる欧文組版の基本操作その1

http://typesetterkon.blogspot.com/2011/05/indesign1.html

英文・和文・和欧混合の書籍デザイン・組版の仕事に、約25年以上たずさわられている Rose Toyoko Kon さんの欧文組版についてのブログ。

こちらのブログの「InDesignによる欧文組版の基本操作」の記事はハイフネーションやジャスティフィケーションの細かい設定まで書かれていてとてもわかりやすいです。

私が業務で欧文組版をおこなう時は、毎回こちらのブログ記事の内容を参考にして設定を作っています。

デザインの現場 小林章の「タイプディレクターの眼」

https://blog.excite.co.jp/t-director/

「欧文書体 その背景と使い方」の著者、小林章さんのブログ。

ドイツ在住の小林さんが街中やご自身の仕事などから印象に残った文字・書体を写真で紹介されているブログです。

欧文書体が実際にどのように使われているのかを、ライトな読み物として知る事ができます。

まとめ

日本にいるとなかなか馴染みの少ない欧文組版ですが、その分、しっかりとした文字組ができるようになるとクライアントからの信頼も厚くなると思います。

今回ご紹介した本やブログを参考に、皆様のお仕事に役立てて頂ければ嬉しく思います。

ヘッダー画像:Willi HeidelbachによるPixabayからの画像

「日本のグラフィックデザイン2019」で最新の日本グラフィックデザインを学ぶ!

2019年7月27日、トーキョーミッドタウンのデザインハブで開催されていた「日本のグラフィックデザイン2019 」の展示を観に行きました。

どんな展示?

日本グラフィックデザイナー協会(JAGDA)が発行する年鑑『Graphic Design in Japan』の2019年版に掲載される作品の中から、約300点をピックアップして、ポスターやステーショナリーなどの実物を中心に展示した展覧会です。

観に行った動機

私は毎年、日本のグラフィックデザインの潮流や流行を勉強するために観に行っています。

会期

2019年6月20日(木)~8月7日(水)11:00‒19:00/会期中無休・入場無料

会場

六本木にあるトーキョーミッドタウンの5F「東京ミッドタウン・デザインハブ」にて入場料無料で開催されています。

内容

ミッドタウン・デザインハブ
「にんげんレストラン」のグラフィック
「にんげんレストラン」のグラフィック
「デザイン あ展」
「print & print」
good design companyによるお茶ブランドのデザイン
会場風景
ポスターは中央にこのように展示されています
亀倉雄策賞を受賞した「Osaka Metro」のグラフィック
kigiの渡邉良重によるパッケージデザイン
クリアケースをスライドすると服のデザインが変化する
「ブリジットライリー展」の展示デザイン。菊地敦己さんによるもの。素麺などもあります
色部義昭さんによる「リキテックス」のデザイン。これかなり好きです
クッキーのパッケージデザイン
有機的な化粧品のパッケージデザイン。とても素敵です
「中尾清月堂」。タイポグラフィを用いたどらやきのパッケージデザイン
「京都水族館」のお土産チョコレート
この方は展示台までしっかりデザインしています
「アルヴァ・アアルト展」カタログ
マスキングテープブランド「mt」のデザインブック
「フィリップ・ワイズベッカー作品集」。葛西薫さんによるブックデザイン
「音楽ノート」
「山小屋の灯」。菊地敦己さんによるブックデザイン
「野生のベリージャム」
「WONOBI」古美術の記録集。菊地敦己さんによるブックデザイン
工藤強勝さん著・デザインの「文字組デザイン講座」
「東京造形大学2019」学校案内。高田唯さんによるブックデザイン
7色に光を反射する名刺デザイン
分厚いボール紙を用いたフライヤーデザイン
「建築家・安井武雄展」のフライヤー。こちらも分厚いボール紙を使用しています
「(有)常磐土木」の軍手や名刺のデザイン
山にまつわる写真企画のDM。ハガキが山型にカットされています
自主制作の分度器と一体化した定規
新聞広告
「資生堂」ポスター
「富山県立美術館」ポスター
「女子美術大学」ポスター。林規章さんのデザインはとても好きです
壁面の展示風景
よく見ると「梅」の漢字が浮かび上がります
こちらも資生堂のポスター。とてもカッコイイです
音楽レーベルの通販サイト用ステッカー。牧寿次郎さんによるデザイン
「HB Gallery」ポスター
田部井美奈さんによる自身の展覧会告知ポスター
「歌舞伎のモノコト展」ポスター。歌舞伎を連想させる色と抽象形態の組み合わせが素敵です
「京都六条 薫玉堂」のポスター
「はじまりの線刻画展」ポスター
ISSEY MIYAKE「PLEATS PLEASE」のポスター。プリーツがついた布がタコを連想させる形でレイアウトされています
ISSEY MIYAKE「me」のポスター。シャツにストライプ状の折り目がついています
シュールな魅力があるポスター
展覧会「THEORY OF THE ELEMENTS」の告知ポスター
武蔵野美術学院のポスター
武蔵野美術学院のポスター
「JAGDA東北地域大会2017岩手」イベントポスター
「2018 HAKUHODO Design Summer Camp」イベントポスター
「東京」という漢字が東京タワーとスカイツリーの形に組み合わされたデザインのポスター
「越後亀紺屋 藤岡染工場」ポスター
「エンジン01 in 釧路」イベントポスター
「ダンスコ」ブランドイメージポスター

こんな人にオススメ!

  • デザインを勉強中の学生さん
  • 駆け出しのグラフィックデザイナーさん
  • デザインを教える立場の講師の方

日本を代表するグラフィックデザイナーの制作物を入場無料で観られるので、行って損は無い展覧会です!

おまけ:図書館「リエゾンセンター・ライブラリー」

今回の会場であるミッドタウン・デザインハブ内にリエゾンセンター・ライブラリー 【 Liaison center Library 】という図書室ができていました。

閲覧用のテーブルと椅子、wifiや電源なども用意されていてちょっとしたコワーキングスペースのようになっています。

広くて快適

窓からの眺めはとても良く、開放的な空間です。

収蔵図書の一例。様々なデザインにまつわる本が並び、室内で自由に読むことができます。

リクエストに応じて新規で本の入荷などもされているようです。

開館日・時間が不定期なので以下の公式サイト・SNSなどでご確認のうえ、訪れてください。

本のラインナップはこちらから
https://librize.com/jdp


Graphic Design in Japan 2019

合成フォント:エムニュースエム L + Discourse Wide Light

合成フォントの組み合わせ研究。

今回はモリサワパスポート搭載の『エムニュースエム』とAdobe Fontsに搭載の『Discourse Wide』を組み合わせて、未来的な印象のフォントを作成します。

完成見本

漢字・かな

エムニュースエム L

モリサワパスポートに搭載のフォント。

毎日新聞社が新聞の本文組用に開発した字面の大きな文字です。

エムニュースエム L | 書体見本 | モリサワのフォント | 株式会社モリサワ
https://www.morisawa.co.jp/fonts/specimen/1169

数字・アルファベット

Discourse Wide Light

Adobe Creative Cloudを契約していると追加料金無しで様々なフォントを使用できるAdobe Fontsに搭載の欧文フォント。

このフォントのWideというウェイトが近未来感があって使用したかったので、まずこの欧文フォントを選び、欧文フォントから逆算して合う日本語フォントとしてエムニュースエムを使用しました。

Discourse | Adobe Fonts
https://fonts.adobe.com/fonts/discourse

設定画面

illustratorの合成フォント設定画面

半角欧文と半角数字に設定したDiscourse Wideはそのままだとエムニュースエムより小さく見えるので「110%」にサイズを拡大します。

上記の設定で作成した合成フォントの書体見本は以下の様になります。

エムニュースエム L + Discourse Wide Light

和文と欧文のフォントが良い具合に調和したと思います。

このままでも良いのですが、もう少し尖った印象にしたいので文字設定ウインドウで「平体80%」に加工します。

文字設定ウインドウ
エムニュースエム L + Discourse Wide Light(平体80%)

これで完成。

なかなか特徴的な合成フォントになりました。

合成フォントのイメージ・キーワード

  • 未来的
  • シャープ
  • スマート

合成フォントの使用シーン・媒体

  • 雑誌の見出し・本文
  • Webサイトやブログのタイトル・見出し
  • フライヤーの見出し

シャープな印象や未来的な印象にしたい時にオススメの組み合わせです。

気になった方は是非お試しください!


合成フォントやフォントの設定についてさらに詳しく知りたい方に、オススメの一冊!

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