デジタルネイティブのためのフォントとデザイン
街で見かける「あの文字」はフォントじゃないかもしれない? フォントと書体の“あるある”勘違い(1/3 ページ)
新連載:デジタルネイティブのためのフォントとデザイン
スマートフォンやSNSの普及で、誰もが気軽に情報を発信できるようになった今、「どう発信するか」を考える上で、欠かせないのがフォントやデザインです。「最近ここのフォント変わったな」「このロゴどうやってデザインしたんだろう」と、身近な文字が気になっている人も多いのではないでしょうか。
この連載では、街角やビジネスの現場など身のまわりにある文字をきっかけに、奥深いフォントとデザインの世界をご案内します。いつも使っているスマートフォンやデジタルカメラを片手に、ひとときの「フォントの旅」を楽しんでみませんか。
菊池美範(きくち よしのり)
1980年代末からパーソナルコンピュータをデザインワークに取り入れ、1990年代~現在までグラフィック、エディトリアルデザインの分野でフォントの適切な使い方にこだわったデザインワークを続ける。「ITmedia NEWS」のロゴの「ITmedia 」部分のデザインも担当している。
それって「フォント」なの?
街を歩いている時、広告や看板を目にして「これ、どんなフォントが使われているんだろう」と疑問に思うことはないだろうか。現在フォントといえば、ほとんどがデジタルデータとして使える「デジタルフォント」のことを指すが、最近は気になるデジタルフォントを探せるアプリケーションやサービスも登場している。
実際に例を挙げて調べてみよう。これは、1980年から2018年6月まで六本木の交差点近くにあった書店、青山ブックセンター六本木店の表示だ。オープンした頃から、クリエイターにとって深夜仕事のオアシスともいえる場所で、筆者もよく駆け込んでいた。
このロゴは「BOOK」に特徴があるデザインで、鮮やかなグリーンの文字のかたまりは、作られた時代の流行を強く感じさせる。
これを見て「この欧文フォントどこかで見たことがある気がするんだけど、フォントを並べて円を2つ足しただけじゃないの?」と思った方、前半は正解だ。
まずは、このロゴのベースとなった書体のフォントを探してみよう。今回はフォント販売サイト「MyFonts」の「WhatTheFont」を使う。画像をアップロードすると、画像内の文字を識別して一致するフォントや似たフォントを探してくれる機能だ。
試してみると、青山ブックセンターのロゴはPump Boldというフォントの形とほぼ一致していることが分かる。しかし、完全に一致しているわけではない。ただPump Boldというフォントを選んで「AOYAMA BOOK CENTER」と文字を打ち込んだり、打ち込んだ文字に円を足したりしただけでは、このロゴにはならない。
このように既存の書体にオリジナルデザインを加え、お店や企業、ブランドなどを特有の文字で表したものを「ロゴタイプ」と呼ぶ。ロゴタイプの多くは、ある書体のフォントをもとに独自のデザインとして構成されたもののため、検索すれば近いフォントが見つかることもあるが、「レストランの名前は○△×というフォントだね」といえるケースは、実はあまり多くないのだ。
ちなみに青山ブックセンターのロゴタイプが公開された1980年初頭は、8ビットPCがようやく家庭に普及しはじめた頃。画像検索でフォントを探すどころか、Adobe Illustratorのような使いやすいベクターグラフィック制作ツールも個人では手に入らない時代で、デジタルフォントの多くは拡大するとギザギザの粗さが分かってしまう「ビットマップフォント」だった。
PCをロゴタイプデザインには使えなかったのだ。当時デザイナーたちは、1文字ずつ手作業で調整・修正しながら文字を組んでデザインを進めていた。原稿用紙やデザインレイアウト用紙に書かれた文字や文章をもとに、見本帳で書体を選んで「写真植字(写植)機」という写真技術を使った機械で印字してもらったり、バインダーでとじられた大判の欧文書体見本帳を「トレスコープ」(原稿の縮小拡大と紙焼きの機械)と呼ばれる機械で1文字ずつ印画紙に複写したりして、文字を組むことが多かった。
Copyright © ITmedia, Inc. All Rights Reserved.
デジタルネイティブのためのフォントとデザイン
スマートフォンやSNSの普及で、誰もが気軽に情報を発信できるようになった今、「どう発信するか」を考える上で、欠かせないのがフォントやデザインです。「最近ここのフォント変わったな」「このロゴどうやってデザインしたんだろう」と、身近な文字が気になっている人も多いのではないでしょうか。 この連載では、街角やビジネスの現場など身のまわりにある文字をきっかけに、奥深いフォントとデザインの世界をご案内します。
この記事の著者
関連記事
こんなメディアも見られています
ITmedia NEWSに関連する情報をお探しであれば、こちらのメディアもお役に立てるかもしれません。
SpecialPR
本日の新着記事
アクセスランキング
-
1
「Claude」の“見えない透かし”、Anthropicが仕組みを説明 「完全な書き直しなら消える」
-
2
豪雨被害の千葉で「通れた道マップ」トヨタが公開 直近3時間の通行実績が分かる
-
3
河川監視のライブカメラ水没か――千葉豪雨、村田川の映像が水中に 「こんなの初めて見た」
-
4
「ほの暮しの庭」はホラーが苦手でも大丈夫! 怖さを上回る物語とスローライフの魅力をマンガ家が力説
-
5
千葉の「通れた道」、JARTIC地図で確認可能に トヨタやホンダなど5社のデータを集約
-
6
悪酔いにチェイサーは効果なし? 日本酒4合+水1Lを飲ませ二日酔い調査 大分大などが研究
-
7
サービス終了した「Link!Like!ラブライブ!」開発元が破産 負債103億円超 東京商工リサーチ
-
8
熊本「通れた道」マップ、トヨタが公開 ホンダも「通行実績情報マップ」
-
9
千葉県の豪雨から一夜 2万軒超で停電続く 千葉市では2260人が避難
-
10
フードデリバリーサービス「Wolt」、日本でのサービス終了へ 約6年で撤退
ITmedia NEWS SNS
インフォメーション
注目情報をチェック
ITmediaNEWSをフォロー
あなたにおすすめの記事PR