すみませんが、Web タイポグラフィはなぜ重要なのでしょうか?

すみませんが、Web タイポグラフィはなぜ重要なのでしょうか?

デジタル環境に関する現在の教科書には、画面の使用習慣は主に閲覧のためであり、画像はテキストよりも魅力的であり、完全な知識を吸収するためではなく、主に娯楽や儀式的な目的(たとえば、一日を始めるために Facebook を開いても、閉じると見た内容をすぐに忘れてしまう)で使用されていると書かれています。より包括的かつ完全な知識を得るには、依然として紙に頼らなければなりません。はい、これはスクリーン表示時代に私たちが直面したくない真実です。何らかの理由で、スクリーン上で記事を適切に読みたいという欲求を持つことは難しいのです。

なぜでしょうか? 大小さまざまな理由がありますが、最も重要なのはおそらく目の損傷です。明るすぎる画面は目に悪いです。ほとんどの場合、これはハードウェアの問題ですが、この問題をより深刻にする要因はソフトウェアにあります。普段アクセスする Web ページやブログ記事のうち、紙と同じくらい快適に読めるページがいくつあるか、自問自答してみるのもいいでしょう。Web ページを例にとると、多くの Web ページ デザインでは、適切なフォント サイズ、フォントの選択、テキストと背景のコントラスト、行間など、重要なグラフィック デザインの原則が無視されています。 2006 年という早い時期に、インターフェース デザインの第一人者 Oliver Reichenstein 氏は、Web ページのコンテンツの 95% は実際には「タイポグラフィ」であると提唱し、「印刷時代」の組版の原則が「画面表示時代」でも同様に重要であり、同じように使用する必要がある理由をすべての人に説明しようとしました。

多くの人が驚いてこう尋ねます。「え? タイポグラフィ? それは単に素敵な言葉を選ぶだけじゃないの? ウェブデザインの 95% がフォントの選択なのはなぜ?」

タイポグラフィはフォントを選ぶだけではない

しかし、実際には、タイポグラフィはフォントの選択だけでなく、フォントの組み合わせ、そしてより正確な測定に関するものです。行の高さ、ブロック間の距離関係、全体的な垂直リズムなど、すべてが伝統的な植字の焦点です。数pt(最小の印刷単位)の相対関係のため、非常に強迫的で完璧主義的な分野であると言えます(スティーブ・ジョブズが偏執症を発症したのを覚えていますか?)。その目的は、メディアで読者にコンテンツ自体を完璧に提示することです。ライヒェンシュタインは記事の中で、これらの原則はウェブ上でも注意を払うべきであり、そうすることで私たちはただ閲覧するだけではなく、疲れを感じることなく長時間読むことができるようになると提案しました。しかし、過去には2つの神話がありました。

誤解1: 画面解像度が十分ではないのでフォントは役に立たない

もちろん、2006 年になされたこの主張は、今では反証されています。 iPhone 4のRetinaディスプレイの画素密度は驚異の326dpiに達し、印刷された紙の原点を超えたといえる。各種ディスプレイパネルの解像度の飛躍的向上も含め、フォントの表示効果はますます向上しているといえる。中国語の場合、より良い画面表示効果を実現するために多くのフォントをデジタルで調整する必要がありますが、少なくとも今では Xinhei が存在します。この記事を読むと、Retina ディスプレイを持つ友人はほぼ完璧な視覚効果を体験できると思います。紙のバージョンでも、これほど美しくはありません。ウェブフォントサービスの増加と相まって、中国語にも justfont があり、テキストの代わりに画像を使用する必要があるというジレンマは解決されました。

誤解 2: 利用できる Web フォントはそれほど多くありません…

これは中国世界でも依然として当てはまります。中国語の文字はサイズが大きく、ラテン文字に比べて作成に時間と労力がかかるだけでなく (中国語の文字は広範かつ奥深く、一般的に使用される文字は少なくとも 13,000 個ありますが、英語の大文字と小文字、記号は 100 個以下です)、従来のフォント会社には著作権の問題や紛争も多く、これらすべてが中国語の Web フォントの開発を遅らせています。しかし、前の点と同様に、タイポグラフィは単にフォントを選択するだけではありません。良いフォントがなくても、レイアウトの細部に注意を払うことはできます。ライヒェンシュタインは、ルネサンス期のイタリアの活字デザイナーは当時、1種類の活字しか使用できなかったが、それでも人類文化史上最も優れた印刷作品を創り出したと述べています。これは、中国語のウェブフォントがそれほど多くなくても、細部に注意を払うことで優れたタイポグラフィデザインを作成できることを示しています。

たった 1 つのフォントだけを使ったルネッサンス時代のタイポグラフィは、今でも古典として残っています。 (画像出典: ウィキメディア・コモンズ)

また、台湾では、ほとんどの人がこのようなこだわりの細部に気付かないだろうと友人からよく言われます。しかし、実際には、このようなこだわりの細部こそが、全体的なレイアウトを読みやすくし、読みやすくするため、人々はコンテンツに集中できるため、特に注意を払うことはありません。残念ながら、目に悪い Web ページのレイアウトが多すぎます。たとえば、デザインが悪いフォントでは曲線上の制御点が不明瞭で、小さな明るい点が簡単にできて目に負担がかかります。また、ストロークが適切に収束していないため、線がぼやけています。多くの Web ページではフォント サイズが 10 ピクセルに設定されており、行間が狭すぎ、背景のコントラストが不十分なため、画面での読み取りがさらにイライラすることになります。

justfont は、グラフィック デザインから Web にさらに多くのタイポグラフィの知識を取り入れる必要があると考えています。ますます強力になる CSS 機能、さまざまなデザイン モジュール、Web フォント サービスと組み合わせることで、いつの日か画面上で魅力的なコンテンツを読めるようになると信じています。

出典:inside

デジタル環境に関する現在の教科書には、画面の使用習慣は主に閲覧のためであり、画像はテキストよりも魅力的であり、完全な知識を吸収するためではなく、主に娯楽や儀式的な目的(たとえば、一日を始めるために Facebook を開いても、閉じると見た内容をすぐに忘れてしまう)で使用されていると書かれています。より包括的かつ完全な知識を得るには、依然として紙に頼らなければなりません。はい、これはスクリーン表示時代に私たちが直面したくない真実です。何らかの理由で、スクリーン上で記事を適切に読みたいという欲求を持つことは難しいのです。

なぜでしょうか? 大小さまざまな理由がありますが、最も重要なのはおそらく目の損傷です。明るすぎる画面は目に悪いです。ほとんどの場合、これはハードウェアの問題ですが、この問題をより深刻にする要因はソフトウェアにあります。普段アクセスする Web ページやブログ記事のうち、紙と同じくらい快適に読めるページがいくつあるか、自問自答してみるのもいいでしょう。Web ページを例にとると、多くの Web ページ デザインでは、適切なフォント サイズ、フォントの選択、テキストと背景のコントラスト、行間など、重要なグラフィック デザインの原則が無視されています。 2006 年という早い時期に、インターフェース デザインの第一人者 Oliver Reichenstein 氏は、Web ページのコンテンツの 95% は実際には「タイポグラフィ」であると提唱し、「印刷時代」の組版の原則が「画面表示時代」でも同様に重要であり、同じように使用する必要がある理由をすべての人に説明しようとしました。

多くの人が驚いてこう尋ねます。「え? タイポグラフィ? それは単に素敵な言葉を選ぶだけじゃないの? ウェブデザインの 95% がフォントの選択なのはなぜ?」

タイポグラフィはフォントを選ぶだけではない

しかし、実際には、タイポグラフィはフォントの選択だけでなく、フォントの組み合わせ、そしてより正確な測定に関するものです。行の高さ、ブロック間の距離関係、全体的な垂直リズムなど、すべてが伝統的な植字の焦点です。数pt(最小の印刷単位)の相対関係のため、非常に強迫的で完璧主義的な分野であると言えます(スティーブ・ジョブズが偏執症を発症したのを覚えていますか?)。その目的は、メディアで読者にコンテンツ自体を完璧に提示することです。ライヒェンシュタインは記事の中で、これらの原則はウェブ上でも注意を払うべきであり、そうすることで私たちはただ閲覧するだけではなく、疲れを感じることなく長時間読むことができるようになると提案しました。しかし、過去には2つの神話がありました。

誤解1: 画面解像度が十分ではないのでフォントは役に立たない

もちろん、2006 年になされたこの主張は、今では反証されています。 iPhone 4のRetinaディスプレイの画素密度は驚異の326dpiに達し、印刷された紙の原点を超えたといえる。各種ディスプレイパネルの解像度の飛躍的向上も含め、フォントの表示効果はますます向上しているといえる。中国語の場合、より良い画面表示効果を実現するために多くのフォントをデジタルで調整する必要がありますが、少なくとも今では Xinhei が存在します。この記事を読むと、Retina ディスプレイを持つ友人はほぼ完璧な視覚効果を体験できると思います。紙のバージョンでも、これほど美しくはありません。ウェブフォントサービスの増加と相まって、中国語にも justfont があり、テキストの代わりに画像を使用する必要があるというジレンマは解決されました。

誤解 2: 利用できる Web フォントはそれほど多くありません…

これは中国世界でも依然として当てはまります。中国語の文字はサイズが大きく、ラテン文字に比べて作成に時間と労力がかかるだけでなく (中国語の文字は広範かつ奥深く、一般的に使用される文字は少なくとも 13,000 個ありますが、英語の大文字と小文字、記号は 100 個以下です)、従来のフォント会社には著作権の問題や紛争も多く、これらすべてが中国語の Web フォントの開発を遅らせています。しかし、前の点と同様に、タイポグラフィは単にフォントを選択するだけではありません。良いフォントがなくても、レイアウトの細部に注意を払うことはできます。ライヒェンシュタインは、ルネサンス期のイタリアの活字デザイナーは当時、1種類の活字しか使用できなかったが、それでも人類文化史上最も優れた印刷作品を創り出したと述べています。これは、中国語のウェブフォントがそれほど多くなくても、細部に注意を払うことで優れたタイポグラフィデザインを作成できることを示しています。

たった 1 つのフォントだけを使ったルネッサンス時代のタイポグラフィは、今でも古典として残っています。 (画像出典: ウィキメディア・コモンズ)

また、台湾では、ほとんどの人がこのようなこだわりの細部に気付かないだろうと友人からよく言われます。しかし、実際には、このようなこだわりの細部こそが、全体的なレイアウトを読みやすくし、読みやすくするため、人々はコンテンツに集中できるため、特に注意を払うことはありません。残念ながら、目に悪い Web ページのレイアウトが多すぎます。たとえば、デザインが悪いフォントでは曲線上の制御点が不明瞭で、小さな明るい点が簡単にできて目に負担がかかります。また、ストロークが適切に収束していないため、線がぼやけています。多くの Web ページではフォント サイズが 10 ピクセルに設定されており、行間が狭すぎ、背景のコントラストが不十分なため、画面での読み取りがさらにイライラすることになります。

justfont は、グラフィック デザインから Web にさらに多くのタイポグラフィの知識を取り入れる必要があると考えています。ますます強力になる CSS 機能、さまざまなデザイン モジュール、Web フォント サービスと組み合わせることで、いつの日か画面上で魅力的なコンテンツを読めるようになると信じています。

出典:inside

デジタル環境に関する現在の教科書には、画面の使用習慣は主に閲覧のためであり、画像はテキストよりも魅力的であり、完全な知識を吸収するためではなく、主に娯楽や儀式的な目的(たとえば、一日を始めるために Facebook を開いても、閉じると見た内容をすぐに忘れてしまう)で使用されていると書かれています。より包括的かつ完全な知識を得るには、依然として紙に頼らなければなりません。はい、これはスクリーン表示時代に私たちが直面したくない真実です。何らかの理由で、スクリーン上で記事を適切に読みたいという欲求を持つことは難しいのです。

なぜでしょうか? 大小さまざまな理由がありますが、最も重要なのはおそらく目の損傷です。明るすぎる画面は目に悪いです。ほとんどの場合、これはハードウェアの問題ですが、この問題をより深刻にする要因はソフトウェアにあります。普段アクセスする Web ページやブログ記事のうち、紙と同じくらい快適に読めるページがいくつあるか、自問自答してみるのもいいでしょう。Web ページを例にとると、多くの Web ページ デザインでは、適切なフォント サイズ、フォントの選択、テキストと背景のコントラスト、行間など、重要なグラフィック デザインの原則が無視されています。 2006 年という早い時期に、インターフェース デザインの第一人者 Oliver Reichenstein 氏は、Web ページのコンテンツの 95% は実際には「タイポグラフィ」であると提唱し、「印刷時代」の組版の原則が「画面表示時代」でも同様に重要であり、同じように使用する必要がある理由をすべての人に説明しようとしました。

多くの人が驚いてこう尋ねます。「え? タイポグラフィ? それは単に素敵な言葉を選ぶだけじゃないの? ウェブデザインの 95% がフォントの選択なのはなぜ?」

タイポグラフィはフォントを選ぶだけではない

しかし、実際には、タイポグラフィはフォントの選択だけでなく、フォントの組み合わせ、そしてより正確な測定に関するものです。行の高さ、ブロック間の距離関係、全体的な垂直リズムなど、すべてが伝統的な植字の焦点です。数pt(最小の印刷単位)の相対関係のため、非常に強迫的で完璧主義的な分野であると言えます(スティーブ・ジョブズが偏執症を発症したのを覚えていますか?)。その目的は、メディアで読者にコンテンツ自体を完璧に提示することです。ライヒェンシュタインは記事の中で、これらの原則はウェブ上でも注意を払うべきであり、そうすることで私たちはただ閲覧するだけではなく、疲れを感じることなく長時間読むことができるようになると提案しました。しかし、過去には2つの神話がありました。

誤解1: 画面解像度が十分ではないのでフォントは役に立たない

もちろん、2006 年になされたこの主張は、今では反証されています。 iPhone 4のRetinaディスプレイの画素密度は驚異の326dpiに達し、印刷された紙の原点を超えたといえる。各種ディスプレイパネルの解像度の飛躍的向上も含め、フォントの表示効果はますます向上しているといえる。中国語の場合、より良い画面表示効果を実現するために多くのフォントをデジタルで調整する必要がありますが、少なくとも今では Xinhei が存在します。この記事を読むと、Retina ディスプレイを持つ友人はほぼ完璧な視覚効果を体験できると思います。紙のバージョンでも、これほど美しくはありません。ウェブフォントサービスの増加と相まって、中国語にも justfont があり、テキストの代わりに画像を使用する必要があるというジレンマは解決されました。

誤解 2: 利用できる Web フォントはそれほど多くありません…

これは中国世界でも依然として当てはまります。中国語の文字はサイズが大きく、ラテン文字に比べて作成に時間と労力がかかるだけでなく (中国語の文字は広範かつ奥深く、一般的に使用される文字は少なくとも 13,000 個ありますが、英語の大文字と小文字、記号は 100 個以下です)、従来のフォント会社には著作権の問題や紛争も多く、これらすべてが中国語の Web フォントの開発を遅らせています。しかし、前の点と同様に、タイポグラフィは単にフォントを選択するだけではありません。良いフォントがなくても、レイアウトの細部に注意を払うことはできます。ライヒェンシュタインは、ルネサンス期のイタリアの活字デザイナーは当時、1種類の活字しか使用できなかったが、それでも人類文化史上最も優れた印刷作品を創り出したと述べています。これは、中国語のウェブフォントがそれほど多くなくても、細部に注意を払うことで優れたタイポグラフィデザインを作成できることを示しています。

たった 1 つのフォントだけを使ったルネッサンス時代のタイポグラフィは、今でも古典として残っています。 (画像出典: ウィキメディア・コモンズ)

また、台湾では、ほとんどの人がこのようなこだわりの細部に気付かないだろうと友人からよく言われます。しかし、実際には、このようなこだわりの細部こそが、全体的なレイアウトを読みやすくし、読みやすくするため、人々はコンテンツに集中できるため、特に注意を払うことはありません。残念ながら、目に悪い Web ページのレイアウトが多すぎます。たとえば、デザインが悪いフォントでは曲線上の制御点が不明瞭で、小さな明るい点が簡単にできて目に負担がかかります。また、ストロークが適切に収束していないため、線がぼやけています。多くの Web ページではフォント サイズが 10 ピクセルに設定されており、行間が狭すぎ、背景のコントラストが不十分なため、画面での読み取りがさらにイライラすることになります。

justfont は、グラフィック デザインから Web にさらに多くのタイポグラフィの知識を取り入れる必要があると考えています。ますます強力になる CSS 機能、さまざまなデザイン モジュール、Web フォント サービスと組み合わせることで、いつの日か画面上で魅力的なコンテンツを読めるようになると信じています。

出典: inside http://www.inside.com.tw/2012/09/06/does-typography-matter

元のタイトル: すみませんが、Web タイポグラフィはなぜ重要なのでしょうか?

キーワード: 悪い、意味、ウェブページのレイアウト、ページを配置する場所、今日、デジタル、環境、教育、画面、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化

<<:  ウェブサイトのデザイン: テキストでバナーのストーリーを伝える

>>:  共同購入業界の取引量はマイナス成長を示しており、ウェブサイトは生死の試練に直面している

推薦する

狂犬にならないで! APについて知っておくべきこと

AP をプッシュすることは、オンラインでお金を稼ぐほとんどの人が最初に行うことです。知識が少なすぎる...

OpenStack仮想マシンネットワークに問題があることがわかったら、まずは以下の16の手順を試してください。

1. すべてのセキュリティ グループを開きます。これは最も基本的なことですが、多くの人が忘れがちです...

Google、Gmailと他の製品を統合した統合検索を開始

検索コンテンツの提案には、連絡先、電子メール、スケジュールなどが含まれます。検索結果にはGmailと...

ウェブサイトの改訂において、これらの重要な問題に気づきましたか?

ウェブサイトの開発においては、検索エンジンがユーザーエクスペリエンスをますます重視するようになり、多...

#黑5# changeip: 30% オフ、Shark データセンター VPS、無制限のトラフィック + 20Gbps の高防御、Windows 搭載

Changeip は長い間登場していないようです。Shark Data Center の VPS は...

[分散] リソースとトランザクション: 可観測性の基本的な二重性

シグマン:私の名前はベン・シグマンです。私はLightstepの共同創設者兼CEOです。ここで私が話...

K8s Nginx Lngress の 9 つの一般的な構成 (アノテーション)、いくつ知っていますか?

前回の記事では、ingress vhost アノテーションの使用について紹介しました。鉄は熱いうちに...

openitc UK 1G KVM 6.5ドル/月

おすすめのイギリスのVPSはopenitc.co.ukです(この会社は2008年にイギリスで登録され...

キッシンジャー:ネハレムは、IT業界が飛躍的な発展を遂げることを可能にする孫悟空の宙返りクラウドである

インテル コーポレーションの上級副社長であり、デジタル エンタープライズ グループ (DEG) の共...

ニュースマーケティングとは何ですか?プレスリリースの価値と重要性は何ですか?

2018年最もホットなプロジェクト:テレマーケティングロボットがあなたの参加を待っていますBaidu...

#黑5# 格安ドメイン名情報のまとめ。ドメイン名のプロモーションを見るには1つの投稿だけで十分です

ブラック フライデーは基本的に始まりましたが、今は状況が異なります。単に数を埋め合わせたり、参加しな...

第三者決済機関は厳重な監督の対象となり、一回の消費額は5,000元を超えてはならない。

【はじめに】QRコード決済を停止されたばかりの第三者機関は、中央銀行による監督の「第2波」に直面して...

gigsgigscloud: フィリピン VPS/フィリピン クラウド サーバー、CMI 直通回線、月額 4.2 ドル、1G メモリ/1 コア/10gSSD/500G トラフィック

gigsgigscloudは、フィリピンVPS/フィリピンクラウドサーバー事業を新たに開始しました。...

hudsonvalleyhost - 50% オフ プロモーション - 2G メモリ / 半年で 25 ドル

hudsonvalleyhost は、2004 年に設立されたと主張する IDC マーチャント (実...

ウェブデザインにおけるユーザー優先処理の考え方についての簡単な説明

私たちはウェブサイトのユーザーについて話す必要があり、多くの場合、彼らが私たちの存続を決定します。ユ...