PassKit 技術(shù)可以讓用戶方便地自定義一個(gè)票券，也可以輕松訪問庫中有的票券。（想要學(xué)習(xí)更多關(guān)于 Passbook 的核心技術(shù)以及如何使用 PassKit 接口，請參考 Passbook Programming Guide。）以下幾點(diǎn)可以幫助你創(chuàng)建一個(gè)用戶喜歡的票券。

不要只是簡單復(fù)制已有的實(shí)體票券。Passbook 擁有成熟的外觀設(shè)計(jì)，票券也應(yīng)該與之協(xié)調(diào)。所以不要只是復(fù)制實(shí)體票券的外觀，抓住這次機(jī)會設(shè)計(jì)一個(gè)符合 Passbook 外觀和功能的干凈簡潔的票券樣式。

認(rèn)真篩選出現(xiàn)在票券正面的信息。用戶希望掃一眼票券就能快速獲得他們需要的信息，所以票券正面的信息應(yīng)該是整潔且易讀的。如果有用戶可能會需要的額外信息，將它們放到票券的背面要比擠在正面好得多。

通常情況下，避免使用純白色背景。通常，一個(gè)好看的票券應(yīng)該使用鮮艷的純色背景或者使用沖擊力強(qiáng)，充滿活力的圖片作為背景。當(dāng)然，在設(shè)計(jì)背景時(shí)還要確保內(nèi)容的可讀性。

在商標(biāo)文本區(qū)域顯示你的公司名稱。所有票券的商標(biāo)文本區(qū)域的文字都使用了統(tǒng)一的字體。為了避免和其他票券發(fā)生沖突，還是建議您在商標(biāo)文本區(qū)域輸入文字，不要使用自定義字體。

提醒

最好在票券的合適區(qū)域展示所有的文本內(nèi)容，并且避免將文本嵌入圖片或使用自定義的字體。這樣做有兩個(gè)好處：它方便使用 VoiceOver 的用戶獲得票券中的所有信息并且可以使你的票券的外觀有一致性。

使用單色的公司商標(biāo)。商標(biāo)圖片放置在票券左上角公司名稱的旁邊。最好提供一個(gè)單色的，不包含文字的商標(biāo)。如果你想要增強(qiáng)商標(biāo)的效果，以便與文字風(fēng)格匹配，可以增加一個(gè)在y軸方向上有1像素偏移，有1像素模糊和透明度為35%的黑色陰影效果。

如果可以的話，使用長方形的條形碼。類似于 PDF417 這樣的長方形條形碼比正方形二維碼更適合票券的布局。如下右圖所示，正方形的二維碼會使兩邊有空白區(qū)域并且會在垂直方向上使上下方內(nèi)容變得擁擠。

長方形條碼在布局中更適合：

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/rect_barcode_2x.png" alt="" />

正方形條碼則會使其他部分顯得擁擠：

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/square_barcode_2x.png" alt="" />

為性能優(yōu)化圖片。因?yàn)橛脩敉ǔㄟ^電子郵件或者瀏覽器接收票券，所以下載的越快越好。為了提高用戶體驗(yàn)，使用能滿足視覺效果的最小的圖片文件。

在合適的時(shí)候更新票券以增強(qiáng)其效果。即使一個(gè)票券代表的物理實(shí)體并不會改變，數(shù)字的票券也可以通過映射真實(shí)世界的一些事件來提供更好的用戶體驗(yàn)。例如，當(dāng)某個(gè)航班延誤時(shí)你可以更新登機(jī)牌上的信息，這樣用戶就能夠通過查看電子登機(jī)牌來獲得當(dāng)前的信息了。

上一篇：動(dòng)畫下一篇：為 iOS 而設(shè)計(jì)