その他

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デザインにおけるアニメーションについて考えてみた〜メリット・デメリット編〜

    その他

  • 2023.12.30

    案件を切り替える拡張機能「Project Manager」が便利!

    その他

おすすめ記事

  • 2021.07.02

    【サイトレビュー#46】遊び心満載の電車にまつわる安全を学べるサイト

    その他

  • 2021.01.06

    リストで使うタグ(ul・ol・dl)の違いとは?

    その他

  • 2021.11.12

    【コピペOK】JavaScriptとCSSでタイピングアニメーションを実装

    その他

TAG

×