日本一2冠・卒業生4,000名のスクール監修 ▶︎ WEBデザイナーになる方法を無料公開中

LESSON16 プロっぽく見せる 文字テク10選

この20レッスンは、

✅テキスト
✅音声

で学べるようになっています!

そしてぜひ見ていただいて、
アウトプットもしていただけたら、
より身につくと思います!

━━━━━━━━━━━━━━━━
音声はこちらから🔻(家事しながらでもOK)
https://gift.japan-design.jp/audio/CZNcUSNJfBfo
━━━━━━━━━━━━━━━━

LESSON15では、配色ルールについてお伝えしましたね。

今回は文字の話です。
同じ内容でも、文字の見せ方ひとつでデザインの印象がガラッと変わります。

「なんかプロっぽい」と感じさせる文字テクを10個、お伝えします。

フォントの基本:明朝体とゴシック体

まず知っておきたいのが、フォントの2大ジャンルです。

明朝体は、文字の端に「うろこ」と呼ばれる小さな装飾があるフォント。
上品で落ち着いた印象を与えます。
高級感のある商品や、丁寧な文章向きですよね。

ゴシック体は、線の太さが均一なシンプルなフォント。
読みやすく、現代的でフラットな印象です。
WEBデザインではゴシック体が多用されます。

この2種類の使い分けだけでも、デザインの方向性がかなり決まります。

文字テク10選

① メインのフォントは1〜2種類に絞る
多くの種類を混ぜると散らかった印象に。1〜2種類で統一すると洗練されます。

② ジャンプ率を上げる
ジャンプ率とは、大きい文字と小さい文字のサイズ差のこと。
重要なコピーを大きく、補足を小さくすることで、メリハリが生まれます。
「全部同じサイズ」はプロっぽさがなくなります。

③ 行間を広めに取る
行間が詰まっていると読みにくく、素人っぽい印象に。
少し広めに設定するだけで、スッキリして読みやすくなります。

④ 文字間隔(カーニング)を整える
文字と文字の間が不均等だと違和感が出ます。
タイトルなど目立つ文字は特に、間隔を整えましょう。

⑤ フォントと色でイメージを作る
ゴシック体に黒なら力強さ、ゴシック体にピンクなら可愛さ、明朝体に落ち着いたゴールドなら高級感。
フォント×色の組み合わせで、狙うイメージをコントロールできます。

⑥ 目立たせたい文字だけ太くする
全文を太くするのではなく、一番伝えたいキーワードだけ太くします。
視線が自然にそこへ集まるようになります。

⑦ 装飾は控えめに
影や縁取りなどの文字装飾は、やりすぎると素人っぽくなりがちです。
使う場合は1種類だけ、さりげなく使うのがポイントです。

⑧ 文字を写真に重ねるときは背景に気をつける
写真の上に白い文字を置くと読めないことがあります。
文字の下に半透明の帯を入れる、写真を少し暗くするなどの工夫で読みやすくなります。

⑨ 縦書きと横書きを混ぜてメリハリを出す
縦書きのキャッチコピーと横書きの本文を組み合わせると、デザインに動きが出ます。

⑩ フォントを「雰囲気」で選ぶ
手書き風フォントは温もりや親しみ、細いフォントはスタイリッシュさ、太いフォントは力強さ。
デザインのターゲットと雰囲気が合うフォントを選ぶことが大切です。

色と文字の組み合わせが、デザインを決める

LESSON15の配色ルールと、今回の文字テクを組み合わせると、
デザインのクオリティが大きく上がります。

色と文字、この2つを意識するだけで「なんかプロっぽい」という印象が作れますよ。
あとは練習あるのみですね。

次のLESSON17では、「リアルな戦略を暴露 月200万円までの道」をお伝えしますね。

実際に月200万円を達成した卒業生のストーリーから、リアルな道筋を学んでいきます。

続きのLESSON17は、下の画像をタップして進んでください。

▼今までのレッスンはこちら
LESSON01:[未経験でも収益化できるWEBデザイナーの仕事]
LESSON02:[9割が遠回りしているデザイン習得最短ルート]
LESSON03:[プログラミング不要・案件が取れる人の共通点]
LESSON04:[45日でプロ水準に到達する学習ロードマップ]
LESSON05:[センスより大切な〇〇力を暴露]
LESSON06:[絵が描けなくてもデザインで稼げる理由]
LESSON07:[未経験からわずか〇〇日で案件獲得のウラ側]
LESSON08:[バナーってどうやって作る?売れるバナーの設計図]
LESSON09:[20連敗から逆転内定 ポートフォリオ戦略]
LESSON10:[年収7桁も叶う!? 作品別の単価一覧]
LESSON11:[WEBデザイナーの将来性 消える人と残る人]
LESSON12:[売れ続ける人の 営業しない受注法]
LESSON13:[初心者でも失敗しない PC選び方完全ガイド]
LESSON14:[9割が勘違いしている 稼げる人の共通点]
LESSON15:[素人っぽさが一瞬で消える 配色ルール]