タイポグラフィ7つのルール その6-3 文字組みを見やすくする［行頭・行末・分離禁則］、しかし…
▼第3回（通算第20回） 前回は、美しい紙面を作るための代表的な8つの文字組み推奨事項を、詳細にお話ししました。かなり長い説明になってしまいましたが、いかがでしたか？ 今回は、以下のタイトルの通り、一筋縄でいかない和文組版について、さまざまな角度から検証していきます。 6.4 一筋縄でいかない和文組版和文の文章組みには［エリア内文字入力］で［均等配置（最終行左揃え）］にすることが大前提であることは、前項までで何度もふれてきました。そして、この［エリア内］で文章を編集するには、［禁則処理］と［文字組み］方法を知らなくてはなりません。 Adobe Illustrator では、［段落］の中に［禁則処理］と［文字組み］の項目があります。 ウィンドウ＞書式＞段落 （figure6-10） 6.4.1 ●行頭や行末のルールなどを定めた［禁則処理］［禁則処理］は、本来、前項の “6.3 美しい紙面を作
Webフォントの表示を最適化するテクニック
Webページに表示するフォントは通常、システムフォントとWebフォントの2種類があります。システムフォントはOSにインストールされているフォントで、Webフォントは表示用にフォントファイルを用意する必要があります。 WebフォントはさまざまなフォントをWebページに使用できるというメリットがありますが、パフォーマンス面でシステムフォントに劣るので使用を控えている人もいるかもしれません。Webフォントのフォントファイルを調整し、読み込みを最適化し、最大速度と最小のFOUTを実現するテクニックを紹介します。 5 steps to faster web fonts by Iain Bean 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. Webフォントには最新のファイルフォーマットを使用する 2. font-displ
Fontjoy - Generate font pairings in one click
Click (Generate) to create a new font pairing, (Lock) to lock fonts that you want to keep, and (Edit) to choose a font manually. The text is editable, try replacing it with your company name or other copy. The goal of font pairing is to select fonts that share an overarching theme yet have a pleasing contrast. Which fonts work together is largely a matter of intuition, but we approach this problem
モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現 | さくらインターネット
モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現 〜WordPressで簡単に利用でき、SEOやユニバーサルデザインへの配慮を支援〜 デジタルフォントや組版用ソフトウェアの開発を行う株式会社モリサワ（本社：大阪市浪速区、代表取締役社長：森澤 彰彦）と、自社運営のデータセンターでインターネットインフラサービスを提供するさくらインターネット株式会社（本社：大阪市中央区、代表取締役社長：田中 邦裕）が協業し、「さくらのレンタルサーバ」利用者に向け、モリサワのWebフォント提供を開始いたします。また、Web制作者を対象としたイベントを7月27日（水）に開催いたします。 モリサワとさくらインターネットのコラボレーションにより、「さくらのレンタルサーバ」にてWordPressをご利用いただく際、モリサワのWebフォントサービス「TypeSquare」で提供中の書体の中から、30
手動でベタ組みの調整をしてみる: ほぼ文字についてだけのブログ（tonan's blog改）
トナン・大熊肇の（ほぼ文字についての）覚え書きです。 充分に検証していないこともありますので、眉につばをつけてご覧ください。 連絡先：hajimeアットマークtonan.jp（「アットマーク」を「@」に変えてください） 『文字の骨組み』2刷の間違いとご指摘 『文字の骨組み』初刷の間違いとご指摘 『文字の組み方』訂正箇所 手動でベタ組みの調整をしてみます。 金属活字の組版で、どのように調整していたかを追体験してみようという試みです。 なぜこんなことをするのかというと、アプリケーションの設定に役立つと考えたからです。 おかしなところがあったらご教示ください。 ではやってみましょう。 文字サイズは24級です。 24級で本文を組むことはまずないとおもいますが、小さいとわかりにくいので大きくしました。 それと24は8で割り切れるので都合がよいのです。 金属活字の組版の追体験といいながら、写真植字の単
Apple の新フォント San Francisco の秘密
iOS 9 が一般公開されました。気づきにくいところですが、実はこの iOS 9 から、システムフォントが Helvetica Neue から、Apple が新たに開発した San Francisco フォントに変更されています。 San Francisco は Apple Watch のシステムフォントとして既に採用されていましたが、Apple Watch にとどまらず、iOS 9 や次期 Mac OS X “El Capitan” のシステムフォントとしても使われるようになります。 Apple WatchApple は、初代 iPhone からずっと、iOS のシステムフォントとしては Helvetica を採用してきました。また、Mac OS X でも 10.10 Yosemite からは、それまで使用していた Lucida Grande から Helvetica へと変更しています
ニューヨーク・グランドセントラル駅の１００周年ロゴ | デザインの現場 小林章の「タイプディレクターの眼」
東京駅は百周年だそうですが、昨年百周年を迎えた姉妹駅のニューヨーク・グランドセントラル駅の記念ロゴ（こちら）がかっこいい。 デザインはペンタグラムのマイケル・ビェルートのチームだそうです。マイケル・ビェルートさんといえば、あの映画『ヘルベチカ』でインタビューに答えていた人だ。コカコーラの広告のキャッチフレーズに使われたヘルベチカの例で、書体の持つチカラを見事に解説していた。 たぶんロゴもそうだけど、招待状に使われているのは Avenir Next （アベニール・ネクスト）です。 百周年記念ロゴは大文字でゆったりと組んである。その「100 YEARS」部分に近づけるように Avenir Next を使って色もそれっぽく組んでみました。ぴったり同じかどうかはともかく。 その「００」の部分に注目です。 これは数字ゼロでなく、大文字オーです。でも、ぱっと見せられて、十人中十人が「百」のことだと思う
Êé·¨×Öµä²éѯ
¡¡¡¡ÖйúÊé·¨£¬ÊÇÖйúÎÄ×ÖÌØÓеÄÒÕÊõÐÎʽ£¬ÊǼ¸Ç§ÄêÀ´Öð½¥»ýÀÛµÄÒ»ÖÖ´«Í³ÒÕÊõ¡£ ¡¡¡¡ºº×ÖÊǺºÎÄ»¯È¦Ëù¹ã·ºÊ¹ÓõÄÎÄ×Ö£¬ÊôÓÚ±íÒâÎÄ×ֵĴÊËØÒô½ÚÎÄ×Ö£¬ÎªÉϹÅʱ´úµÄ»ªÏÄ×åÈËËù·¢Ã÷´´ÖÆ£¬´Ë¿É×·ËÝÖÁÔ¼¹«ÔªÇ°1300ÄêÉ̳¯µÄ¼×¹ÇÎÄ£¬´Ëºó¾ÓÉÇس¯Ð¡×£¬ÖÁÌƳ¯½ø»¯ÎªÊ¹ÓÃÖÁ½ñµÄ±ê×¼×ÖÌå--¿¬Êé¡£ºº×ÖÊÇÆù½ñΪֹÁ¬ÐøʹÓÃʱ¼ä×µÄÎÄ×Ö£¬Ò²ÊÇÉϹÅʱÆÚ¸÷´óÎÄ×ÖÌåϵÖÐΨһ´«³ÐÖÁ½ñµÄÎÄ×Ö¡£ ¡¡¡¡ÖйúÊé·¨µÄÎåÖÖÖ÷ÒªÊé·¨×ÖÌåΪ£º¿¬ÊéÌ壨°üº¬Îº±®
文末のquatationの使い方について疑問があるのですが・・・
私もあまり自信がもてなかったので、いろいろ調べてみました。結論はかなり複雑です。 質問者のおっしゃるように、ピリオドの位置を場合によって変えるのを「使い分け方式」、ＮＨＫのテキストのように、ピリオドをつねにquotation mark の内に入れるのを「一律方式」と呼ぶことにします。 一つの回答は、 「「使い分け方式」はイギリスで行われる方式、「一律方式」はアメリカの方式で、どちらも正しい」というものです。 これについては、参考URLの説明をご覧下さい。 しかし、実際に出版されている本を調べてみると、この回答が正しいとは必ずしもいえないようです。 たしかに Oxford 大学出版局を初めとして、Blackwell、Duckworth など、いくつかのイギリスの出版社の本では おおむね「使い分け方式」を採用しています。 しかし、これらの出版社の本は、同時に、quotation mark とし
【たのしい組版】ベタ組み基本ルールの総まとめ──ルールを知って、ときに破る！ | 読みやすさの科学 | NEXT TO NORMAL
前回までの記事で、日本語組版のおおまかな歴史と、それを支える書体（主として明朝体）について、おおよその説明が済みました。次はオルタナティブとしての新しい日本語組版について考えていこうと思うのですが、その前に、あらためて日本語組版におけるベタ組みについておさらいしてみようと思います。 あらためてベタ組みとは まず「ベタ組み」そのものについて。ベタ組みとは、隣り合う活字のボディ間に隙間がないことです。文字ではなく、あくまで文字の器である正方形のボディの間に隙間がない、です。文字同士の間に隙間がないと、文字は互いに接触し干渉し、意味理解を妨げることになってしまいますよね。 このボディが正方形であることで、日本語は縦にも横にも組むことが可能になっています。また正方形のなかに収めるために、本来矩形とは無関係に記されてきた仮名文字が、そのデザインを正方形に最適化されてきたことは、前回の記事でも述べた通
Didot と Bodoni の共演 | デザインの現場 小林章の「タイプディレクターの眼」
ドイツのタイポグラフィ関係の出版物でかなりの位置を占めている出版社 Hermann Schmidt Mainz の最近のカタログ。 これは開いたところ。 日本でだけ言われている都市伝説「Didot はフランスの書体、 Bodoni はイタリアの書体であって、使う国を間違えると大変なことになる」を軽くふっとばすように、Didot と Bodoni を混ぜて使ってます。 目的は、見出し数行の全体の濃度やヘアライン（細い線）の太さを揃えることにあったんだと思います。 見出しの文章で使う Bodoni Bold Italic を拡大してイニシャルに使うと、確実にヘアラインが太くなってもっさりした感じになる。だから、元々ヘアラインが極端に細くて大きく使ってもシャープさを保てる Linotype Didot Headline Roman を使ったんじゃないか。 日本の都市伝説は、書体選びは出自が大事、
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
フォントがもっと分かる！欧文フォントの名前に付いているアレの正体とは？
普段使っているフォントにはフォント名のほかに、MT、Std、OsF、CEなど見慣れない省略文字が付いていることがあります。その正体とは一体何なのでしょうか？個人的に気になったものを中心に詳しく調べてみました。 多くの場合はフォントブランド名や太さ・スタイルを示す 有名・定番フォントはライセンスの関係上、様々なフォントブランドが同じ名前の書体のフォントをリリースしているため、区別するために省略文字が付けられていることがあります。頭についたり後ろについたりします。 割とよく見かけるブランドだと、FF=FontFont、BT=Bitstream、MT=Monotype、ITC=International Typeface Coprporationでしょうか。皆さんのパソコンにインストールされているフォントにも多く見つかるはずです。最近はあまり見かけなくなりましたが、LT=Linotype、A=A
[iPad] 言葉のデザイン 2010 オンスクリーン・タイポグラフィを考える: ウェブ文字を考える一冊 | AppBank
こんにちは、KiDDです。 ウェブ環境における文字やフォントのデザインを考える研究会の記録を掲載した本、言葉のデザイン 2010 オンスクリーン・タイポグラフィを考えるを紹介します。 言葉のデザイン 2010 オンスクリーン・タイポグラフィを考えるは、2010年5月28日から2011年6月1日まで約1年間かけて行われた全8回の研究会を記録したもの。グラフィックデザイナーの原研哉さんと永原康史さんが発起人となり、さまざまな講演者を呼んで「ウェブ環境における日本のタイポグラフィの品質」について議論を深め合ったそうです。 約1年間におよぶ研究会の記録が読めます。 「オンスクリーン」とは「ディスプレイ上」のこと。 ページは下にスライドして読みすすめていきます。 右上のボタンからサムネイル一覧を表示すると1ページごとの長さが分かりやすいですね。 目次一覧です。 もちろんメニューから各ページにジャンプ
![[iPad] 言葉のデザイン 2010 オンスクリーン・タイポグラフィを考える: ウェブ文字を考える一冊 | AppBank](https://cdn-ak-scissors.b.st-hatena.com/image/square/1e24c40b8b1df3a5544ac6006c5e5bb49e58c16d/height=288;version=1;width=512/https%3A%2F%2Fwww.appbank.net%2Fwp-content%2Fuploads%2F2011%2F10%2Fmzm.krocekmf.png)
組版を見る目を鍛えよう - JAGAT
編集者および編集者教育、日本語組版の標準化活動に関わってきた立場から、日本語組版について記すことにしよう。 はじめに 組版については、これまで組版の発注や設計をするという編集者の立場からつきあってきた。経験した組版方式は、活字組版が長いが、1990年ころからDTPにもつきあいはじめたので、DTPとのつきあいも短いとは言えなくなった。 編集者教育として、書籍の編集・製作・校正などの教育カリキュラムや教科書・教材の開発、さらに、実際に学生を指導することも行ってきた。一方、日本語組版の標準化活動にも参加してきた。 こうした立場から日本語組版について、私が考えていることについて記すことにしよう。 本や雑誌を知る どんな立場から日本語組版を学ぶにしても、その対象となる本や雑誌、その他の印刷物をよく知ることが大切である。ずいぶん昔になるが、ある先輩の編集者から、“編集者は趣味が読書だなんていうものでは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Why The Grand Budapest Hotel’s typography is the star of the movie - TypeRoom
Type Project | タイププロジェクト
TM Research Archive
http://www.fontli.com/
Kern Type, the kerning game
