書体づくりの舞台裏

今回は縦画・横画の太さによる視覚調整のポイントを紹介します。 今回の記事で紹介する縦画・横画は、「下ほど太く」「右ほど太く」というルールに沿って制作することが多い例です。これも前回記事の空き部分と同様で、人の目には上部が膨張して見えるためです。 横画の多い「圭」を例に挙げて紹介します。横画の太さや、横画の間の広さを均一にしてしまうと、上側の「土」の方が大きく見えてしまいます。 …

このシリーズでは、書体づくりの視覚調整について紹介します。 今回は「田」を例に紹介します。 書体づくりの大まかなルールとして、「下側を広く」「右側を広く」なるように調整します。これは、人の目には下部より上部の方が、右より左の方が膨張して見える錯視を考慮しています。 シンプルな構造の「田」で説明します。 「田」という漢字は左右対象な形をしていますが、見た時に同じ大きさに見えるよう…

スタッフブログ「TPの書庫から」ではおすすめの一冊を紹介していますが、タイププロジェクトの書庫にはたくさん蔵書があります。絶版で手に取りづらい本や、文字にまつわる本の多さに入社した当初驚きました。書体、書の本はもちろん、日本語、そのほか言語にまつわるもの、和歌など広く日本文化にまつわるもの、等々種類は多岐にわたります。 それらのほとんどは弊社の鈴木が集めた本で、読んだものは付箋…

電車の車内広告、本の表紙、商品のパッケージ、美術館のサイン、などなど挙げたらきりがないですがタイププロジェクトのフォントは至る所で見かけます。スタッフブログでも使用事例紹介の記事がありますが、見かけたときに社内で報告しあっています。 入社して間もない頃は、通勤中や出かけたとき目に入ってくる文字を見つつタイププロジェクトのフォントを意識的に探すようにしていました。最初は見分けるの…

前回は簡略化した赤入れとしてＷ－とＷ＋の紹介をしました。今回ももう少しアルファベットの赤入れを紹介していきます。 Ｓはサイズの意味で、Ｓ－なら「小さく」、Ｓ＋なら「大きく」という指示です。単純に拡大縮小すると筆画の太さもいっしょに変わってしまうので、太さは変えずに骨格を小さくしたり大きくしたりするようなイメージで修正します。 「医」は文字全体を小さくという指示です。四角い文字は…

タイププロジェクトでは、赤入れと修正を何度も繰り返してフォントの品質を高めていきます。今回からのシリーズでは、TPスカイファミリー制作時の資料からの赤入れをいくつか取り上げて、その指示内容を紹介していきます。 これは私が入社１年目の時、制作した漢字に先輩が赤入れをしてくれたものです。「紕」は偏と旁の間が狭いから糸偏の幅を狭くしてあいだを少し開けるように、「稱」は「冉」のカウンタ…

今回はタイププロジェクトのInstagramから文字の「点」を集めた投稿の紹介です。「点」は文字の中の小さな要素ですが、それでもきちんとその書体らしさが出ています。 あつめた「点」は以下の５種類です。 「活」の一画目 「ｊ」の点 「，」コンマ 「ぶ」の濁点 「ぷ」の半濁点 左は濱明朝 ディスプレイ H、右は金シャチフォント 姫 Bの点です。 濱明朝 ディスプレイはコンマの点から…

弊社の以前の作業環境では、元データにエラーのあるグリフを「目玉」と呼ばれるアイコンへ置き換えてフォントを出力する設定がありました。一つ目の黒い球体に無数の枝か触手のようなものが生えたなんとも禍々しい姿をしています。視線を落としているのかこちらを見下ろしているのかわかりませんが、私にはこれが物言いた気な表情に見えなくもないのです。このデザインは、私たちを激励するための開発エンジニ…

表示できないテキストがあるとき代わりに表示される白い四角、これを無くすための戦いは古くから続けられていますが、それでもご覧になったことのある方は多いかと思います。この白い四角は見かけが似ているため「豆腐」と呼ばれることがあります。フォントによって違うデザインを設定できるので白い四角ではないこともあります。 AXIS Fontの場合「豆腐」は白抜きの四角にバツ印のデザインですが、…

ビジネスチャットツール「Slack」では絵文字でのリアクション機能などがあり、デフォルトの絵文字に加えてカスタム絵文字を登録することができます。 「お願いします」「ありがとうございます」などのカスタム絵文字はちょっとした受け答えにも使えて便利です。しかし、小さな正方形にテキストを収めるため過度な長体変形がされているケースを目にします。そこで今回は、字幅のバリエーションが用意され…