持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方
Post on:2016年2月4日
フォントはデザインにおいて、非常に重要な要素です。
プロのデザイナーが当たり前のようにやっていることが、初心者には見落とされていたり、実践されていないこともあります。
持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方を紹介します。
![明日からすぐに使える日本語タイポグラフィの技法 合成フォントのすすめ](http://coliss.com/wp-content/uploads-201601/2016020201.png)
先週紹介したスライドと同じく、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。
日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。
スライドは全部で51ページ。
フォントに含まれている全ての字形がバランスよく、カッコいいものはあまり多くはありません。多くのデザイナーが使用している各フォントの特徴を理解し、漢字と仮名、そして英数字・約物・記号を組み合わせて使う合成フォントについて、漢字の選択基準、必要なウェイトなど、日本語フォントを導入する際のポイントを学べます。
スライドを純粋に楽しんでいただけるよう、所見や説明などは記載していません。
![明日からすぐに使えるタイポグラフィ技法](http://coliss.com/wp-content/uploads-201601/2016020202-01.png)
![自己紹介](http://coliss.com/wp-content/uploads-201601/2016020202-02.png)
![本題の前に](http://coliss.com/wp-content/uploads-201601/2016020202-03.png)
![本題の前に 読みやすい書体とは](http://coliss.com/wp-content/uploads-201601/2016020202-04.png)
![本題の前に 読みやすい書体とはの続き](http://coliss.com/wp-content/uploads-201601/2016020202-05.png)
![本題の前に 書体を書風の違いによって分類](http://coliss.com/wp-content/uploads-201601/2016020202-06.png)
![本題の前に 書体の系統を分ける基準](http://coliss.com/wp-content/uploads-201601/2016020202-07.png)
![本題の前に 欧文フォントと和文フォントを対応させると](http://coliss.com/wp-content/uploads-201601/2016020202-08.png)
![合成フォントのすすめ コンテンツ紹介](http://coliss.com/wp-content/uploads-201601/2016020202-09.png)
![素のまま使えるフォントは少ない](http://coliss.com/wp-content/uploads-201601/2016020202-10.png)
![良いフォントってないよね、というのは嘘](http://coliss.com/wp-content/uploads-201601/2016020202-11.png)
![日本語フォントは毎年たくさんリリースされている](http://coliss.com/wp-content/uploads-201601/2016020202-12.png)
![しかし、全てがバランスよく、かっこいいフォントはなかなかない](http://coliss.com/wp-content/uploads-201601/2016020202-13.png)
![素のまま使えそうなフォント](http://coliss.com/wp-content/uploads-201601/2016020202-14.png)
![ここぞという時に使うフォント](http://coliss.com/wp-content/uploads-201601/2016020202-15.png)
![明朝体には漢字しかなかった](http://coliss.com/wp-content/uploads-201601/2016020202-16.png)
![フォントベンダー各社の優先順位](http://coliss.com/wp-content/uploads-201601/2016020202-17.png)
![戦略が必ずしもデザイナーを幸せにするフォントではない](http://coliss.com/wp-content/uploads-201601/2016020202-18.png)
![合成フォントは日本語タイポグラフィに必須](http://coliss.com/wp-content/uploads-201601/2016020202-19.png)
![合成フォントをカッコよくキメる](http://coliss.com/wp-content/uploads-201601/2016020202-20.png)
![1.仮名の調整](http://coliss.com/wp-content/uploads-201601/2016020202-21.png)
![2. 英数字の調整](http://coliss.com/wp-content/uploads-201601/2016020202-22.png)
![デモ](http://coliss.com/wp-content/uploads-201601/2016020202-23.png)
![フォント導入の4つのポイント](http://coliss.com/wp-content/uploads-201601/2016020202-24.png)
![1. フォントの弱点を避けろ](http://coliss.com/wp-content/uploads-201601/2016020202-25.png)
![業界・職能を考える](http://coliss.com/wp-content/uploads-201601/2016020202-26.png)
![小塚明朝と小塚ゴシック](http://coliss.com/wp-content/uploads-201601/2016020202-27.png)
![マティス・ロダン・DF明朝体・DFゴシック・DF丸ゴシック](http://coliss.com/wp-content/uploads-201601/2016020202-28.png)
![新ゴ](http://coliss.com/wp-content/uploads-201601/2016020202-29.png)
![リュウミン](http://coliss.com/wp-content/uploads-201601/2016020202-30.png)
![ヒラギノ明朝・ヒラギノ角ゴシック](http://coliss.com/wp-content/uploads-201601/2016020202-31.png)
![WindowsやOfficeのフォント](http://coliss.com/wp-content/uploads-201601/2016020202-32.png)
![1. あのフォントの弱点を避けろ 共通法則](http://coliss.com/wp-content/uploads-201601/2016020202-33.png)
![2. 必要なウェイトはこれだ](http://coliss.com/wp-content/uploads-201601/2016020202-34.png)
![漢字の太さの対応](http://coliss.com/wp-content/uploads-201601/2016020202-35.png)
![漢字の太さの対応](http://coliss.com/wp-content/uploads-201601/2016020202-36.png)
![3. 漢字の選択基準](http://coliss.com/wp-content/uploads-201601/2016020202-37.png)
![筆押さえの有無で](http://coliss.com/wp-content/uploads-201601/2016020202-38.png)
![4. 必要な系統はこれだ セリフ体](http://coliss.com/wp-content/uploads-201601/2016020202-39.png)
![サンセリフ体](http://coliss.com/wp-content/uploads-201601/2016020202-40.png)
![明朝体](http://coliss.com/wp-content/uploads-201601/2016020202-41.png)
![ゴシック体](http://coliss.com/wp-content/uploads-201601/2016020202-42.png)
![それでもまだ、フォントを素のまま使い続けますか?](http://coliss.com/wp-content/uploads-201601/2016020202-43.png)
![合成フォントの注意点 問題点](http://coliss.com/wp-content/uploads-201601/2016020202-44.png)
- 補足
- 「異体字がでない」はIllustrator(現在のCC2015も含む)の現象で、InDesignでは表示されます。
![合成フォントの注意点 運用](http://coliss.com/wp-content/uploads-201601/2016020202-45.png)
![フォントを安く導入する3つのストーリー](http://coliss.com/wp-content/uploads-201601/2016020202-46.png)
![ストーリー1から3まで](http://coliss.com/wp-content/uploads-201601/2016020202-47.png)
![デモ](http://coliss.com/wp-content/uploads-201601/2016020202-48.png)
![参考資料](http://coliss.com/wp-content/uploads-201601/2016020202-49.png)
![参考資料](http://coliss.com/wp-content/uploads-201601/2016020202-50.png)
![ご静聴 ありがとうございました](http://coliss.com/wp-content/uploads-201601/2016020202-51.png)
sponsors