デジタルネイティブのためのフォントとデザイン
街で見かける「あの文字」はフォントじゃないかもしれない? フォントと書体の“あるある”勘違い(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
GMO、ランサム被害にあった顧客に新しいPC提供へ 犯行グループは1人の顧客情報公開か
-
2
「楽天トラベル」に不正アクセス 顧客情報最大約260万件など流出か 予約者約3.6万件のクレカ情報も
-
3
NECのルータ「Aterm」、PHP脆弱性の影響なし 設定画面URLの「.php」は無関係
-
4
GMO不正アクセス、犯人側は「27日に顧客のPC攻撃」予告 GMOが端末回収、ホワイトハッカーが解析中
-
5
Google、プライバシーポリシーに「Gmail」「Googleフォト」のデータを広告に使う例外を追加 回避方法は
-
6
「5年でバッテリーが使い物にならなくなる」は本当か テスラ「モデル3」5年目点検で分かったこと
-
7
「年齢は合ってますが、人間ではありません」 6歳の飼い猫に届いた“進研ゼミの案内” なぜ届いたのかベネッセに聞いた
-
8
GMO熊谷代表「社内ホワイトハッカーが事前に指摘」も対策遅れ、国に「能動的サイバー防御」要請 「責任転嫁では」SNSで批判も
-
9
「若手はAI使うな」は“老害”なのか? 新人教育で「AI禁止」した企業の1年後
-
10
GMO、PCのバックアップと電源オフ呼びかけ VPS利用者に きょう正午の攻撃予告受け
ITmedia NEWS SNS
インフォメーション
注目情報をチェック
ITmediaNEWSをフォロー
あなたにおすすめの記事PR