普段デザインをしない人、デザインが苦手な人でもできる、かんたんな小技「単位を小さくする」を紹介します。
ちょっとのひと手間で、見やすさはもちろん、受け手が求める数字がぱっと目に入りやすくなる手法です。ぜひ試してみてください。
どんなときに使える？
単位が含まれる文字列が出てきたら、使ってみてください。例えば次のようなものです。
- 円 ／ ¥ ／yen
- g（グラム）／ mm（ミリ）
- ％
- 年月日
- 位 など
どうして単位を小さくする必要があるの？
見る人（受け手）が求める情報を、すばやく見つけられるようにしてあげるためです。
例えば、スーパーのチラシなら値段を、イベント案内なら開催日時が気になるはずですよね。
値段や開催日時の数字さえ書かれていれば、単位は図や文脈からだいたい想像がつくものです。
それならば、重要度の低い「単位」は、「数字」を強調させるための引き立て役に回らせましょう！
やり方をおしえて！
やり方説明を、短いアニメーションでつくってみました。ぜひご参考ください！
※スマホの場合、動かない場合があります…<(_ _)>
それでは、手順ごとに解説していきます。
まずは、打ちっぱなしの文字列を準備します。
単位を小さくします。元の文字より2/3～1/2くらいのサイズにすると、単位の存在感を残しつつも、数字を引き立てることができます。曜日も小さくしてメリハリをつけます。
単位を小さくすることによってできた「すき間」を詰めます。ちょっとセンスが要る作業ですが、自分が読みやすいと思える間隔であればOK。気にしないで！
太字にしたり、色をつけて、さらに強調するとより目に入りやすくなります。
他の単位も同様の手順です！
注意点ですが、単位をただ小さくするだけだと、小さくした部分だけ浮いてしまって不自然になってしまいます。
そのため、単位を小さくした後は、ベースライン（文字列の一番下のライン）に合わせることも忘れずにやってくださいね！単位をベースラインに着地させてあげましょう。
他にも、単位を小さくした例を作ってみましたので、参考にしてみてください。
▼ 打ちっぱなしよりも、断然、情報が伝わりやすくなっていませんか…？
さいごに
「単位を小さくする」という小技をご紹介しましたが、これは文字組みというデザインの基本手法で、そのうちの一つです。
日本語の文章は、漢字やひらがな・英数字・記号などを使うので、打ちっぱなしの状態だとアンバランスになりやすく、文字組みにも労力が要ります。。
これをプラスにとらえると、ちょっとでも文字組みに力を入れれば、周りと差がつく読みやすい文章（見るように読める！）をつくることができる、とも言えます。
文字組みの第一歩として、まずは今回ご紹介したことを、いろいろな場面でぜひ使ってみてください＾＾
この記事で使用した素材
- アイコン：Cat 5｜iconmonstr
- 挿絵：unDraw
※素材を使用する際は、素材配布サイトの利用規約をよく読み、ルールを守って使用しましょう！
お探しの疑問は解決できましたか？
解決できた記事には、ぜひハート💖をクリックして応援いただけるとうれしいです！
