初心者でもできる!文字を工夫してデザイン性の高い画像を作るコツ

Web Design column

文字を工夫してデザイン性の高い画像を作ってみよう

ブログやホームページを作ったはいいものの、デザイン性が乏しくなんだかぱっとしないと思うことはありませんか?自分のブログを読んでもらうにはデザイン性をよくすることは必須ですよね。ブログで使うアイキャッチ画像、ヘッダー画像、バナーなどは文字を少し工夫するだけでデザイン性の高い画像を簡単に作ることができます。

この記事はこんな人におすすめ

・ブログやホームページをもっとおしゃれにしたい人
・インスタで情報発信するための画像を工夫したい人
・おしゃれな広告バナーを作りたい人

YUKI
YUKI

それでは早速、デザイン性を高めるポイントを見ていきましょう!

ポイント①先頭の文字を大きくしてみる

先頭の文字を大きくするだけでインパクトのあるデザインになります。
見出しなどに使うとより強調されて分かりやすくなります。

ポイント②文字のフォントを変てみる

フォントによって文字の表情が変わってきます。
ここに並べた5つの「おはようございます」だけでも話している人が全く違う人のように感じますよね。

ポイント③文字間を調整する、斜めにしてみる

文字間の調整はデザインを整える上でよく使います。文字間を広げるとゆっくり話しているようなイメージを持ちます。また、大きな文字にすることで大声で話しているようなイメージになります。文字に角度をつけて動きを出すのもおすすめです。

タイトルは文字間を広くとると分かりやすくなります。

ポイント④境界線をつけてみる

境界線をつけることで背景との差をつけることができます。背景と文字色が同系色だと読みづらいですが、境界線をつけることで一気に読みやすくなります。

ポイント⑤強調したい文字に枠をつけてみる

文字を大きくするだけでは物足りないときに、文字に色付き枠をつけることで更に強調することができます。

ポイント⑥文字をラウンドさせてみる

文字をラウンドさせるだけで一気におしゃれな印象になります。ラウンドの角度や文字の大きさを調整してみましょう。

まとめ

上に出した例のように、デザインで相手に伝わるイメージは大きく変わってきます。同じ文章でもデザインが違うだけで情報の伝わり方が違うのですね。自分が何を伝えたいのか、相手にどのようなイメージを抱いてほしいのかをデザインする前にノートに書き出してみるのも1つの方法です。いきなり良いデザインを作ろうとするのは難しいので、一旦頭の中を整理するところから始めてみるといいですよ。

この記事を書いた人
Web Designer | YUKI

一児の母/Webデザイナー
出産後、未経験からWebデザインを学び、フリーランスWebデザイナーとして活動中。
結婚や出産で環境が変わっても、女性が自分らしく輝けるようにデザインを通してサポート。
ホームページやSNSで使用する画像/ロゴ/名刺 など制作しています。
ご依頼・お問い合わせはポートフォリオサイトをご確認ください。

Web Design column
スポンサーリンク
formom design blog
タイトルとURLをコピーしました