如何讓你的服務看起來像GOV.UK
內容
本指南說明何時以及如何使用GOV.UK頁首,頁尾,標識和字體。
何時使用GOV.UK頁首和頁尾
如果你的服務會在www.gov.uk,service.gov.uk或blog.gov.uk上,必須使用GOV.UK頁首和頁尾。這包括皇冠圖像,GOV.UK標識和New Transport字體。
如果它不在這些網域(包括data.gov.uk)上,就不能使用GOV.UK頁首和頁尾。
如果您的服務還沒進入測試階段,就不需要使用GOV.UK頁首和頁尾。讓使用者實際測試前,最重要的是先快速作出原型。
頁首和頁尾程式碼
頁首和頁尾的程式碼和資源都可以在Github上的GOV.UK模版找到。
選擇合適的頁首
針對不同類型的頁面,有不同版本的GOV.UK頁首。GOV.UK上簡單的服務請使用以下頁首:
注意下列事項:
- GOV.UK的標誌需連回GOV.UK主頁
- 將藍色色塊寬度設定成與內容區塊同寬。預設值是960畫素(px)。
- 色塊的顏色編碼是$ govuk-blue(#005ea5)
如果你的服務有很多頁,可以在頁面加上標題,方便使用者瀏覽:
如果您需要放聯絡方式或帳戶管理的連結,可以使用下面這種頁首:
選擇合適的頁尾
在GOV.UK上的服務,應使用標準GOV.UK首頁的頁尾,但去掉瀏覽的連結。您也可以添加連回負責部門和其他語言選項的連結。
下面是“更新牌照”服務的例子:
譯者:蔡怡娜
校稿者:Amy Hsu, James Chu
原始出處:https://www.gov.uk/service-manual/user-centered-design/resources/header-footer.html