デザイナー、エンジニアへ！ウェブタイポグラフィ解説書

f:id:mojiru:20200622110930p:plain

ウェブタイポグラフィ─美しく効果的でレスポンシブな欧文タイポグラフィの設計
ボーンデジタル2020年書籍「カラー図解 DTP&印刷スーパーしくみ事典 2020」紹介記事
- 「カラー図解 DTP&印刷スーパーしくみ事典 2020」Amazonでの購入はこちら
- 「カラー図解 DTP&印刷スーパーしくみ事典 2020」楽天市場での購入はこちら
ボーンデジタル2020年書籍「Unityデザイナーズ・バイブル」紹介記事
- 「Unityデザイナーズ・バイブル」Amazonでの購入はこちら
- 「Unityデザイナーズ・バイブル」楽天市場での購入はこちら

ウェブタイポグラフィ─美しく効果的でレスポンシブな欧文タイポグラフィの設計

ボーンデジタルは、リチャード・ラター氏著書で、鈴木丈氏監訳による、欧文フォントや欧文組版の審美的視点とHTMLやCSSの書籍において実装技術的視点のどちらも併せ持つ網羅的な解説書として、デザイナー、エンジニアなどのウェブを含むオンスクリーンメディアで文字を扱う際に必要となる知識や実践について細かく解説した書籍「ウェブタイポグラフィ─美しく効果的でレスポンシブな欧文タイポグラフィの設計」を2020年6月下旬に発売する。

「ウェブタイポグラフィ─美しく効果的でレスポンシブな欧文タイポグラフィの設計」では、欧文フォントや欧文組版の審美的視点とHTMLやCSSの書籍において実装技術的視点のどちらも併せ持つ網羅的な解説書として、デザイナー、エンジニアなど、ウェブを含むオンスクリーンメディアで文字を扱う際に必要となる知識や実践について、細かく解説している。

これまでウェブタイポグラフィの書籍で、これだけまとまった内容を読める本はなかったのではないだろうか。

欧文フォントや欧文組版を審美的視点から解説した書籍、HTMLやCSSの書籍において実装技術的視点から解説した書籍はあれど、どちらも網羅的に解説した決定版書籍が「ウェブタイポグラフィ─美しく効果的でレスポンシブな欧文タイポグラフィの設計」となる。

f:id:mojiru:20200622110948p:plain

f:id:mojiru:20200622111824p:plain

f:id:mojiru:20200622111924p:plain

f:id:mojiru:20200622112022p:plain

f:id:mojiru:20200622112125p:plain

f:id:mojiru:20200622112332p:plain f:id:mojiru:20200622112246p:plain

f:id:mojiru:20200622112315p:plain

f:id:mojiru:20200622112417p:plain

f:id:mojiru:20200622112440p:plain

f:id:mojiru:20200622112459p:plain

f:id:mojiru:20200622112518p:plain

f:id:mojiru:20200622112528p:plain

f:id:mojiru:20200622112551p:plain

リチャード・ラターProfile●英国のUXデザインファーム「Clearleft」社の共同設立メンバー。バークレイカードなどの大企業だけでなく、数多くのスタートアップ企業のウェブサイトにおけるUXデザインを皮切りに、ヨーロッパで最も人気のあるマッピングサイトであるMultimapなど革新的なウェブサービスやアプリのUXデザインを数多く手掛け、Wired UKのトップ100デジタルパワーブローカーのひとりに選ばれています。An Event Apart、UX Londonなぢユーザーエクスペリエンスデザインとタイポグラフィに関する数多くのカンファレンスで講演を行っている傍ら、ウェブタイポグラフィのエヴァンジェリストとして、Clearleftのウェブタイポグラフィカンファレンス「Ampersand」のチーフオーガナイザーを務めています。

http://clagnut.com/https://clearleft.com/about/team/richard-rutter

監訳者：鈴木丈Profile●ウェブ開発者、タイポグラフィ研究者。フォントワークス株式会社所属。ウェブサイトの設計や実装に携わるかたわら、「Webタイポグラフィの基礎知識と実践」、「音楽、数学、タイポグラフィ」など、ウェブとタイポグラフィに関する執筆や講演も積極的におこなっている。

https://github.com/fontplus/web-typography-glossaryhttps://standard.shiftbrain.com/blog/music-math-typography

「ウェブタイポグラフィ─美しく効果的でレスポンシブな欧文タイポグラフィの設計」目次

はじめに：私たちは皆タイポグラファウェブタイポグラフィとても大事な理由メディアを受け入れる地固めをする
1章：文字を読みやすくする1-1さまざまな読み方1-2すばらしきem1-3パラグラフをデザインする：行の長さ1-4パラグラフをデザインする：テキストサイズ1-5パラグラフをデザインする：行間1-6文字揃え、行揃え、ハイフネーション1-7レスポンシブなパラグラフ
2章：タイポグラフィのディテール2-1記号、符号、アクセント2-2合字と略語2-3階層とスケール2-4意味とセマンティクス2-5数字とテーブル2-6トラッキングとカーニング2-7見出しとインパクト2-8バーティカルなリズムを適用する2-9配置と構成
3章：フォントの選択と使用3-1フォントが画面にレンダリングされる仕組み3-2実践的および実用的考慮事項3-3書体を知る、書体を見る3-4本文書体の決定3-5ディスプレイテキストの書体を選ぶ3-6機能的テキストの書体を選ぶ3-7書体を組み合わせる3-8ウェブフォントを使用する3-9ライブラリを構築する
おわりに：おわりにデザインを伝える心に刻んでほしいこと