Illustratorの使い方 HP制作・デザイナー必見!~フォントの選び方~

社畜る~? 逝く逝く♪ \(TдT)/

どうも緒方DEATH!

前回はデザインを学ぶ、ということでトレースについて学びました。
黄金比について学んでみました。
いや、やってみたけど半分も理解できてるかわからんけどなwww

Illustratorの使い方 HP制作・デザイナー必見!~黄金比?白銀比?ほんまかいな~

まだの方はぜひ読んでくださいw

さてさて今日はフォントの話をしようかなと思います。
この記事が少しでもこれからデザイン始める方のためになればいいなと思います。

社畜の緒方

株式会社セブンコードで働く社畜。
就職する前は親父が持っていたIllustratorを使って絵を描いていた。
Illustratorを覚えたいというほのかちゃんの教育係りに。

社畜るーず ほのかちゃん

イラストを描くのが好きで、タブレットを使って毎日練習中。
勉強は嫌いだけど絵に関することは大好き。
Illustratorを覚えて、手に職つけようとしている中学3年生。

最高顧問 もっちょさん

セブンコードの最高顧問。
中に何者かが入っているという噂がある・・・

フォントってむずかしいよね

有栖ほのか
緒方さ~ん、もっちょさんのロゴのフォントって何がイイでしょうか。
社畜の緒方
お、ほのかちゃんもフォント選びの段階に来たのか!
有栖ほのか
そうなんです、全然選べなくって。
社畜の緒方
フォントは難しいぞ~。めちゃくちゃ種類あるからなぁ。
有栖ほのか
ですよねぇ~
社畜の緒方
まぁでもぶっちゃけこのもっちょさんのロゴだったら・・・
社畜の緒方
やっぱこういうインパクトあるやつっしょ!

有栖ほのか
う~ん・・なんかダサいですね。
社畜の緒方
まぁなんとなくやからなぁ~
社畜の緒方
こんなもん感覚感覚!
有栖ほのか
ですよねぇ~
社畜の緒方
まぁでもぶっちゃけこのもっちょさんのロゴだったら・・・
もっちょさん
うぉぉぉぉおおおいっっちょ!
社畜の緒方
びっくりしたぁ
もっちょさん
緒方君、なんだっちょその適当な説明は!
社畜の緒方
いや、でもなんか結構感覚ちゃいます?
社畜の緒方
キレイ目なデザインなら明朝で、その他はゴシック、かわいけりゃまるっこいみたいな。
社畜の緒方
だってなんか普通のフォントだとダサくないっすか?
有栖ほのか
確かに。最初っからパソコンに入ってるフォントからは選びたくないなぁ・・・
もっちょさん
まぁわからなくもないけど・・・
もっちょさん
仕方ないからまたもっちょさんが教えてあげるっちょ。

フォントの選び方~有名ロゴを見てみよう~

もっちょさん
緒方君、ほのかちゃん、シャネルとかヴィトンとか、エルメスとか。高級ブランドわかるっちょ?
社畜の緒方
持ってないすけどわかりますよ。
もっちょさん
じゃあロゴを思い浮かべてみるっちょ。
社畜の緒方
ロゴ・・・雰囲気しか思い出せないwww
もっちょさん
じゃあもうぐぐるっちょ!

社畜の緒方
おーやっぱ高級感あるなぁ
有栖ほのか
ですね、どう見ても高級感しかないです!
もっちょさん
このフォント良くみるっちょ。
もっちょさん
なんか特殊な文字とか、変わったフォントが使ってあるっちょか?
有栖ほのか
そういわれれば・・・
社畜の緒方
特に変わった感じじゃないっすね。
もっちょさん
そうだっちょ!ヴィトンのフォントなんかは「Futura」っていうフォントを使っているっちょ。
もっちょさん
これはmacとかだと標準でインストールされてるような普通のフォントなんだっちょ。
有栖ほのか
そうなんですね。。。それなのになぜか高級に見える。

もっちょさん
こういうハイブランドのフォントっていうのは、デザイナーさんが微妙な行間やスペース、文字の形状を微調整して美しく見えるように調整してるんだっちょ。
社畜の緒方
ほええ・・・そうなんすね。
有栖ほのか
比べてみるとやっぱり違いますね・・・こういう細かいデザインのおかげなんですね
もっちょさん
わかったっちょか?
もっちょさん
普通のシンプルなフォントでもちゃんと見せることが出切るんだっちょ。
社畜の緒方
なんか今までちょっとインパクトあるとか、癖があるフォントばっか目に入ってたなぁ
有栖ほのか
私もです。
もっちょさん
もちろん、インパクトがある文字っていうのも大事だっちょ!
もっちょさん
今回はハイブランドのロゴを引き合いに出したからシンプルなフォントの説明になったけど
もっちょさん
やっぱりチラシやLPなど興味づけしたいときは印象に残るフォントを選ぶのも大事だっちょ
社畜の緒方
そうなってくると、結局感覚で選ぶのかなぁ・・・
有栖ほのか
余計わかんなくなってきました・・・
もっちょさん
だけど一番大事なのはデザインの意図、クライアントの意図を理解することだっちょ!
社畜の緒方
クライアントの意図・・・
もっちょさん
今回の「もっちょロゴ」はもちろん、この私、もっちょさんが依頼主だっちょ!
有栖ほのか
もっちょさんはこのロゴをどんな感じにしたいんですか??
もっちょさん
もっちょさんは、かわいくってキュートで、女の子受けする感じにしたいっちょ!!!
(やっぱり学校、政治など幅広く活動していくにあたって、清潔感があり、かつ親しみやすいロゴにしたいっちょ)
社畜の緒方
もっちょさん・・・
有栖ほのか
心の声と逆になってますよ・・・
もっちょさん
はっ!
社畜の緒方
わかりました、女の子うけそそうな感じですね。
有栖ほのか
・・・
社畜の緒方
こんな感じでしょうか?

もっちょさん
おおおぉぉぉ!めちゃくちゃかわいいっちょ!これでもっちょさんもモテモ・・・
有栖ほのか
・・・・・・最低ですね。
社畜の緒方
もっちょさん・・・ドンマイ。
もっちょさん
・・・・・・・・・・

フォントの種類

はい、というわけで今回はもっちょさんがほのかちゃんにドン引かれることになってしまいましたが・・・

フォントはふぉんとに難しいですよね。

基礎中の基礎ではございますが、フォントのおおまかな種類だけでも覚えておきましょう。
全部なんてとてもじゃないですが、網羅できませんので、おおまかに3種類!

■明朝体

長文を読んでも目が疲れてこないので、本文に適した書体としてよく使われる。

■ゴシック体

すぐ目に入ってきやすい、ことから見出しに適した書体。

■デザイン書体

デザインにあわせて選ぶことができる、少し癖のある書体。

今回のもっちょさんのロゴに使ったフォントは・・・
デザイン書体ですね。

上記の3種類を覚えておけば、あとは自分なりの調整ですね。

最後に僕なりのフォントの選び方を・・・

①まずはフォントの系統を選びます。
「欧文フォント」か「和文フォント」
「きれいめ(格調高い)」か「インパクト(親しみやすい)」

②次に選んだ系統から書体を選ぶ。
「ガチガチに真面目な感じ」か「かわいくてやらかい感じ」
 ( ヒラギノ〇〇、小塚〇〇など )

③そして、書体のウエイトを決めます。
「細め」か「太め」

④最後に文間の調整です。
「狭くする」か「広くする」

基本感覚で選んじゃってますね・・・笑
言語化してみたはいいけど、やっぱり感覚だわw

もっと勉強しないと・・・


sns_kakuyasu_banner
telmini cc58
The following two tabs change content below.
緒方勇祐

緒方勇祐

社畜の緒方。ナマステとも呼ばれます。 お金は稼ぎたいけど働きたくありません。管理者になりたかったけどなれませんでした。本能の赴くままに好きなことしか出来ません。ちょっとだけ人生に絶望しています。だけど楽しく生きています。本当は楽しく生きるだけじゃだめなの知ってます。でも楽しく生きてます。