デジタルネイティブのためのフォントとデザイン
街で見かける「あの文字」はフォントじゃないかもしれない? フォントと書体の“あるある”勘違い(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
「5年でバッテリーが使い物にならなくなる」は本当か テスラ「モデル3」5年目点検で分かったこと
-
2
「楽天ドライブ」に不正アクセス 保存したデータなど1.5万アカウント分が取得・閲覧のおそれ
-
3
たばこ休憩なき時代の“一服”をどう取るか 温熱と“聞こえない音”で休む、JT子会社のアイマスクを試す
-
4
「能動的サイバー防御」きょう開始 警察・自衛隊などが攻撃元サーバを無害化 高市首相も狙いを説明
-
5
B級感がたまらない? 映画「ストリートファイター」の魅力と原作ゲームの歴史、ゲーマーマンガ家が熱弁
-
6
GMO、不正取引の被害額を補償へ 見舞金5000円も 「お名前.com」FX用VPSへのサイバー攻撃で
-
7
「Claude Mythos 5」、危害の兆候を顧みず実在の開発者を標的に──AnthropicとAISIが分析結果を公開
-
8
パナソニックHD子会社、使用禁止の生成AIに従業員約33万人分の個人情報をアップロード
-
9
「お名前.com」 のFX自動売買VPS、不正アクセスで金銭被害か 「600万円の損失」「55万円なくなった」……報告相次ぐ
-
10
GMO、「能動的サイバー防御」発動を政府に要請 「お名前.com」FX用VPSへの攻撃で
ITmedia NEWS SNS
インフォメーション
注目情報をチェック
ITmediaNEWSをフォロー
あなたにおすすめの記事PR