新しい2GISのグラフィックとタイポグラフィ





少し前に、 新しい2GISを導入しました -おそらく記者会見で放送を見たか、こちらの記事を読んでください。 新機能については多くのことが言われていますが、デザインの変更についてはほとんど何も言われていません。 このギャップを埋める時が来ました。



2GISは2つの同等の部分で構成されています。 1つ目は3次元の都市地図です。 第二-企業、場所、交通機関のディレクトリ、データで急速に成長しました。



新しい2GISに取り組んでいる間、私たちは便利で人間工学に基づいたインターフェイスソリューションだけでなく、マップのユニークなグラフィック言語とリファレンスブックも探していました。 新しいバージョンのグラフィックスの重要な要素についてお伝えしたいと思います。



1年半の間、2GISマップの設計は大きく進歩しました。新しい色、3次元の建物、およびアトラクションの3Dモデルが登場しました。 新しいバージョンでは、マップに表示されるデータに注意を払う必要がありました。 特に組織マーカー-マッピングサービスの重要な識別子。 それらのそれぞれには、一種のコーリングカードである、独自の、記憶に残るマーカーがあります。







ニュアンスがあります-興味深いソリューションで密集したセットでユニークなグラフィックスを見つけることはかなり困難です。







さらに、マーカーの形状について別の要件を作成しました。 このマーカーをクリックすると開くカード内のフォームの連続性は、私たちにとって重要でした。 実験は続けられました。







多くのフォームを実験して、新しい2GISの設計のプラスチックキー要素を選択するのにさらに役立つソリューションを見つけました。







次のステップは、気質の参照の検索でした。



参照は大量のテキストです。 したがって、ディレクトリのフォントは、ディレクトリの認識と性質に作用する主要な識別子の1つです。







フォントを2GIS製品の使用の高いリズムに対応させる必要があることを認識して、要件の収集を開始しました。 したがって、フォントはディレクトリオブジェクトの長い名前で、画面の幅がofのパネルで機能するため、適切な文字認識、高速読み取り、および画面スペースの節約に焦点を合わせる必要があります。







長い名前の文字列容量の要件により、すぐに狭いフォントが圧縮されました



ユーザー側では、カスタムフォントを使用してサイトおよびサービスのページを開くのに遅延があります。 それを制御し、ユーザーからの迅速な応答を実現したかったのです。 したがって、ページ上のフォントの量を投与する必要がありました。 これは、選択したフォントに標準システムセットのフォントが付随し、正確にすばやく表示されることを意味します。 システムとして、HelveticaとArialを選択しました。 そのような選択は、候補者のサインのデザインに制限を課しました。 閉じたグロテスクでなければなりません。 フォントの最終セットが形成されました-閉じた凝縮グロテスク:







2GISは主にロシア語のサービスであるため、キリル文字のフォントを調べました。



選択肢は豊富ではありませんでした。 2人の候補者に注目しました。 それらを別のディレクトリに置き換えて、以下を見ました。



一方では、ほとんどすべての問題は、開発とマスタリングに特化したフォント作成者とファウンドリで解決できます。 一方、各変更は最終コストを大幅に変更しました。 両方の候補者が私たちに合わなかったので、私たちは一歩後退しました。 彼らは、ラテンアルファベットのフォントを探し、キリル文字を個別に作成することにしました。



この間、私たちは同時に2GISブランドの刷新に取り組み、フォント市場で私たちに近いフォームでフォントを開発しているスタジオに気付きました。





Swiss Typefaces -Jan Patiが率いるスイスの鋳造会社は、Suisseフォントファミリーに取り組んでいました。 このフォントのグラフィックスは私たちに近かった。 当時の出版物には圧縮フォントが含まれていなかったという事実にもかかわらず、私たちはスタジオに連絡しました。 宇宙は私たちを盗聴していましたが、イアンは彼のスイスBPインターナショナルの凝縮物に取り組んでおり、キリル文字でフォントファミリーを補充することに興味があることがわかりました。 協力に同意しました。

スタジオはAlexei Vanyashinと協力して、キリル文字を開発し、必要なストローク幅のカスタムスタイルを準備しました。







このコラボレーションにより、スイスBPインターナショナルコンデンスとコンデンスボールドの素晴らしい組み合わせが生まれました。







このフォントでは、著者は伝統的なヘルベチカをcompめ、優雅な動きでそのプラスチックをリフレッシュしました。







スイスでは、小文字と大文字の丸めが少なく、見出しのリズムを設定し、単語に黒い斑点が現れることなく、追跡を少し強化するのに役立ちます。 小文字では、肩と半楕円形の垂直ストロークへの入力はより対照的であり、これは読みのリズムと文字の識別可能性にも影響します。 ストローク幅は、ディレクトリで使用するために個別に調整されました。



2GISは普遍的なリファレンスですが、あらゆる都市のユーザーに親しみを感じさせるよう努めています。 たとえば、一部の都市のマップは個別に構成されます。 さらに進んで、都市のグラフィカルな識別子のシステムを開発することにしました。 それはもっと簡単に思えるかもしれません-すべての紋章を再描画し、それらをインターフェースに挿入しました。 ああ、いや:都市の紋章に普遍的なルールときれいな解決策の欠如は私たちの仕事を非常に複雑にしました。 したがって、識別子は、都市の紋章または主要な建築、文化、工業対象の最もわかりやすい画像に基づいています。







これらおよび他の多くの動きにより、グラフィック言語を作成することができました。これはすでにbeta.2gis.ruで確認でき、将来の製品で2GISを確認できます。



All Articles