この文字組み、どっちが正解？ベースライン調整のセンスを磨いておこう
1．電話番号のハイフンの天地に気をつける では、1問目から振り返っていきましょう。 1問目の解答は「B」でした。 AとBとの違いは、ハイフン（-）の上下の位置（天地）です 上記のAの作例では、ハイフン（-）が少し下がっていて、全体的にバランスが悪くなっています。 いっぽう、Bの作例ではハイフン（-）の位置がちょうど上下中央に来ているように見えます。 実は、普通に文字を打ったままだと、上記の「A」のようなハイフン（-）の位置になりがちです。 なぜそのような現象が起きるかを詳しく解説していきます。 詳しく解説していきます。 ハイフン（-）を使う際は、天地中央への配置を意識しよう ハイフン（-）の位置がおかしく見えてしまった原因は、欧文フォントならではの設計にあります。 それについて解説する前に、和文（日本語）フォントと欧文フォントとの違いについて取り上げます。 まず、和文フォントについてです。
なぜデザイナーは組版の専門家のいうことがわからなくなるのか｜井上のきあ
タイトルの主語が大きすぎて炎上しそうなので、まずはじめに、ここでいう「デザイナー」は、イラレ（Adobe Illustrator）あたりからデザインを始めた、グラフィック寄りのデザイナー（縦組み長文などをやったことがない）のことを指します。 Illustratorでの操作を前提として説明します。図の原稿用紙のマス目も、Illustratorでつくったものです。InDesignは出てきません。 自分の経験を振り返って書いています。独学でやってるひとが迷い込みやすいルートなんじゃないかと思うので、何か理解の手がかりになるかもと。もし、そういう系のデザイナーだけど専門家の言うことはちゃんとわかるよ、っていう方いらしたらスルーしてくださいね。 ※用語の定義は、いちおうJIS規格（「JIS Z8123 印刷技術用語」など）に揃えています。ひとによって定義が違ってたりするので… その1：字間は詰めるの
じわる人気「百千鳥」フォント、ヒントは昭和の描き文字文化 | Forbes JAPAN 公式サイト（フォーブス ジャパン）
小鳥の登場とともに、懐かしさを感じるフォントが自由自在に形を変える。その動画（下部video参照）はじわじわと拡散され、SNSなどで見た人も多いのではないか。 アドビは2月13日、バリアブル・フォント「百千鳥」のリリースを開始した。バリアブルとは、可変、つまり大きさや縦横比、線の太さなどを自然かつ美しく自由に変えることができる可変型の文字のことで、欧文フォントではすでにいくつか存在するものの、日本語の縦横比と太さの2軸のバリアブルフォントとしてはこの百千鳥が初となる。 製作したのは、アドビのタイプデザイナー西塚涼子。フォント「界隈」でその名を知らない人はいないというほどの卓越したデザイナーだ。 映像作家の中村優吾率いるTHA LTD.が手がけた動画。百千鳥の可変する様子が分かりやすい。 今回、西塚に百千鳥誕生の話を聞く機会を得た。今の時代、フォントはクリエイティブ職の人たちのものだけではな
ベタ組とツメ組。日本語の文字の並べ方を押さえよう｜モリサワ note編集部
みなさんは日本語の文字の並べ方に「ベタ組」「ツメ組」という言葉があることをご存じでしょうか？ 実は日本語の文章は、読み手を意識して読みやすい間隔で文字が並べられています。 今回はそんな日本語の文字の並べ方をご紹介します。 ベタ組とツメ組「ベタ」という言葉の意味は「隙間なく物が並んでいること」だそうです。そういえば印刷用の絵や漫画の黒一色で隙間なく塗った部分を「ベタ」とも言っていますね。他にも「ベタ」は建築業界の⽤語にもあるようです。 まずは日本語組版にもある「ベタ」を説明する前に、文字の設計についてお話しします。 日本語で使われる漢字やひらがな、カタカナは一般的に正方形に収まるように設計されており、この正方形に相当するところを「仮想ボディ」と呼んでいます。そして「仮想ボディ」の中に実際の文字部分である「字面」が収まっています。 仮想ボディと字面。pt? 級? 号? 文字に関する単位の話より
ウェブサイト制作では、游ゴシックはおすすめしない理由
こんにちは、こんばんは！せきゆおう です。 游ゴシックは好きですか？僕も印刷物では使いますが、ウェブサイトでは「游ゴシックを使ってください」と指示されるまでは使いません。 また、そう指示された場合もデメリットは必ずお伝えするようにしています。 「游ゴシックってMacでもWindowsでも標準でインストールされているし、デバイスフォントとして使う際に最有力候補では？」という方も多いです。それでも僕は推奨しません。 その理由は4つあります。 ・游ゴシックはWindowsでかすれて見える ・スマホ端末に游ゴシックは搭載されていない ・実はMacOSで游ゴシックは標準では搭載されていない ・今後、システムフォントとして使えないブラウザが増える それら4つの理由を参考資料を交えつつ解説したいと思います。 その前に...游ゴシックの採用率は非常に高い！ウェブ制作会社ICSの池田さんが2023年4月20
京都市のふるさと納税に「ヒラギノフォント」登場 6書体12フォントの永年ライセンス
SCREENグラフィックソリューションズは9月4日、京都市のふるさと納税返礼品として「ふるさと納税パック ヒラギノ基本6書体」を登録したと発表した。寄付金額は6万円で、寄付完了から1～2週間以内に発送するという。 macOSの標準フォントになっている「ヒラギノ角ゴシック体 W3/W6/W8」「ヒラギノ丸ゴシック体 W4」「ヒラギノ明朝体 W3/W6」の6書体12フォントをCD-Rに収録した。フォーマットはOpenTypeで、JIS2004字形対応版フォントに加え、従来版のJIS90字形対応版フォントも同梱。 JIS2004字形対応版フォントは、異体字の相互運用を目的としたIVSにも対応する。 同社は「高品質で視認性が高く、ウエイト（太さ）の使い分けも可能なため、ビジネス文書やプレゼンテーション、店頭POPなど、幅広い場面で活用できる」と説明している。 ヒラギノフォントは、SCREENグラフ
朗報！ Adobe Fontsの日本語フォントがついに600種類超えに、使用できる日本語書体一覧のPDF 2022年最新版
Adobe Fontsは2022年4月のアップデートに加え、10月にもアップデートされ、使用できる日本語フォントがついに600種類を超えました。それに伴い、Adobe Fontsの日本語書体一覧のPDFがアップデートされたので、紹介します。 PDFにはAdobe Fontsで利用できる日本語フォントすべてが一覧できます。デザインで使いたい日本語フォントが一覧できるので、ダウンロードしておくと便利です。 Adobe Fonts日本語書体一覧のPDF 2022年10月版 Adobe Fonts日本語書体一覧のPDF 2022年最新版 Adobe Fonts日本語書体一覧のPDFのダウンロード Adobe Fontsに追加された新しいフォント Adobe Fonts日本語書体一覧のPDF 2022年最新版 「Adobe Fonts日本語書体一覧」のPDFには、新しく追加されたフォントだけでなく、
「BIZ UD」ベースの開発者向けカスタムフォント「UDEV Gothic」がさっそく登場【4月18日追記】／全角空白の可視化やリガチャにも対応。4月16日には初メジャーバージョンのv1.0.0が公開
PlemolJPか、それ以外か – プログラミング用フォント徹底比較！
2021年7月24日。IBMから『IBM Plex Sans JP』がリリースされました。 「だから？」と思われた方、罰としてこのまま長い序文をお読みください。それ以外の方は次の見出しでお会いしましょう。 以前の記事でもお話ししましたが、これまでにリリースされてきた日本語対応のプログラミング用フリーフォントは、一部を除いて『源ノ角ゴシック』と『M+』という2つのフォントから派生したもの。 なぜ他のフォントが使われないのか。それは選択肢が無いからです。この2つ以外で、 漢字を網羅しクオリティが高くライセンスフリーで使えるそんな都合の良いフォントはほぼありませんでした。あるとすればそれは、漢字を含まないフォントのみ。 ここに加わってきたのが『Plex Sans JP』という新たな選択肢です。 日常使いできる安定感、多彩なウェイト (太さ) 、そして商用利用可能なフリーフォントであるという大きな
今さら聞けないWebフォントの基礎知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの花ちゃんです！ デザインをするとき、どのようなフォントを使えば、そのサービスや商品、あるいは企業のイメージがより魅力的に伝わるのかを考えますよね。それはもちろん、Webサイトのデザインでも同じだと思います。 私もWebデザインを始めたばかりの頃は、フォントにずいぶん悩まされました。Webフォント？ デバイスフォント？ なんで端末によって表示されているフォントが違うの！？ と大混乱したのを覚えています。 仕組みや特徴を知っていれば、フォントを選ぶうえでの一つの基準になります。 今回はデザイナーが知っておきたい、Webフォントの基礎知識をまとめてみました！ それぞれのWebサイトの目的に合った、フォント選びをしたいですね。 よく聞く「Webフォント」ってそもそもなに？ 今や当たり前のWebフォントですが、少しおさらいをしたいと思います。 Webフォントとは、あらかじめサ
デザインのスキルが確実に身につく良書！字詰めのやり方を日本人タイプデザイナーが徹底解説 -タイポグラフィにおける文字間調整の考え方
デザインのスキルを身につけたいと思った時に文字のデザイン、字詰めをあげるデザイナーは少なくないと思います。文字は、ロゴ、コピー、タイトル、見出し、本文のクオリティに影響を与える重要なデザイン要素です。 字詰めは感覚的な表現で解説されることが多いですが、本書では論理的に分かりやすく解説されており、デザイナーが直面する字詰めの疑問にフォーカスがあてられた非常に実践的な解説書です。欧文だけでなく、和文の横書き、和文の縦書き、そしてロゴについても詳しくていねいに解説された一冊です。 本書は本日発売！🎉 フォント・文字のデザインに携わるすべての人にお勧めです。特に今までのデザイン書や解説書を読んでみても、なんだかもやもやしていた人には本書の論理的な解説がぴったりはまると思います。 装丁も非常に巧みで、電子版より絶対的に書籍版がオススメです！ 手にしたときにワクワクを感じられると思います。
写研アーカイブ
写研の書体 写研がこれまでに発表・発売した書体をご覧いただけます。手動写植にしかない書体をのぞき、書体見本は電算写植で作成されています。そのため、同名の書体でも手動写植とは一部の文字のかたちが異なることがあります。書体の名称および文字盤コードは発売時期により変更されていることがありますが、ここではその書体の最終的な情報で掲載しています。 写研の歴史 –1950 石井茂吉と写真植字 1951–1972 写研の誕生 1973–1992 華ひらく、日本語書体 1993– 電算写植の完成、そして未来へ 写真植字 写真の原理を応用して、ネガ状の文字盤から1文字ずつ印字する手動写真植字機、入力データに基づいた自動印字を可能にした自動写真植字機、そしてコンピュータによるレイアウトと文字の出力を可能にした電算写植。写真植字を3つのカテゴリに分類し、そのしくみと写研の代表機種を紹介します。 資料 書籍 見本
Adobe Fonts日本語書体全436フォントの一覧PDF、2021年9月に提供停止になるフォントと追加されるフォント
Adobe Fontsユーザーに、悲報と朗報です。 2021年9月10日にAdobe Fontsのアップデートが予定されており、一部のMorisawaフォントが使用できなくなります。朗報としては、同時にMorisawaフォントが新たに追加されます。 Adobe Fontsで使用できる日本語フォントが一覧できるPDFが、Adobeから配布されているので紹介します。現在使用できる日本語フォント436種類の書体見本がまとめられており、削除予定のフォントも明記されています。 Adobe Fonts日本語書体一覧PDF 2021年9月10日に使用できなくなるフォント 2021年9月10日に新たに追加されるフォント Adobe Fonts日本語書体一覧PDF まずは、Adobe Fonts日本語書体一覧PDFのダウンロード方法から。 下記ページにアクセスして、ページの中ほど「こちらからDL」からPDF
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レトロな看板の注意書きのフォント「機械彫刻用標準書体」って知ってますか？無料でダウンロードできてずっと遊んでる。
ゴシック体の素晴らしい世界が広がる！ 商用利用無料、可読性に優れたフリーフォント「永代ゴシック」がリリース
ネットマネーラボ
『日本人にだけ意味がわからない』海外でみかけた謎の日本語風フォント使用例、わかってても難読！
https://www.codingfont.com/
https://photoshopvip.net/131206
欧文フォントは歴史と紐づけるとまじでわかりやすい｜ありさん
