デブサミ2019【14-E-5】APIを活用したフォントの使い方 ～MR（Mixed Reality）の実例紹介～ #devsumiE

金谷拓哉 / Takuya Kanatani @torisankanasan

スマートフォンの次は、スマートグラスが来る #devsumiE

諏訪真一 @suwa_sh

これってWebサイト以外でも使えないの？ -> MR Kobe Digital Labo #devsumi #devsumiE

iotas@創作+エンジニアリング @tRiaeZ1

プレゼン資料のフォントがきれいだった #devsumiE

諏訪真一 @suwa_sh

●なぜ今、Font x MRの取り組みを行っているのか？ ・ポストスマホって考えたことある？ 紙 -> PC -> Mobile コンテンツのアウトプット先が多様化 -> ディスプレイから解き放たれるのでは！？ 紙 -> PC -> Mobile -> Mixed Reality #devsumi #devsumiE

ひらりん (Takumasa Hirabayashi) @himarin269

Microsoft Hololensは透過型ディスプレイなので、文字が圧倒的に見づらい。 すごい、そこでフォントかあ #devsumiE

Go Shimura @avanheart

MRとは、Mixed Realityの略。日本語で「複合現実」と呼ぶ。　#devsumiE

諏訪真一 @suwa_sh

・HoloLens 関西初、MS公式開発パートナー認定 ・文字が圧倒的に見づらい 環境に応じて読みやすいフォントを選ぶ 視野角が狭い ・MRの共同研究テーマ フォントの視認性とデザイン性 フォントの変化によって生じるUXの違い #devsumi #devsumiE

iotas@創作+エンジニアリング @tRiaeZ1

MRだと背景が家の壁だったりテーブルだったりして背景の色が違うし、視野角も狭いから、フォントが見づらい →　確かに。 #devsumiE

ひらりん (Takumasa Hirabayashi) @himarin269

Hololensってほんとにすごいから1回でいいから体験してほしいとおもう #devsumiE

ひらりん (Takumasa Hirabayashi) @himarin269

こんなふうに説明文が空間にばーっと出てくるようなコンテンツは確かにフォントが重要そう #devsumiE

Go Shimura @avanheart

購買体験の中で、実物とカタログの情報が一致しないという課題をHoloLensにて解決。 #devsumiE

諏訪真一 @suwa_sh

●具体的にどんなことをやっているいるの？ ・営業シーンに活用できないか？ 自転車を買いに行った 説明されても、説明と実物のつながりが見えない パンフレットを渡しても、読んでもらえない 空間のトラッキングもできる どの商品に、どれだけ時間をかけた #devsumi #devsumiE

ひらりん (Takumasa Hirabayashi) @himarin269

展示会の会場の雰囲気にあったフォントは何かを検証できるHoloLensのアプリケーション。おもしろい #devsumiE

たかだ ゆう @roundabout_u

看板デザインなどをホロレンズを通して現場で再現→リアルタイムでフォント入れ替えできるアプリ開発中 #devsumiE

iotas@創作+エンジニアリング @tRiaeZ1

カンバンとかのデザイン →　紙でお客さんに見せて「OK」をもらっても、現場に貼りだしてみると、「もっと大きいフォントの方が良かった」とか色々出てくる。MRで現地の映像と融合しながらポスターを調整したりできるようにしてそれを解決しようと思ってる。 #devsumiE

Go Shimura @avanheart

イベントブースのデザインについて、実際のイメージと違ってしまうという課題をHoloLensで解決。 #devsumiE

金谷拓哉 / Takuya Kanatani @torisankanasan

一般的に明朝体は横の線が細いのでスマートグラスなどの小さなディスプレイでは文字が潰れてしまう。 #devsumiE

ひらりん (Takumasa Hirabayashi) @himarin269

モリサワの黎ミンは横線の太さも変えられるからxRでも視認性を維持できる。さらに文字数ギネス世界記録 #devsumiE

Go Shimura @avanheart

大体の明朝は、ボールドにしても横線が太くならない。黎ミンはバッチリ対応しているため、MR空間には適している。#devsumiE

ひらりん (Takumasa Hirabayashi) @himarin269

ユーザーの好みは見やすさだけではなく形によって左右される。だからブランディングにはフォントが重要 #devsumiE

金谷拓哉 / Takuya Kanatani @torisankanasan

@Futo_Horioは、モリサワに媚びを売っているらしい #devsumiE

金谷拓哉 / Takuya Kanatani @torisankanasan

媚びも売っているが、TypeSquareAPIに以下の魅力を感じている。 ・書体データの画像化が不必要に ・開発中にローカルにない書体が試用できる ・必要な書体データのみダウンロード化（サブセット機能） #devsumiE

Go Shimura @avanheart

TypeSquare APIなら書体データの画像化が不要。しかも必要な分だけサブセット化ができる。 #devsumiE

諏訪真一 @suwa_sh

・Creative Design x 看板や広告など物理的なプロダクトだと、貼ってみないとわからない -> MRで イメージが合わない場合、印刷会社側が担保 これを解消 デザイナーとクライアントが同じ映像を見れる #devsumi #devsumiE

諏訪真一 @suwa_sh

●モリサワフォントを使ってみてどう？ ・メイリオ、UD新ゴ、黎ミンで比較 ・黎ミン 横線は縦線の太さが変わらない 文字数でギネス世界記録 #devsumi #devsumiE