GDS Digital Service Manual 中文翻譯網站 (beta)
by HPX-GOV 英國政府數位服務研究小組 GDS Study Group
Home » 英國政府數位服務設計手冊 » 以使用者為中心的設計 (User-centred design) » GOV.UK的頁首和頁尾(GOV.UK header and footer)

GOV.UK的頁首和頁尾(GOV.UK header and footer)

如何讓你的服務看起來像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上簡單的服務請使用以下頁首:

頭選項1

注意下列事項:

  • GOV.UK的標誌需連回GOV.UK主頁
  • 將藍色色塊寬度設定成與內容區塊同寬。預設值是960畫素(px)。
  • 色塊的顏色編碼是$ govuk-blue(#005ea5)

如果你的服務有很多頁,可以在頁面加上標題,方便使用者瀏覽:

頭選項2

如果您需要放聯絡方式或帳戶管理的連結,可以使用下面這種頁首:

頭選項3

標題和導覽列的程式碼


在GOV.UK上的服務,應使用標準GOV.UK首頁的頁尾,但去掉瀏覽的連結。您也可以添加連回負責部門和其他語言選項的連結。

下面是“更新牌照”服務的例子:

 

譯者:蔡怡娜
校稿者:Amy Hsu, James Chu
原始出處:https://www.gov.uk/service-manual/user-centered-design/resources/header-footer.html

請留言

你的email信箱不會被發布出來. Required fields are marked *

*

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料