パートI- パートII- パートIII- パートIV- パートV-パートVI

パートII

まず、画面サイズが大きくなり、表示の明瞭さと色の品質が向上しました。 最近では、低解像度、凸面スクリーン、ちらつき、または限られたカラーレンダリングを備えた古いCRTディスプレイは、使用される機会が少なくなっています（CGA / EGA / VGAを覚えていますか？）。 実際、現代のフラットLCDディスプレイと比較したこのようなモニターの数は、今日では安全に無視できます。 暗黙の事実上の標準も解像度について変更されました。最初のサイトで、画面サイズが640x480ピクセルに合うように作成され、800x600の場合、今日では標準の1024x768が使用されます。 ワイドスクリーン（ワイド）モニターの出現により、新しい1280x960標準が登場し始めましたが、Asus eeePCやApple iPhoneなどのコンパクトデバイスが最近非常に人気が高まっているため、標準として1024x768未満の解像度を返すという事実は排除されません。 ただし、この場合、これはそれほど重要ではありません。今日の画面解像度は物理サイズに直接依存し、表示される1つのポイントのサイズは10年前のピクセルと比較して非常に小さく、フォントが同じ品質のフォントを表示できるためです。 ところで、これは2番目の要因につながります。





第二に、スクリーンフォントのスムージングがますます使用されています。 ほとんどすべてのオペレーティングシステムには、アンチエイリアスを有効にするオプションがあり、 サブピクセルレンダリングテクノロジーもあります。

この事実は、デザイナーにとって幅広い展望を開きます。 ピクセル単位でフォントサイズを選択して、デザインに何らかの形でフィットし、目に波紋が出ないようにする必要があった場合、デザイナーはより馴染みのあるパラメーターで操作し、サイズをポイント、ピーク、またはEMAで示し、どれだけ気にしないでくださいピクセルは各行を占有します。 アンチエイリアスの存在下では、サイトのレイアウトは印刷出版物のレイアウトと事実上区別できません。式WYSIWYG（あなたが見るものはあなたが得るもの）はあらゆる面で現れます。 残っているのは、サイトの訪問者の社会に影響を与え、スクリーンアンチエイリアスを使用することです。



オペレーティングシステムの製造元は、すでにある程度これを処理していることに注意してください。 たとえば、AppleはMacOS Xで1種類のフォント表示のみを提供します-アンチエイリアスを使用します（ただし、12ポイント未満のピンのアンチエイリアスを無効にできますが、すべての大きなピンは平滑​​化されます）。 Microsoft Windows Vistaでは、デフォルトですべてのフォントが滑らかに表示されます（TFTディスプレイにはClearTypeテクノロジーを使用）。 Microsoft Windows XPには過渡的なオプションがあります。ほとんどのピンは平滑​​化されておらず、非常に大きなピンはある種のあまり良くないアンチエイリアシングレンダリングを取得します。 ただし、Windowsファミリのすべてのシステムでは、アンチエイリアスを強制的にオフにして、80〜90年代の精神でぎざぎざの文字を楽しむことができます。 グラフィカルシェルを使用したさまざまなLinuxビルドでは、フォントのアンチエイリアスも最近使用されています。 主観的に判断すると、私はAppleのアンチエイリアシングアルゴリズムを好みます。AdobePhotoshopでのお気に入りのアンチエイリアシング方法（シャープ、鮮明、スムーズ、強力）でさえ、今はあまり最適ではないようです。



Webデザインのアンチエイリアスには多くの反対者がいます。 このような人々は、Photoshopで古い方法でスケッチを描き、アンチエイリアシング（なしモード）をオフにし、アンチエイリアシングをせずにテキストを表示するために最適化された古いフォントを選択し、歯をむさぼり食うことで、作成するサイトをより多くの人が完全に異なって見るようにしますこれらのデザイナーが考えたこと。 あなたの謙虚な召使も、このギザギザのベルダン愛好家の大群に長い間いたことを認めなければなりません。

しかし、「ポピー」のアンチエイリアスをオンにして、数時間テキストを読み、アンチエイリアスなしで通常モードに戻るとすぐに、目が波打つ程度と、コーティングされていないフォントを読むとすぐに疲れるのに気付きました。 今、私の古いレイアウトを見て、私はこれらの古風なピクセル文字がどのようにばかげて非論理的であるかを見て、実際に白黒のCGAモニターを備えたコンピューターの原始的なゲームとプログラムにのみ適しています。



それでは、上記に照らして、スクリーンタイポグラフィの分野で私たちを待っているのは何ですか？ FlashやAcrobatテクノロジーで実装されているように、Webドキュメントにフォントを埋め込むことができる新しいマークアップ言語とスタイリングツール（HTML 5、XHTML 2、CSS 4など）が近づいています。 また、高品質のデータ表示システムと、線、曲線、フォントを描画するためのよく考えられたアルゴリズムが広く使用されているという事実もあります。 これらの傾向はすべて次のように表現できます。私たちは、Webデザイナーに完全な自由を与えようとしています。 これまで長い間妨げられてきたものであり、その最もワイルドなアイデアを実現することができなかったものは、今では完全に忘れることができます。 私たちは、サイトの訪問者が私たちが考えた美しいものをどれだけ正しく見るか心配することはできません。 これらの美しさを作成します。 そして、誰でも私たちが意図したとおりにそれらを見ることができます。 印刷のように。 これはすべてのWebデザイナーやプログラマーにとって夢の実現ですか？



今日は本当に何が起こっていますか？



そして、驚くほど憂鬱なことが起こっています。 サイトの大部分はまだ古い形式です。 検出された10のWebサイトのうち9つには、互いにコピーされた90年代の行が含まれています。最悪の場合、最高の場合は同じですが、 font-family: Tahoma, Arial, Helvetica, sans-serif;



パラメータがfont-family: Tahoma, Arial, Helvetica, sans-serif;



およびfont-size: 11px;



カスケードスタイルシート。 同時に、すべての設計者の90％は、フォントサイズの標準と2ポイントに依存して、行送りのタスク（行間隔）を忘れています。 一方、フォントは、わずかに広範なリードが与えられている場合、よく読みやすくなります。 また、トラッキングとカーニングを使用する場合...しかし、Webテクノロジーにはまだ何百もの指定されたカーニングペアと相互作用する手段がないため、これについてはこの説明の範囲外とします。



アンチエイリアスが有効になっている場合でも、レイアウトの一般的な精度と完全に選択された配色でも、このようなサイトは、プロが作成したサイトのように「何らかの見た目」があります。 実際、それは同僚の失敗であり、同僚は私に助言を求めました。



AppleのWebサイトにアクセスし、このサイトのスタイルシートを覗きました（まあ、かなりの目で覗きました）が、1行しかないことがわかりました。おかげで、私の同僚の質問はすべて消えてしまいました。



/* TYPE */

body { font: 12px/18px "Lucida Grande", Arial, Verdana, sans-serif; background-color: #fff; color: #333; }









つまり、MacOS Xに含まれるLucida Grandeフォントは、AppleのWebサイト上のすべてのテキストブロックのベースとして使用され、 ArialまたはVerdanaは他のオペレーティングシステムに推奨されます。 さらに、 Verdanaが存在するすべての場所でArialを使用する必要があるため、このようなソリューションはやや理解しにくいものです。これは、ほとんどすべてのOSのセットでVerdanaであったためです。 これらのフォントの代替を交換する必要がありますが、この側面は、apple.comの開発者向けの特別なアイデアのようなものとして残してください。



フォントサイズ（9から16ピクセル）に関係なく、18ピクセルの同じ先頭が使用され、InDesignおよびQuarkXPressで行われるものと同様の固定レイアウトグリッド（ベースラインに揃える）、および隣接する行列はとにかくジャンプしません。 これは、すべてのブロックの厳密さと最適な相互作用を感じるだけです。



Lucida Grandeフォントは、AppleのCharles Charles BigelowとKris Holmesによって作成され、MacOS Xシステムのすべての主要コンポーネントで使用される大きなLucidaファミリーの一部ですこのフォントのバージョン5.0d8e1（Revision 1.002）は、Unicodeテーブルに2,826個のグリフ（2,245文字）とカバーを含みます非常に幅広いサポート言語：すべての拡張子を持つラテン語、ギリシャ語、キリル文字、アラビア語、ヘブライ語、タイ語。



著者が意図したように、「ポピー」のユーザーのみがAppleサイトをそのように見ることがわかります。 つまり、次のように（フラグメントを表示）：







はい、いいえ。

はい-訪問者（他のオペレーティングシステムからログイン）が、サイトで使用されているすべてのフォントを自分のフォントに強制的に置き換えたことを示していない場合。 この状況では、Windowsを使用する訪問者は、Arialフォントで描かれたわずかに異なる画像を見ることになります。 次のようになります（ここでは、最近書いたiCabブラウザーに実装されている強制フォント置換機能を使用しました ）。







原則として-それはかなり良いようです。 しかし、これは一見しただけです。 Arialの代替品を含むAppleサイトをさまよう場合、遅かれ早かれ、サイト上のすべてのページが一種の無気力であるように感じ始め、テキストを読むのは少し退屈です。 特に「暗い」ページでは 。 また、 Lucida Grandeフォントでのテキストの表示を返す価値があります。サイトが活気づき、特別な企業の「Apple」の光沢と光沢が得られます。



そのため、システムにはVerdana以外に何もない場合、サイトは次のようになります。





そして再び-それは完全に読みやすいようです。 しかし、特徴的なヴェルダノフの「太鼓腹」の文字は、すでに個々の文字の描画を擦り切れているため、ある種の湿気を引き起こします。 優雅さとコンパクトさはありません。 最後に、 Tahomaを使用する場合、ほぼ同じことが私たちを待っていました。ここでのみ、このフォントの典型的な近い文字の「固着」に遭遇するでしょう。





上記のオプションのいずれかがやや良いようです。 手紙はよく読まれています。 それでも、このサイトには、Lucida Grandeが比類のないほど適しています。 これは純粋に主観的な評価であり、上記のすべてのヘッドセットをオンにすると、さまざまなページが長時間表示されます。 このフォントは、流readingに読んでいるときに目が疲れるのがはるかに少なく、全体的に完全性、スタイルの完全性を感じさせます。さらに、その描画の性質により非常に新鮮です。



ちなみに、そのような「鮮度」のために、多くの評判の良い西洋の出版物は、時々ヘッドセットを変えて追いかけています。 一見したところ、一方はもう一方と同じです。 では、なぜmanufacturersましい規則性を備えたフォントメーカーは、時代遅れの単純な素人のクローンのような、想像を絶する数の時代遅れのヘッドセットを生産するのでしょうか。 なぜ何千もの名前がす​​でにあるにもかかわらず、これらのフォントは完売しているのはなぜですか？ しかし、全体は全体像の主観的な認識にあります。 テキストの小さな断片のみを考慮して、フォントの違いを評価することは困難です。 しかし、潜在意識レベルでは、文字ポイントの文字が変更され、フォントの空間的彩度と「暗さ」が変更されると、違いが感じられます。 これは、まだ広いサークルで使用されていない新しいフォントの外観です。これにより、出版物に新鮮さがもたらされ、出版物に新しい色がきらめき、記事を読むときに新しい感覚が与えられます。 経験豊富なデザイナーはこれらのニュアンスを知っており、常に興味深い「疑わない」ヘッドセットを見つけようとします。



確かに、これはラテンアルファベットの場合にのみ適切に機能することに注意してください。 キリルフォントの範囲は、ラテンフォントの世界と比較して無視できます。 はい、そしてキリル文字のアルファベットの特性により、テキストを「おいしい」とすることはできません。ロシア語では、絵にあまり調和しない文字が多すぎます（b、h、u、g、q、b）、極細文字はありません（ラテン語でiやlなど）比較的少数のリモート要素（シンボルd、b、q、j、g、h、k、tのようなアセンダーとディセンダー ）-これらはすべて、現代タイポグラフィの魅力の多くのキリル文字アルファベットを扱うデザイナーを奪います。 しかし、心を失うことはありません。 結局のところ、誰かがさらに悪いです。 たとえば、日本語。 アルファベットには3種類あり、そこにあるシンボルの彩度は最も広く、ずるずるした感じや汚れを感じます。 ロシアのサイトを日本語、中国語、韓国語のサイトと比較し、すべてが私たちにとってそれほど悪くないことを確認するだけで十分です。 ラテン語では、英語とスペイン語のウェブサイトのみが適しています。 他のすべての場合では、さまざまな「ウムラウト」と「アキュート」が豊富に表示され、フォントの豊かさが詳細に増加しますが、これはテキストの知覚に最良の方法で影響しません。



次の部分では、何らかの理由で「ポピー」またはフォントLucida Grandeを手元に持っていなかった人たちにどのようなオプションが存在するかを見ていきます。 また、他のトリックを学び、スクリーンフォントの評価を行い、最新の方法でサイトをタイプセットできるいくつかの重要な結論を導き出します。



継続するには...