その他

2023.12.14

レタースペーシングにこだわる

こんにちは。デザイナーのHandaです。

最近作ったデザインのフィードバックで「文字組みをもっと丁寧にこだわったほうがいい」と言われました。

実際にWEBデザイナーになって3年、コーディングのことを気遣って数値を綺麗にしてしまうことや、デザインツールがPhotoshopからFigmaになったことで、1文字1文字細かく調整するという細かなこだわりがなくなっていました。

とはいえデザインのクオリティをもっともっと上げていくために、少しずつ文字組に対する意識を取り戻しながら勉強することにしました。

まずはフィードバックで細かく指摘された「レタースペーシング(字詰め)」について学んでいこうと思います。

本を買ってみる

調べてみて評判の良さそうな書籍を購入しました。

こちらの本ではレタースペーシングの基礎中の基礎がわかります。

文字が並んだときにどうやって余白を見るべきなのか、バランスの良いときと悪いときでどのような見え方になるのかetc…

「今まで感覚的にやっていたけど正解かわからない」という私にはぴったりでした。

そもそも「レタースペーシングって何?」という方にもおすすめです。

ゲーム感覚で実践する

本を読んだらすぐに実践!と思っていましたが、やっぱり少し自信がないので、自分のおこなった調整を採点してくれるゲームで遊んでみることにしました。

https://type.method.ac/

画面に映った文字をドラッグで移動させて、スコア100点を目指します。

実際にいくつかやってみたところ、平均74点くらいだったので、100点を目指していきたいです。

こんな感じで、文字組みに対する意識を自分なりにあげていこうと思います!

この記事をシェアする

関連記事

  • 2024.03.22

    Webデザインにおけるアニメーションについて考えてみた〜実例編〜

    その他

  • 2024.03.12

    Webデザインにおけるアニメーションについて考えてみた〜メリット・デメリット編〜

    その他

  • 2024.02.02

    Webデザインにおけるアニメーションについて考えてみた〜目的編〜

    その他

おすすめ記事

  • 2021.01.30

    【JavaScript】複数の要素(divタグ、pタグなど)を取得して操作する方法

    その他

  • 2022.07.12

    【Web担当者必見!】Web制作でよく使う便利なサイト5選

    その他

  • 2021.03.14

    【勝手にWEBサイトレビュー#18】シンプルながら印象に残るイギリスの日本旅行企画会社のコーポレートサイト

    その他

TAG

×