ビジュアルスタイルガイド

バージョン1.0

これが私たちのQGISビジュアルスタイルガイドです。この文書は、当社のビジュアルアイデンティティの使用のための標準を定義します。それはより強く、より多くの目に見えるとユースケースの幅広い範囲より適応させるためにQGISブランドの近代化を提案しています。

ビジュアルスタイルガイドは生きている文書で、QGISのための一貫したメッセージや画像を開発することを目標に開始されています。私たちは、視覚的一貫性が重要であり、単純な規則を使用して記述することができ、よりユースケースをカバーするとして、それが拡大することを期待するので、それは「生きている」文書です。ここで説明する基準および簡単なポリシーは、QGISプロジェクトの宣伝広告および市場開拓の努力が成功するために必要なプレゼンテーションの統一性を維持するように設計されています。

私たちのビジュアル・アイデンティティは、QGISの強さ、品質と能力の約束を象徴しています。ロゴ、フォントや色を適切に扱うことで、通信の混乱の中でQGISが認識され目立つことを保証します。グラフィック基準はQGISの視覚的な表現であり、当社の全体的なコミュニケーション戦略のための基盤としての役割を果たす必要があります。

グラフィックスタイルガイドのこの最初のバージョンでは、新たなQGISのロゴのコア要素の概要を説明します。将来のバージョンでは、資産をブランディングし、どのようにウェブ、モバイルデバイスや印刷物を越えQGISのブランドを広めるために焦点を当てます。

ロゴタイプ

オリジナル

../../_images/main_logo.png ../../_images/main_logo_monochrome.png

ダウンロードロゴファイル

SVGロゴ

PNGロゴ

SVG白黒ロゴ

PNG白黒ロゴ

新しいQGISのロゴがここに示されています。元QGISのロゴ(それを通して矢印のQ文字)の中核的な要素を維持、この新しいバージョンは、単純かつ大胆な形状を導入し、シャープかつスケーラブルになろうとします。

提案された変更は以下のとおりです。

  • 既存の精神が保たれますが、ロゴは太字です

  • 影を削除します

  • Qは、サンセリフ体です

  • 矢印は、Q文字の一部となります

  • QGISロゴテキストは自由&リブレトレノ太字フォントに基づいています。

最小限の

../../_images/minimal.png

最小限のロゴをダウンロード

SVG 128px SVG 64px SVG 32px

PNG 128px PNG 64px PNG 32px

../../_images/minimal_black.png

最小限の黒をダウンロード

SVG黒128px SVG黒64px SVG黒32px

PNG黒128px PNG黒64px PNG黒32px

../../_images/minimal_green.png

最小限の緑をダウンロード

SVG緑128px SVG緑64px SVG緑32px

PNG緑128px PNG緑64px PNG緑32px

../../_images/minimal_white.png

最小限の白をダウンロード

SVG白128px SVG白64px SVG白32px

PNG白128px PNG白64px PNG白32px

タイポグラフィ

トレノフォント

トレノは無料のフォントライブラリserifフォントです。それを埋め込むためには、サイトヘッダ内で <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/trueno" type="text/css"/> を使用してください

名前

フォントファミリー

トレノウルトラライト

'TruenoUltraLight'

トレノレギュラー

'TruenoRegular'

トレノボールド

'TruenoBold'

原色

濃緑色

../../_images/dark_green.png

HEX: #589632

RGB: 88, 150, 50

CMYK: 70.53, 18.84, 100, 3.7

QGIS濃緑色の色は白黒版ではすべてのロゴの要素のために使用されます。また、バックグラウンド、主見出しやテキストの色として使用することができます。

薄緑色

../../_images/light_green.png

HEX: #93b023

RGB: 147, 176, 35

CMYK: 50.62, 12.6, 100, 0.86

QGIS薄緑色はより重要度の低いコンテンツに使用されます。二次的背景、テキストやリンクの色として使用できます。

勾配

../../_images/gradient.png

2つの原色はロゴの縦直線勾配として使用され、この勾配は、ウェブサイトや印刷物の背景に使用することができます

カラーパレット

../../_images/dark_green_palette.png ../../_images/light_green_palette.png

二次色

レモン

../../_images/lemon.png

HEX: #f0e64a

RGB: 240, 230, 74

CMYK: 11, 0, 79, 0

オレンジ

../../_images/orange.png

HEX: #ee7913

RGB: 238, 121, 19

CMYK: 0, 62, 96, 0

アクセントと行動喚起に使用されるQGISレモンとオレンジ色

カラーパレット

../../_images/lemon_palette.png ../../_images/orange_palette.png