Yandexフォント-Yandex Sans

2016年4月23日、 デザイナー向けYa.Subbotnikで 、独自のフォントYandex Sansを発表しました。 私たちは2年半にわたってそれに取り組み、最終的に結果を共有できることを非常に嬉しく思います。 この投稿では、なぜ私たち全員がそれを考えたのか、どのように作業が行われていたのか、結果として何が起こったのか、そして次に何が起こるのかについてお話します。 投稿は土曜日の私たちの話に基づいて書かれました。

なぜフォントについても考えるのでしょうか？

この投稿を読んだデザイナーにすぐに謝罪します。いくつかの場所では、私たちにとって明らかなことについて話すからです。 読者の中には多くの非デザイナーがいるので、私は遠くから始めます。

フォントは、グラフィックデザインの基本的な「音声」の1つであり、色、形なども含まれます。フォントは、入力された情報の認識方法に影響を与えます。 ジョン・マエダでは、 TEDに関する彼の講義で、これを実証する非常に明白な方法を探りました。 これは、フォームとコンテンツに関するストーリーです。 いくつかのコンテンツを取り、それを修正して、 フォームを変更してみましょう。 私たちのコンテンツをYandexの有名なモットーにしましょう-「すべてがあります」。

アルファベットヘッドセットに入力した外観は次のとおりです。通信に使用するフォントです。

それはYandexが通常言うことです。 これは私たちのメッセージであり、私たち自身の声によって発せられました。

* * *

しかし、このフォントを同じコンテンツに使用するとどうなりますか？

同意し、納得できないようです。 読みにくい。 デザイナーすぎる。 デザイナー、ヒップスター、スムージーがいます。 しかし、まったくそうではありません。

* * *


これは深刻な声明です。 これはAuchanまたはFrom Hand to Handでの販売に適しています。 飛ぶ、買う！

* * *

もしそうなら？

これはすでに何らかの種類のlurkomoryeであり、インターネットの底部でさえあるかもしれません。 SMSなしで、すべてのジョークが無料であります。

* * *


このオプションは、結婚式の招待状に似ています。 または、高価なレストランのメニューで。 すべてのカキ、トリュフ、シャンパンがあります。

* * *

しかし、あなたはこれを好むことができます：

これは、店舗のあるガソリンスタンドのようなものだと思います。 洗濯、ジャック付きの鍵、そして安価に食事をすることができます。

異なる形式で囲まれた同じコンテンツは、まったく異なる意味を伝えることができます。 そのため、適切なフォントを選択するタスクが非常に重要です。 フォントはコンテンツを正しく強調し、歪みなく開くようにします。

そして、ヤンデックスは今何を言っているのですか？

新製品のプロトタイピンググループの責任者であり、 デザインスクールのプログラムの著者の1人であるタラスシャロフは、1か月間、私たちの製品とコミュニケーションで彼を捕らえたフレーズを書きました。 その結果、言語、スタイル、声が非常に明確に選択されました。 たとえば、Arialが入力したインターフェイスフレーズの典型的な例を次に示します。



ちなみに、Vlad Golovachは、彼の意見では、このフォントをロシア語でArielと呼ぶのが正しいと言いました。元々はシェークスピアの嵐のキャラクターに合わせて命名されたからです。 しかし、今のところ、あなたの許可を得て、私はArialを書き続けます。

一般に、Arialは読者になじみがあるはずです。 そして、はい、今日私たちのWebインターフェースで使用しているのはこのフォントです。



なぜまさにArialなのか？ デザイナーはその歴史を十分に理解する必要があります。 arialは、20世紀の最も有名で象徴的なフォントの1つであるHelveticaの文字のプロポーションと描画に基づいています。 Helveticaは1957年にNeue Haas Groteskという名前で登場しました。 何らかの理由でHelveticaの映画を見逃した場合は、少なくともこの予告編（またはもちろん映画全体）をご覧ください。



これは、世界中のほぼどこでも、ほぼいつでも見ることができるヘッドセットです。 無数のブランドの視覚的言語に基づいています。 一言で言えば、生きている古典。

80年代のMicrosoftがWindowsオペレーティングシステム用のフォントを選択したとき、何らかの理由でHelveticaのライセンス料を支払わないことに決め、代わりにMonotypeにこのヘッドセットの独自バージョンを作成するよう依頼しました。 これがArialの登場です-「貧しい人々のためのヘルベチカ」と、私たちのタイプデザイナーの何人かが適切に言っています。 ここでは、ArialとHelveticaの比較には触れません。 誰でも簡単にそれらが本当に非常に近いことを確認できます：


クリスチャンシュワルツのスライドは、ArialとHelveticaのオーバーレイを示しています

Arialの議論の余地のない利点は、そのディストリビューションの領域です-ほぼすべてのコンピューターにプリインストールされています-考えられるすべてのアルファベットの文字と一般的に考えられるほぼすべての文字を含む巨大な文字セット：たとえば、ルーブルのサイン。 それ以外の場合、デザイナーは常にArialに対して多くの質問をしました。

• 一部の場所の文字の割合とパターンは、特にキリル文字のアルファベットの場合、多くの文字が率直に奇妙に見える場合に、疑問を提起します。
• 彩度に変化はありません（つまり、文字の線の太さ）。 レギュラーおよびボールドのみ（Arial Blackはまだ個別に存在します）。 最新のインターフェースでは、これだけでは十分ではありません。さまざまな飽和度、薄いスタイル、太字などが必要です。
• 小さなピンでの視認性が悪い。 12px未満のサイズの文字は閉じられているため、文字が「くっつき」始め、読みにくくなります。 YandexのWebインターフェイスでは、この欠点のない、開いたVerdanaで最小の碑文を入力します。

Webインターフェイスに加えて、モバイルインターフェイスがあります。 Yandexアプリケーションはさまざまなプラットフォームで動作します。つまり、フォントに関しては、プラットフォームの視覚言語を継承します。



Androidでは、「音声」は、iOSでは最も冷淡な技術工学のフォントRoboto、最も中立的なサンフランシスコ、Windowsでは、キリル文字に多くの疑問を持つ特徴的なSegoeです。

* * *

そして、Yandexの広告コミュニケーションはどのように聞こえますか？ タラスの選択は、再び特性を示しています。



これはTextbook Newであり、Bukvarnayaヘッドセットでもあります。1958年にソビエト連邦でPolygraphmash NGOのElena Tsaregorodtsevaがタイピング-確かに-入門書と教科書のために最初に開発しました。 子供時代がソビエト（およびソビエト後の小さなスペース）で受け継がれたすべての人になじみのある良いフォント。 所有者、親愛なる。 しかし、21世紀の現代のハイテク企業にとってはやや奇妙です。

私たちは現在までこのフォントのセットを使用していましたが、その限界を長く感じていました。 私たちは次のように感じました：

• ArialとTextbookの不十分な表現力と技術力。
• 私は他の人のプラットフォームの世界で自分の声を持ちたいです。

これはすべて、Yandexのフォントがどうあるべきかを熟考することにつながりました。

Yandexのフォントはどうあるべきか

フォントの要件を策定しました。

1.フォントには、競合他社とは異なる独自の顔が必要です

競合他社は、まず、Roboto、San Francisco、Segoeであり、それぞれGoogle、Apple、Microsoftインターフェイスのフォントです。

2.同時に、冷静で中立で、あまり特徴的ではない

中立性について詳しく説明します。 上記のインターフェイスと通信テキストに加えて、Yandex製品のフォントの主な用途は、情報、ニュース、データを送信することです。 このカテゴリのテキストの顕著な例は次のとおりです。



私たちの最も重要な価値観の1つは、常に編集方針の欠如です。 ニュースは、人間の介入なしにアルゴリズムによって選択されます。 私たちはインターネットの鏡であり、私たち自身の評価、位置、いかなる種類の歪みも加えることなく、起こっていることを反映しています。 この観点から、フォントも意味を追加しないことが非常に重要であり、非常に中立です。

この要件が、ある意味で前の要件と矛盾するのは興味深いことです。 最大の表現力と最大の中立性のバランスを見つける必要がありました。

3.価値を表現する

中立性は中立ですが、フォントにはまだ何らかの種類が必要です。 フォントに埋め込むことができる感情を説明しようとすると、通常、次のリストのようなものを作成します。

• 開く
• 現代の
• 賢い
• 中立
• 地元の
• 技術的ですが、人間の顔をしています。

最後のポイントは特に私に近いです。 私たちは現代のハイテク企業ですが、当社の製品は常に温かさと人間性によって特徴付けられています。 私たちは間違いなく魂のないアンドロイドロボットではありません。

4.主にキリル文字タイピング用に作成

ご存知のように、ほとんどのフォントはまずラテンアルファベット用に作成され、その後になってキリル文字バージョンが完成します。 成功する場合もあれば、そうでない場合もあります。 Yandexがアクセントなしでロシア語を話すことは、私たちにとって非常に重要でした。 フォントに関して言えば、これは、キリル文字をラテン文字と同時に作成する必要があることを意味します。
そしてもちろん、フォントには、ロシア、ウクライナ、ベラルーシ、カザフスタン、トルコなど、ルーブル記号など、私たちが働く国で使用されるすべての必要な記号と文字が必要です。

5.非常に読みやすく、読みやすく、現代のすべての環境に適用できます。

Yandexのインターフェイスと通信は、さまざまな環境で使用されています。 たとえば、Yandex.Taxiでタイポグラフィが見つかる環境があります（完全な選択にはほど遠い）。

6. Arialと基本的なメトリックおよび比率を一致させる

これは、Webインターフェースにとって重要な技術的要件です。 Arialから私たちのものにフォントを置き換えるとき、ページレイアウトがばらばらになるべきではありません。 また、特定のサイズ（たとえば、検索結果）のテキストブロック内の情報が収まるように、フォントが容量（つまり、中程度の幅の行の文字数）の点でArialに失われないことも重要です。

7.いくつかの飽和度を持っている

つまり、線の太さ：



現在、Webインターフェースでも、「太字」と「太字でない」だけではなく、グラデーションが必要です。

これらの要件をすべて満たす既製のフォントを探すことができます。 しかし、それから私たちのブランドの声はユニークではありません。 製品の対象者の規模とアプリケーションの範囲を考えると、ライセンスに多額の費用を支払う必要があります。 独自のフォントを注文することにしました。

チーム

大規模な描画システムでの作業経験を持つフォントデザイナーが必要でした。 彼はロシア語を話すか、ロシア語を話すデザイナーと密接に連携する必要がありました。

Yandexでプロジェクトを開始したIra Voloshinaは、 Ilya Rudermanに頼りました。IlyaRudermanは 、 Christian Schwartzの接続を推奨しました。

その結果、IlyaとChristianのスタジオCommercial Typeでフォントを作成できたことは非常に幸運でした。

* * *


フォントデザインの世界のクリスチャン・シュワルツは、真の世界クラスのスーパースターです。 彼はFont Bureauと協力し（一般的に、Matthew Carter、フォントライターのVerdana、Georgiaなどの優れた出演者がいます）、Eric Shpikermannと協力しました。 彼の作品の中には、アメリカのエスクァイア、ドイツ鉄道のフォント、英国の新聞The Guardianの巨大なスタイルシステムがあり、国際的な賞を受賞しました。 クリスチャンはロンドンデザインミュージアム賞を受賞し、Wallpaper誌の「40歳未満の最も影響力のあるデザイナー40人」のリストに含まれています。

* * *


イリヤ・ルーダーマンは、ロシアの最も有名なフォントデザイナーの一人であり、 英国高等デザイン学校の教師です。 イリヤは、ハーグの王立芸術アカデミーでフォントデザインを学び、後に多くのロシアのフォントデザイナーが彼と一緒に勉強しました。 彼は、ポスターや他の多くの顧客向けの描画システムで働いていました。 非常に重要なことは、イリヤは長い間シュワルツと協力しており、一緒に複数のフォントを作成しました。

* * *

コマーシャルタイプニューヨークオフィスのデザイナーであるミゲルレイエスは 、イリヤと同様にオランダでフォントデザインを学び、クリスチャンとイリヤと共にチームでリードデザイナーとして働いていました。

ヒントとフォントのアセンブリは、 Mark Recordによって行われました。

プロジェクトのためにこのような素晴らしいチームを結成できたことは非常に幸運でした。

Yandex側からは、多くの素晴らしい人々がさまざまな段階でフォントに取り組んでいます。 プロジェクトはイリーナ・ヴォロシナによって開始されました。 この記事で既に言及したタラス・シャロフに積極的に参加しました。ダニル・コヴチイ・コフチイとセルゲイ・フェドロフ、スタス・プルクフ・ポリヤコフ、イヴァン・セムス・セメノフ、アンドレイ・カルマツキー・カルマツキー、ミシャ・ミルニコフ、ローマ・イスカンダロフ 、アンドレイ・ロス、ナスティア・ラルキーナ、 セリョージャ・トミロフニキータ・ブロヴィコフ、ディマ・セレダ、サーシャ・ヴォロディンなど、非常に多くの人々。 無限の数のデザイナーが編集、コメント、提案を送信しました。 皆さんに本当に感謝したいと思います。誰かを忘れることを非常に恐れているので、皆さんをリストしません。

フォントをどのように作りましたか

ここで、非常に簡潔に、そして作品の主要なマイルストーンについてのみお話しします。 2年半の間、すべてがたくさんありました、そして、投稿はすでに長すぎます。 イリヤとクリスチャンは近い将来、彼らの投稿を書く予定であり、そのプロセスについてはおそらくさらに詳細があるでしょう。

インターフェイスと通信の簡潔なレイアウトと多数のレイアウトを検討した後、設計者はコード名FlatとRoundの2つの方向を提案しました。

フラット-より多くのコントラストとシャープな特性：



ラウンド-友好的で柔らかい：



インターフェースと通信のレイアウトを試し、比較テストを行った後、ラウンドは議論の余地のない勝者でした。

しかし、このフォントはまだかなり「スクラッチ」に見えたため、次のバージョンでは仕上げの仕上げが柔らかくなりました。


<img src = " cdn-images-1.medium.com/max /800/1*XWqkkUy888GRSMI2NsgD_Q.png "alt ="画像 "/>

最初から、作業中の2つのバージョンのフォントがありました：テキストとディスプレイ：



「ディスプレイ」という言葉を見ると、このバージョンはスクリーン向けであると思うかもしれませんが、そうではありません。 タイポグラフィでは、テキストはメインセット、小さなピン、およびディスプレイに使用されます。たとえば、ヘッダーに使用されます。 ディスプレイの文字がより特徴的で精巧であることがわかります。

イタリック体では、個々のキャラクターの多数のバリエーションを調べました。 長い間、彼らは文字r、d、e、u、d、t、q、h、w、u、fの形式を選択できませんでした。 最終的に、数え切れないほどの試行錯誤の後、次のオプションを決定しました。



フォントは何度もテストされましたが、まだソフトで親切ではないように思えました。 彼は確かにモダンに見えましたが、例えばプライマーに内在する暖かさと人間性に欠けていました。 ストロークのプロポーションとエンディングで多くのバリエーションを試した後、より親切なバージョンを取得しました。



並行して、技術的な作業、カーニングペアの選択、ヒント、いくつかのスタイルでの作業が無限に続きました。

結果として何が起こったのか

Yandex Sansフォントの最終（今日）バージョンは次のようになります。


主要な競合他社とは異なり、Yandexのイメージとブランドの「声」をかなり正確に伝えるモダンなニュートラルフォントを作成するという、主要な問題を解決できたように思えます。

また、自然環境に適合するフォントは次のようになります。


検索結果のレイアウトでのYandex Sans。 著者-ダンヤ・コフチイ


新しいフォントを使用したYandex.Musicインターフェースのコンセプト。 著者-ダンヤ・コフチイ


新しいフォントを使用したYandexホームページのコンセプト。 著者-ダンヤ・コフチイ









現在、AndroidのLauncherのインターフェースとAboutページで新しいフォントを使用しています。



これで、Yandexの使命と会社の歴史を「声」、つまり新しいフォントで読むことができます。

そして、Yandex Sansが入力した投稿の冒頭のフレーズの例は次のとおりです。







ここでも、フォントが十分に認識可能かつ独特でありながら、中立のままであり、ソースマテリアルを歪めることなくテキストに追加の意味を追加しないことがわかります。

次は何ですか

多くの人が、新しいフォントをパブリックドメインに入れるかどうかを尋ねます。 現在、これを計画していません。 Yandex Sansは、Yandexロゴと同じように、当社ブランドの声です。 したがって、製品と通信でのみ使用されます。 AppleとGoogleは、iOSおよびAndroidアプリ開発者が使用できるように、フォントをオープンに配布しています。 現在、このようなタスクはありません。そのため、フォントを配布する予定はありません。

最も興味深いものがあります。 ご存知のように、製品の発売に伴い、その作業は始まったばかりです。 製品のYandex Sansを実際にテストすることはまだありません。 また、通信ですぐに表示されるようになった場合は、YandexメインページまたはYandex Sansの検索結果で、近い将来に間違いなく待つべきではありません。 しかし、スタートが切れており、これは私にとっては最も重要なことです。