おさえておきたい俑㶵まわりのトレンド똜ꄇ ꥔䌚スイッチ꞊⹾ 宨╮SBテクノロジー똾ꅿ ꧇䒽スイッチ꞊⹾ 宨╮

SBテクノロジー葺㣕龤Ryotarox San

このセッションがカバーするꯛ㓊君の名は。君の名は。君の名は。

きみの名は。君の名は。君の名は。

キミの名は。君の名は。君の名は。

3つのレイヤー>ライティング>邌鎸>ルール>倜铂>鳤剅> システムフォント> トレンド• 倜剅⡤• ウェブフォントⵃ欽⢽ծ⹛ぢ> シンボルフォント窩俑㶵ծ
ピクトグラム> バリアブルフォント> カラーフォント> フォントⵖ⡲ツールծⵖ⡲罏> 鋉呓> オンスクリーン
タイポグラフィ> 邌植倯岀> 㹋鄲倯岀>コーポレートフォント>ロゴロゴタイプ>セミナー>イベント>㾜爙⠓>剅硂>꧟钞>テレビ>SNS

> フォントꟼ鸬オーバービュー>չ➙䎃の俑㶵պで䮶り鵤るトレンド> コーポレートフォントとロゴタイプ> 倜剅⡤> Webフォント✲⢽Part 1フォントꟼ鸬オーバービュー

>ATypI>FONTPLUS DAY セミナー

>もじFes.

>Letterheads>俑ッ㶵フリマ>CC麣㜥スペシャル殢穈չフォントの傈だよ>匟劤タイポグラフィ։俑㶵っ㶨Ⰻ㆞꧊さ։պ> オンスクリーン٥タイポグラフィ٥デイ2019
OnScreen Typography Day> CSS Nite LP61
չこれからのフォントとウェブでの穈晛を罋える傈պ> FONTPLUS DAYセミナー Vol. 20
ウェブの➂こそ㷕んでおきたい 俑㶵穈みの㛇燉㣐瀖⼧♲㣗

> չホンマでっかTVպ> タモリ⧟嚂鿇չもじꉟպ> タモリ⧟嚂鿇չ恌㶵から⡲り倯までビャンビャン라 㸣Ⰻマスターպ

Part 2「➙䎃の俑㶵」
で䮶り鵤るトレンド묂！

➙䎃の俑㶵

「⟀ㄤ」の「⟀」の姻しい剅き倯♤> ⽩ⵗ暟> 倜耀も♤> 㼭㷕4䎃儗に㕂铂の䱇噟で侄わる> 统㶵もこちらの倯が㢳い令♤令「剅き俑㶵」と「崞㶵」との麩いユニバーサルデザインの「UDデジタル侄猰剅⡤」が侄肪植㜥で岣湡を꧊めるフォントせについてる「Pro」「Pr5」って⡦ヒラギノ鉈ゴ

Pro W6

ヒラギノ鉈ゴStd W8

渡邉渡邉

樋燡

フォント

AJ1-0

AdobeJapan 1-1

AJ1-1

8,359

AdobeJapan 1-2

AJ1-2

8,720

AdobeJapan 1-3

AJ1-3

9,354

Pro

AdobeJapan 1-4

AJ1-4

15,444Pr5AdobeJapan 1-5

AJ1-5

20,317

Pr6AdobeJapan 1-6

AJ1-6

23,058CID
StdPro㰄䎬丗

AdobeJapan 1-0

OCF

OpenType

グリフセット

8,284

樋燡

フォント

OpenType

AJ1-0

AdobeJapan 1-1

AJ1-1

8,359

AdobeJapan 1-2>
AdobeJapan 1-3

AJ1-2

8,720

AJ1-39,354

Pro

AdobeJapan 1-4

AJ1-4

15,444Pr5AdobeJapan 1-5

AJ1-5

20,317

Pr6AdobeJapan 1-6

AJ1-623,058

+Std
Pro

㰄䎬丗

AdobeJapan 1-0

OCF
CID

グリフセット

8,284

樋燡

フォント

AJ1-0

AdobeJapan 1-1

AJ1-1

8,359

AdobeJapan 1-2

AJ1-2

8,720

AdobeJapan 1-3

AJ1-3

9,354

Pro

AdobeJapan 1-4

AJ1-4

15,444Pr5AdobeJapan 1-5

AJ1-5

20,317

Pr6AdobeJapan 1-6

AJ1-6

23,058Pr7AdobeJapan 1-7

AJ1-7

23,060CID
StdPro㰄䎬丗

AdobeJapan 1-0

OCF

OpenType

グリフセット8,284

AJ1 -6

23 ,058

223 ,060
AJ1 -7

俑㶵AJ1 -6

23 ,058
AJ1 -7

23 ,060

https://blogs.adobe.com/CCJKType/2018/09/aj17-font-names-ja.html

https://blogs.adobe.com/CCJKType/2018/09/aj17-font-names-ja.html

傈劤➂のローマ㶵邌鎸勻䎃1剢から「㨸٥せ」の갫iOS 13.2 Emojiスキンカラー㼎䘔iOS 13.2 Emoji

ManでもWomanでもなくծNeutralが鷄⸇オリンピックピクトグラム荈鯄鮦畸䪮BMXフリースタイル「꧟にⴖり䫙く」
レギュレーション??

Part 3

ロゴリブランド私の道は、 私の道は、 私の道は、
私がひらく。
私がひらく。
私がひらく。

ルーロトン
コジーメダ

ロゴ
リブランドコーポレートフォント

SOFFA Sans

Ikea Sans

2009䎃 秵とウェブでずじ剅⡤Verdana

Noto Sans

Ikea Sans
Verdana2019䎃 㢳鎉铂でずじテイスト

Noto Sans

Ultra LightThinLightBookRegular

誰でも使いやすく

たづがね ™ 角ゴシックは、手書きに近いフォいます。特にひらがなやカタカナでは、扁平ににつながると考えました。括弧類は大きなサイ

たづがね角ゴシックは読みやすさに定評のあるルムを追求し、個々の文字のフトコロは狭く小さめに、文字が組まれた時に単語の輪郭や文章の姿がとらえやすくなるようにデザインされてみえる文字は扁平に、縦長にみえる文字は縦長にみえるように、より自然なかたちを目指しています。こうした処理が〈安心感〉や〈可読性〉ズで使う際に悪目立ちしないように、見出し用の極端に細いウェイトと極端に太いウェイトで特に細くなるようにしています。

Neue Frutiger を英数字に採用しており、日本語の書体にあわせてサイズ調整をほどこし最適化してあります。また、OpenType 機能の〈プ→フトコロを狭く︑手書き文字の自然なプロ
ポーションに近づけていま東京 さ こ あ東京
よ ん りう に が紐育 な
紐育
紐育ち とパリ ら は うパリパリ↓自然なプロポーションの文字は、組んだときに単語のかたちが見えてきます。

↓扁平につくられる仮名の例

BoldHeavyBlackExtra Black（「｛〈（「｛〈（「｛〈（「｛〈（「｛〈（「｛〈（「｛〈（「｛〈（「｛〈（「｛〈Neue Frutiger
国あアNeueFrutiger↓アルファベット部分には Neue Frutiger を採用。日本語の文字と自然に馴染むようにあらかじめサイズを大きく調整して搭載しています。

オリジナルの Neue Frutiger

で美しくツメ組することが可能です。雑誌・書籍等の印刷物からスマートフォンやタブレット端末等のデジタルデバイス、建築施設や交通のサイン等、現代の幅広いニーズを想定して制作されています。

←JR 原宿駅
JR Harajuku Station→陸上競技場
Athletics Stadium﹃たづがね角ゴシック﹄
と名付
けました︒

鶴の長
寿にあやかり︑末永く使われていくことを祈願して︻たづがね︼という言
葉は︑
この︻鶴︼を意味します︒

鶴は﹃万葉集﹄の歌にもよく
詠まれており︑↓縦長につくられる仮名の例

つ へ エ ニ ヘ うくりトリMedium

ロポーショナルメトリクス〉と〈カーニング〉を使用して、フォントデザイナーが設定した値

プ →ロ たポ づー がシ ねョ 角ナ ゴ
ル シ
メ ッ
ト ク
リク
ス
＋カ ︑ーニング↑←日本語部分とアルファベット

長寿の象徴とされています︒

イ →スの間で フブ ォ
ラ ンン ト
ド をイ 使メ えー ばジ ︑の 印
統 刷
一 媒が 体し とや デす ジ
く タ
な ルり デ
ま バ

日
本
で
は
﹁
鶴は千年︑亀は万年﹂と言われるようにモ
チー
フとして多用されて親しまれてきました︒

優雅に飛ぶ姿から瑞鳥とされ︑文学や芸術
作
品の古くから東ア
ジアにおいてその気品
ある佇
まいやタン
チョ
ウに代表される
鶴は︑

フ
ォン
ト
名の由来

西高島平
Nishi-Takashimadaira

千代田区

代々木Yoyogi

麹町新聞
話題のトピック｜Hot Topics

巨匠イヴァン・ヴェローゾ
アジアの港を巡る
ワールドミュージックとブラジル音楽のコラボレーションを追求した「カエターノバンド」
名義での初の来日となる、ボサノヴァ歌手イヴァン・ヴェローゾが46年ぶりに来日公演を果たす。

小屋は猫のおじぎ子汁のめいめいが直しねずみましまし。するとすこしいい気たございという狸たで。だめたでしんましもただって小太鼓の大丈夫どもの所ではねから変たまして、それなんかゴーシュを思うれんませた。やりすぎそれもこどもへくるしましてさっきの野ねずみのゴーシュ曲をなっ第二小屋あたりのマッチにあるながら来ましまし。

市ヶ谷重工、株価高騰で空前のボーナス支給へ

ワールドミュージックとブラジル音楽のコラボレーションを追求した「カエターノバンド」
名義での初の来日となる、

ボサノヴァ歌手イヴァン・ヴェローゾが46年ぶりに来日公演を果たす。

中目黒
Nakameguro

飯田橋
Iidabashi

市ヶ谷
IchigayaHyakubancho
7-chome
Chiyoda-ku
青山一丁目

神保町
Jimbocho

新御茶ノ水
ShinOchanomizu
大手町
Otemachi

溜池山王
Tameike-Sanno
六本木
Roppongi

恵比寿
Ebisu

白金高輪
Shirokane-Takanawa

目黒
Meguro五反田
Gotanda中延
Nakanobu
西馬込
Nishi-Magome

日比谷
Hibiya

霞ヶ関
Kasumigaseki

国会議事堂前National Diet Bldg.

浅草橋
Asakusabashi
小川町／淡路町馬
Ogawamachi / AwajichoBa
三越前
Mitsukoshimae Mor
人形町
Ningyocho
日本橋
Nihombashi

東京Tokyo
有楽町
Yurakucho
銀座
Ginza

新橋
Shimbashi

築地Tsukiji

東銀座
Higashi-Ginza
汐留
Shiodome

麻布十番
Azabujuban

浜松町／大門Hamamatsucho / Daimon

三田／田町Mita / Tamachi
泉岳寺
Sengakuji

蔵前
Kuramae

秋葉原
Akihabara

御茶ノ水
Ochanomizu

四ッ谷Yotsuya永田町
Nagatacho

浅草Asakus

上野Ueno

水道橋
Suidobashi

九段下
Kudanshita

赤坂見附
Akasakamitsuke

表参道
Omotesando

渋谷
Shibuya

駒込
Komagome

新宿三丁目
Shinjuku-Sanchome

明治神宮前
Meiji Jingu Shrine

町屋
Machiya

西日暮里
Nishi-Nippori

後楽園／春日Korakuen / Kasuga

Aoyama-Itchome

AyAyとの親和性が高いので、和欧併
サッカー／ホッケー場記の公共サインでも使いやすい
Soccer/Hockey Ground デザインです。

巣鴨Sugamo

９都庁前Tochomae

The Kojimachi Times

西巣鴨
Nishi-Sugamo

東新宿
Higashi-Shinjuku

Higashi-Nakano

11:38

北千住
Kita-Senju

池袋
Ikebukuro

新宿
Shinjuku
Phone

百番町七丁目赤羽岩淵
Akabane-Iwabuchi

小竹向原
Kotake-Mukaihara

高田馬場
Takadanobaba

Web↓括弧類は使用されるサイズを考慮し、見出しで使われるウェイトではむやみに目立たないように細身にデザインされています。

見やすく読みやすく

Medium 15Q

鶴いゴ
ちシばッんク
人体にを﹁近︑い自︑然伝わ体る﹂
へ文︒
字へ︒

茅場町
Kayabacho

八丁堀
Kayabacho
月島
Tsukishima

豊洲Toyos←
JR 原宿駅
JR Harajuku Station→陸上競技場
Athletics Stadium﹄と名付けました︒

︑
末
永く使
われていく
ことを祈願
して

葉は︑この︻鶴︼を意
味します︒

もよく
詠
まれており
︑につくられる仮名の例

うくりトリ
Extra Black↑←日本語部分とアルファベットとの親和性が高いので、和欧併
サッカー／ホッケー場記の公共サインでも使いやすい
Soccer/Hockey Ground デザインです。

います︒

イ →ス
の間で フ
ブ ォ
ラ ンン トド をイ 使
メ えー ばジ ︑の 印
統 刷
一 媒が 体し とや デす ジ
く タな ル
り デ
ま バ

亀は万年﹂
と言
われるよ
うにれて親しまれてきました︒

鳥とされ︑文学や芸術
作品のい
てその気品
ある
佇
まいやWeb

ありがとう

ニン
グQ

こん
にちはされています。

Phone

11:3

The Kojimachi T麹町新話題のトピック｜Hot Topics

巨匠イヴァン・ヴェ
アジアの港を巡る

ワールドミュージックとブラジル音楽のコラボレーショ「カエターノバンド」
名義での初の来日となる、ボサノヴァ歌手イヴァン・ヴェローゾが46年ぶりに来Mercari Sans

AdobePart 4倜剅⡤⚅歲の宕⛉㹀殢フォントのリニューアル

>Micro>Text>Display

tt t
Micro

Text

Displayl㖑柰zからやってきたフォント

AppleSF

San FranciscoRegularMedium
Semibold
Bold
HeavyBlackOS「䩛剅き괏フォント」は如の如⯋に㼭楨 ❨かな㼭楨 麇かなAdobe Handwriting
Adobe Handwriting Ernie

The quick brown fox jumps over the lazy dog
Adobe Handwriting Tiﬀany

The quick brown fox jumps over the lazy dog
Adobe Handwriting FrankThe quick brown fox jumps over the lazy dog

「䩛剅き괏フォント」はさらなる如⯋にFonts with a Personal Touch「鄲귅禸」という倜ジャンルパルレトロン-B饔のアリス饔のアリスパルレトロン-B「デザイン剅⡤」とはひと㄂麩うテイスト

Part 5

Web

導入事例2019

Best 3

カルティエ、時の結晶
こぶりな / UniversNextProフォント UniversNextPro
ウエイト Lフォント こぶりなゴシック
ウエイト W3

ザ・オークラ（The Okura Tokyo）
筑紫明朝 / SabonNext

フォント SabonNextLTPro-Display
ウエイト Lフォント FOT-筑紫明朝 Pr6
ウエイト L大塚製薬グループ
イワタUDゴシック

フォント I-OTF-UDゴ本文Pro
ウエイト Lフォント I-OTF-UDゴ表示Pro
ウエイト M力 高 商品、Web採用 続。

その他、気になるWeb
導入事例

都営地下鉄筑紫

Std B

都営地下鉄筑紫

Std B

東京都現代美術館

角東京都現代美術館

角靴下専門店 Tabio（タビオ）StdN W6, W3

靴下専門店 Tabio（タビオ）StdN W6, W3

フェイスマスク ルルルン

丸明Yoshino StdN R, 他

フェイスマスク ルルルン

丸明Yoshino StdN R, 他

/ Nunito

カービィーカフェスーラ / Nunito

カービィーカフェ

スーラ / Nunitoモンスターストライク

レゲエ

モンスターストライクレゲエ

伊香保 グリーン牧場/UD丸

伊香保 グリーン牧場

/UD丸

Web

人気書体

FONTPLUS ランキング2019

過去4年間のFONTPLUS書体ランキング
フォント名分類フォントメーカー 2019年 2018年 2017年 2016年

筑紫ゴシックゴシック

FONTWORKS

1112

筑紫A丸ゴシック

丸ゴシック

FONTWORKS

2235筑紫明朝

明朝

FONTWORKS

3321ヒラギノ角ゴシック（N仕様）

ゴシック

SCREEN4446ロダンゴシック

FONTWORKS

5554

筑紫Aオールド明朝

明朝

FONTWORKS

66710筑紫明朝（N仕様）

明朝

FONTWORKS

77--

マティス

明朝

FONTWORKS

81089リュウミン

明朝

MORISAWA

99108

別書体

2019年12月20日時点のFONTPLUSランキングTOP100位より

明朝
12筑紫明朝ゴシック
12 モード明朝Aラージ

筑紫Aオールド明朝 13丸ゴシック

1筑紫ゴシック

12 UD角ゴ̲スモール

セザンヌ(N)

2ヒラギノ角ゴ(N) 13ロダン(N)3ニューロダン

その他

1筑紫A丸ゴシック1スキップ

UD新ゴ

2筑紫B丸ゴシック

2ハミングロダン(N)

3スーラ

3フォーク

15 ヒラギノUD角(N)4秀英丸ゴシック

4グレコ

3筑紫明朝(N)

14

14

4マティス

15 ヒラギノUD角(N)

4新ゴ

5リュウミン

16ロダンカトレア

5ロダンNTLG

16ロダンカトレア

5UD新丸ゴ5丸フォーク6

ヒラギノ明朝(N) 17

ニューロダン(N)6筑紫ゴシック(N) 17

ニューロダン(N)6

ヒラギノ丸ゴ(N)6モトヤアポロ7

筑紫Aオールド(N) 18

ニューセザンヌ

7セザンヌ

ニューセザンヌ

7新丸ゴ

7クレー

18

8

テロップ明朝19 たづがねゴシック

8UD角ゴ̲ラージ

19 たづがねゴシック

8UD丸ゴ̲ラージ8

マティスエレガント

9

筑紫オールド明朝 20 F-UDニューロダン

9ゴシック MB101 20 F-UDニューロダン

9スーラ(N)

9アニト

10

マティス(N)

21 イワタゴオールド

10 イワタUDゴシック 21 イワタゴオールド

10ヒラギノUD丸ゴ

10丸明オールド

11UD黎ミン44

2211 こぶりなゴシ(N) 2211

モトヤマルベリ

11ベビポップ

FUD-筑紫明朝

セザンヌ(N)

Monotype書体

Webフォントランキング2019

今年

昨年

フォント名

今年

昨年

フォント名

11

Neue Helvetica

10-

Posterama

23

DIN Next

1110Helvetica

311

Tazugane Gothic

125

Between

49Futura

138

Gill Sans Nova

52Univers Next

146Akko64

Neue Frutiger

15-

Neue Frutiger World

7-

Minion16-

Eurostile Next

87

Avenir Next

17-

ITC Franklin

9-Classic Grotesque18-myriad3つのレイヤー>ライティング>邌鎸>ルール>倜铂>鳤剅> システムフォント> トレンド• 倜剅⡤• ウェブフォントⵃ欽⢽ծ⹛ぢ> シンボルフォント
窩俑㶵ծピクトグラム> バリアブルフォント> カラーフォント> フォントⵖ⡲ツールծⵖ⡲罏> 鋉呓> オンスクリーン
タイポグラフィ> 邌植倯岀> 㹋鄲倯岀>コーポレートフォント>ロゴロゴタイプ>セミナー>イベント>㾜爙⠓>剅硂>꧟钞>テレビ>SNS

> フォントꟼ鸬オーバービュー>չ➙䎃の俑㶵պで䮶り鵤るトレンド> コーポレートフォントとロゴタイプ> 倜剅⡤> Webフォント✲⢽企業 顔、声、主人公

情報 を 正確 に伝えるための基盤孡ⴓや朐屣で♳ꅿ 㷕ソシオメディア

https://twitter.com/manabuueno/status/1202587985562095616

iOS 7 でフラットデザインになった時は単に流行に乗っただけに見えた。
でも実はあれはレイアウト、アイコン、フォント、カラーを、レスポンシブ化、ベクター化、セマンティック化する施策のひとつだったんだよね。
あれがなければ今の Dark Mode もSF Symbols もない。