6
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Ceresクリエイティブ Advent Calendar 2017

Day 7

簡略Typography

Last updated at Posted at 2017-12-06

ほんの少しの調節で文字は生き生きする

バナーデザインで使う見出し文字装飾、悩みますよね。
目立たせたいけど派手にし過ぎるのは嫌だな…あと時間もかけられない…そんなときに私がよく使う**「簡単なのにオシャレ・目を引くリズムを使った見出し文字装飾方法」**をまとめてみました。
ネタが尽きてしまった時に思い出して、参考にして頂ければ幸いです!

文字装飾の基本はリズム

ごちゃごちゃとレイヤースタイルで弄らなくても、オシャレで目立つ見出しデザインはリズムで作れます。基本の文字の動かし方を覚えて、部分部分で組み合わせる事で見出しを作っていきましょう。

6d6e5a5f-2b42-07b0-b15c-0e58f1c9b55c.png
今回はこれを例にリズムをつけていきます。


①文字のアウトラインをずらす
93d9233c-c864-b508-ced8-1814229dd4ab.png


②文字の大小を変化させる
2993c2db-1ae1-d8f2-454a-36f6317b028a.png


③文字の一部のウェイトを変える
2bcce889-2ed0-a47e-8129-8dad447a525a.png


④文字の一部に装飾をつける
115db8c6-d2e7-8e53-7cd2-e5a928ac1ed9.png


⑤文字の一部のフォントを変更する
876e5262-d392-4929-450c-34bb30fcf86e.png


⑥文字同士をたっぷり離す
3522653c-6672-6a53-2db1-b0fd918a4a4d.png


⑦文字をグリッドで揃える
0d85f3e7-c3cf-514d-41c9-cdc96103fea3.png


⑧文字の一部に色をつける
e6ceede2-ec0f-85f1-3b8b-bf6ede9b03e8.png


基本な文字の動かし方を複数組み合わせる事で、このような見出し文字を作る事ができます。
(②、⑤、⑦、⑧を使用しました)
753e99c5-91ca-43a4-2295-5b43f0b8136e.png

時間がなくてもそれなりに美しいタイポグラフィは作れる

いかがだったでしょうか?考え出すと止まらない文字装飾の世界、凝るならどこまででも凝ることができますが、いつもいつも時間がある訳ではないのが辛いところですね。
コスパの良い装飾方法を覚えて、貴重な製作時間を有効に使っていきましょう!

6
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?