CGWORLD Web Design Week特別企画 デザイナーおすすめフォント

イベント登壇者がピックアップ!
おすすめの「使える」フォント

「CGWORLD Web Design Week」特別企画として、登壇者がおすすめするフォントをご紹介!
Webサイトや広告、資料制作など、さまざまなクリエイティブの現場で使えるフォントを、その魅力や選定理由をコメント付きで掲載。
フォント選びの参考に、ぜひご覧ください。

◆ゴシックMB101(モリサワ)◆筑紫明朝R(フォントワークスLETS)◆Noto Sans JP(Google Fonts)
◆游ゴシック体(字游工房:モリサワ)◆筑紫Aオールド明朝(フォントワークスLETS)

 


◆ゴシックMB101(モリサワ)


肉厚でがっしりとした伝統的な骨格を持ち、圧倒的な力強さと信頼感を与える見出し用ゴシックの決定版。
ポスターや広告、テロップなど大きな文字で最大の効果を発揮。
<このフォントは以下の商品で利用できます>
・Morisawa Font Select Pack:買い切りパッケージ商品
Morisawa Fonts:年間ライセンス商品(サブスクリプション)
・Morisawa Webフォント:WEBフォント※メーカー直節販売商品

推薦者

mount inc.
デザイナー 渡辺 俊さん

コーポレートサイトなど、普遍性や王道、というテーマを持ったサイトをつくる際に使用。
広告や出版の分野で長く使われて支持されているフォントです。
株式会社タガス
代表 / デザイナー 浅野 桜さん

オーソドックスだけど古くない。
Helvetica系の欧文フォントと合わせるとビシッとキマる。
ウェイトが多いのも嬉しい。
ウェブで使用する場合は多用せず、Webフォント(Morisawa Fonts)として、見出しの部分に細身のウェイトを使うとカッコいい。

ページの一番上に戻る


◆游ゴシック体(字游工房:モリサワ)


現在は字游工房がモリサワのグループ会社となったため、モリサワからも提供されている。
文字がやや小ぶりで上品な余白が生まれる、長文でも目が疲れずスラスラ読める本格派の本文用ゴシック。
WindowsとMacに標準搭載されており、Webや資料の本文に最適。
<このフォントは以下の商品で利用できます>
・Morisawa Font Select Pack:買い切りパッケージ商品
Morisawa Fonts:年間ライセンス商品(サブスクリプション)
・Morisawa Webフォント:WEBフォント※メーカー直節販売商品

推薦者

mount inc.
デザイナー 山﨑 末鈴さん

柔らかさがあり、かつ安定感もある表現をしたい制作の際に使用。
軽すぎない、しっかりとクラシックでありつつ、どこかちょっと柔らかさだったり、曲線的な部分もありつつ、古すぎない現代的なイメージもありつつのフォントです。
DESIGN MENTOR [PRO]
デザイナー 村田 俊英さん

無駄な装飾を削ぎ落とし、信頼性や先進性をダイレクトに伝えたい時におすすめ。
クセがなく、どんなデザインにも馴染みます。

ページの一番上に戻る


◆筑紫明朝R(フォントワークスLETS)


フォントワークスのフラッグシップとも言える「筑紫書体」シリーズの明朝体。
シャープさと柔らかさを兼ね備えた美しい文字ラインが魅力の、洗練された高級明朝体。
文字を配置するだけで、現代の書籍やデザインに一瞬で「上質な空気感」を演出。
<このフォントは以下の商品で利用できます>
フォントワークスLETS:年間ライセンス商品(サブスクリプション)
・FONTPLUS:WEBフォント※メーカー直節販売商品

推薦者

mount inc.
デザイナー 渡辺 俊さん

クセのないスタンダードな造形をしたフォント。
スタンダードですが、文字を潰したり詰めてみたり、少し加工することで、表現を変えられます。

ページの一番上に戻る


◆筑紫Aオールド明朝(フォントワークスLETS)


フォントワークスを代表する「筑紫書体」シリーズの明朝体。
のびのびとした曲線を描く「かな」が最大の魅力である、活字のレトロな美しさを蘇らせた文学的明朝。
独特の「物語性」や「和の情緒」が漂い、本の表紙やロゴに絶大な個性を与える。
<このフォントは以下の商品で利用できます>
フォントワークスLETS:年間ライセンス商品(サブスクリプション)
・FONTPLUS:WEBフォント※メーカー直節販売商品

推薦者

DESIGN MENTOR [PRO]
デザイナー 村田 俊英さん

流麗な“かな”のうねりが「色気」をつくる!
ブランディングで高級感・情緒を伝えたい時におすすめ。

ページの一番上に戻る


◆Noto Sans JP(Google Fonts)


Googleが提供する使いやすいフリー(無償利用OK)フォント。
クセのない現代的でクリアなデザインの、Webやアプリで超定番のフリーゴシック。
スマホなどの小さな画面でも絶対に文字が潰れず、デジタル環境での見やすさを極めています。
<このフォントは以下の商品で利用できます>
Google Fonts(グーグルフォンツ):メーカー直接提供商品 ※無料

推薦者

株式会社グッドパッチ
デザインエンジニア 藤井 陽介さん

自分はWeb制作もそうですが、アプリ開発に携わることも多いため、まず何よりiOSの標準フォントはかかせません。
これはAppleエコシステムのエンジニア以外の人には伝わりにくい部分ではあるのですが、iOSは標準フォントに各言語に適したカーニングや行間、RTL対応やアクセシビリティ考慮などさまざまな配慮を盛り込んでいるので、よっぽどのことがない限りそれ以外を選ぶことが悪手になってしまいます。
WebではやはりNoto Sansシリーズが対応言語・環境が多く、野暮ったくもないのでよく使います。
DESIGN MENTOR [PRO]
デザイナー 村田 俊英さん

先進的&クリーンなテック&コーポレートサイトにおすすめ。
視認性・可読性・判別性の全てが高水準。
クセがなく、どんなデザインにも馴染む万能なゴシック体です。

ページの一番上に戻る

6月1日から5日まで開催!CGWORLD Web Design Week

6月1日から5日まで、Web制作やデザインに関わるコンテンツをYouTubeにて配信。
フォントをテーマにしたセッションも!ぜひフォント選びの参考にしてください。

詳細は、イベントサイトをチェック。

 イベントサイトはこちら

 

フォントセッションはこちら

ページの一番上に戻る

このページをシェアする

facebookX(旧twitter)