這份是 QGIS 視覺樣式指南。這份文件定議我們的視覺標示的標準，希望讓 QGIS 的品牌更現代化，表現更強，更容易識別，以及更容易適易不同應用場合。
這份視覺樣式指南是活的文件，最初目標是幫助 QGIS 發展出一致的訊息和形象。會說這是「活的」文件因為我們預期需要擴充到不同應用情境，視覺形象一致是相當重要而且能用簡單的規則描述。這份標準和這邊簡單的政策描述設定上是希望維持單一的面貌，能成功推廣和有效行銷 QGIS 專案。
我們的視覺辨識代表 QGIS 的力量，保證其品質和完整。正確處理 logo、字型和顏色確保 QGIS 在混亂的溝通中突顯出來。圖像標準是 QGIS 的視覺表現，應該服務整體的溝通策略。
第一版的圖像樣式指南概略描述 QGIS 新 Logo 的核心元素。未來版本會聚焦在品牌資產，如何在網路、行動裝置和印刷素材上散播 QGIS 品牌。
下載 logo 檔案
:下載:`SVG logo <files/qgis-logo.svg>`
:下載:`PNG logo <files/qgis-logo.png>`
:下載:`SVG 單色 logo <files/qgis-logo-monochrome.svg>`
新的 QGIS logo 在這邊呈現。保持原始 QGIS logo 的核心元素 (有箭頭穿過的 Q 字母)，這個新版本打算要清晰而且可伸縮，引進更簡單和大膽的形狀。
提議的修改如下列出：
既有的精神仍保留，但是 logo 變粗
陰影移除
Q 字母用無襯線字體
箭頭成為 Q 字母的一部分
QGIS logo 文字是依據自由和開放字型 Trueno Bold 字型。
下載簡約 logo
:下載:`SVG 128px <files/qgis-icon128.svg>` :下載:`SVG 64px <files/qgis-icon64.svg>` :下載:`SVG 32px <files/qgis-icon32.svg>`
:下載:`PNG 128px <files/qgis-icon128.png>` :下載:`PNG 64px <files/qgis-icon64.png>` :下載:`PNG 32px <files/qgis-icon32.png>`
下載簡約黑色
:下載:`SVG 黑色 128px <files/qgis-icon-black128.svg>` :下載:`SVG 黑色 64px <files/qgis-icon-black64.svg>` :下載:`SVG 黑色 32px <files/qgis-icon-black32.svg>`
:下載:`PNG 黑色 128px <files/qgis-icon-black128.png>` :下載:`PNG 黑色 64px <files/qgis-icon-black64.png>` :下載:`PNG 黑色 32px <files/qgis-icon-black32.png>`
下載簡約綠色
:下載:`SVG 綠色 128px <files/qgis-icon-green128.svg>` :下載:`SVG 綠色 64px <files/qgis-icon-green64.svg>` :下載:`SVG 綠色 32px <files/qgis-icon-green32.svg>`
:下載:`PNG 綠色 128px <files/qgis-icon-green128.png>` ::下載:`PNG 綠色 64px <files/qgis-icon-green64.png>` ::下載:`PNG 綠色 32px <files/qgis-icon-green32.png>`
下載簡約白色
:下載:`SVG 白色 128px <files/qgis-icon-white128.svg>` :下載:`SVG 白色 64px <files/qgis-icon-white64.svg>` :下載:`SVG 白色 32px <files/qgis-icon-white32.svg>`
:下載:`PNG 白色 128px <files/qgis-icon-white128.png>` :下載:`PNG 白色 64px <files/qgis-icon-white64.png>` :下載:`PNG 白色 32px <files/qgis-icon-white32.png>`
Trueno 是自由字型圖書館襯線字型。要內嵌字型的話，請使用網站 header <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/trueno" type="text/css"/> 使用
名稱 |
字型家族 |
|---|---|
Trueno Ultra light |
'TruenoUltraLight' |
Trueno Regular |
'TruenoRegular' |
Trueno Bold |
'TruenoBold' |
深綠色
HEX: #589632
RGB: 88, 150, 50
CMYK: 70.53, 18.84, 100, 3.7
在單色版本中，QGIS 深綠色會用在每個 logo 元素上。另外也會用在背景，主要頭條或是文字顏色。
淺綠色
HEX: #93b023
RGB: 147, 176, 35
CMYK: 50.62, 12.6, 100, 0.86
QGIS 淺綠版用在比較不重要的內容上。另外也可以當作次要背景，文字或是連結顏色。
漸層
兩個主要顏色用在 logo 的垂直線性漸層顏色，漸層顏色也可以用在網路和印刷品的背景
色盤
檸檬色
HEX: #f0e64a
RGB: 240, 230, 74
CMYK: 11, 0, 79, 0
橘色
HEX: #ee7913
RGB: 238, 121, 19
CMYK: 0, 62, 96, 0
QGIS 檸檬和橘色用在修飾和號召行動上面。
色盤
