[譯]《iOS Human Interface Guidelines》——Wallet

Wallet

Wallet(錢包)幫助人們查看和管理Pass(憑證)齿桃,這是一種類似于登機(jī)牌寄摆、優(yōu)惠券、會(huì)員卡袄琳、獎(jiǎng)勵(lì)卡和各種票的物理憑證的數(shù)字替代。Wallet也允許人們添加信用卡燃乍、借記卡和儲(chǔ)值卡來(lái)和Apple Pay一起使用唆樊。在你的app中,你可以創(chuàng)建一個(gè)Pass刻蟹,將其分配給用戶逗旁,然后當(dāng)內(nèi)容更改時(shí)更新它。

image

PassKit 框架使自定義內(nèi)容來(lái)接收Pass以及當(dāng)用戶的Pass庫(kù)中有它的時(shí)候使用Pass變得容易舆瘪。(查看Wallet Developer Guide來(lái)學(xué)習(xí)關(guān)于Wallet的主要技術(shù)以及如何在你的app中使用PassKit API片效。)下面這些指南可以幫助你創(chuàng)建一個(gè)人們樂(lè)于放在Wallet中并享受使用它的Pass。

設(shè)計(jì)在所有設(shè)備上都好看的Pass英古。當(dāng)你選擇一種Pass風(fēng)格——例如登機(jī)牌淀衣、優(yōu)惠券、票哺呜、獎(jiǎng)勵(lì)卡或者通用的pass——你會(huì)獲得一個(gè)獨(dú)特的布局和很多可以編輯的區(qū)域(查看Pass Style Sets the Overall Visual Appearance獲取不同pass風(fēng)格的細(xì)節(jié))舌缤。系統(tǒng)會(huì)在每個(gè)設(shè)備上恰當(dāng)?shù)仫@示你的pass,所以正確地使用pass的區(qū)域很重要某残。比如說(shuō)在Apple Watch上国撵,strip和略縮圖是不顯示的,所以你不會(huì)想把必要的信息放在這些區(qū)域中玻墅。查看Designing Passes for Apple Watch學(xué)習(xí)更多關(guān)于Apple Watch上pass布局的內(nèi)容介牙。

使用合適的pass區(qū)域來(lái)顯示文本。使用區(qū)域讓旁觀用戶可以獲取你pass中的所有信息澳厢,并給你的pass一個(gè)一致的外觀环础。還應(yīng)該避免在圖像上放置文字和使用自定義的字體,因?yàn)椴皇撬械脑O(shè)備都會(huì)顯示所有的圖片剩拢,并且自定義的字體會(huì)讓用戶讀起來(lái)很困難线得。

不要使用依托于設(shè)備的語(yǔ)言。你無(wú)法預(yù)期你的用戶會(huì)在什么設(shè)備上查看你的pass徐伐,所以你不會(huì)想使用在一些特殊的設(shè)備上沒(méi)有意義的語(yǔ)言贯钩。比如說(shuō),告訴用戶去“滑動(dòng)界面”的文字內(nèi)容在Apple Watch上沒(méi)有意義办素。

盡可能地避免簡(jiǎn)單地復(fù)制已經(jīng)存在的物理憑證角雷。Wallet有著確定的設(shè)計(jì)美學(xué),而和這種美學(xué)結(jié)合的pass看起來(lái)是最好的性穿。不要復(fù)制物理pass的外觀勺三,使用這個(gè)機(jī)會(huì)去設(shè)計(jì)一個(gè)遵循Wallet形式和功能的清晰的、簡(jiǎn)潔的pass需曾。

你放在pass前面板的信息要有講究吗坚。人們期待可以看一眼pass就很快地獲取他們需要的信息,所以pass的前面版應(yīng)該整潔且易于閱讀胯舷。如果有其他的信息你覺(jué)得用戶也許會(huì)需要刻蚯,將他放在pass的背面板比擠在前面板要好。注意Apple Watch上的pass不包含背面板桑嘶。

避免使用平淡的白色背景炊汹。pass會(huì)在背景是一個(gè)鮮明的、立體的顏色或者是使用強(qiáng)烈的生動(dòng)的顏色的圖片時(shí)看起來(lái)最好逃顶。當(dāng)你設(shè)計(jì)背景時(shí)讨便,永遠(yuǎn)要確保它不會(huì)干擾到內(nèi)容的可讀性。

為你的公司名使用logo文本區(qū)域以政。logo文本區(qū)域的文本會(huì)在所有的pass上使用一致的字體渲染霸褒。為了避免和Wallet里的其他pass沖突,推薦你將文本放在logo文本區(qū)域而不是使用自定義的字體盈蛮。

使用一個(gè)白色的公司logo废菱。logo圖會(huì)放在pass的左上角,靠近你的公司名。提供一個(gè)單純白色版本的不包含文字的logo會(huì)是最好的殊轴。如果你想要裝飾logo來(lái)和渲染的logo文本相匹配衰倦,添加一個(gè)1像素Y位移、1像素模糊旁理、35%透明度的黑色陰影樊零。

可能的話使用一個(gè)矩形的條形碼。由于pass的布局孽文,一個(gè)矩形的條形碼——例如PDF417——會(huì)比方形的二維碼看起來(lái)好驻襟。如下右圖所示,方形的二維碼會(huì)在兩邊形成空白區(qū)域而且會(huì)在垂直方向上使上面和下面的區(qū)域變得擁擠芋哭。

image

性能最好的圖片沉衣。由于用戶經(jīng)常通過(guò)郵件或Safari接收pass,使下載盡可能的快很重要减牺。為了提升用戶體驗(yàn)厢蒜,使用能達(dá)成想要的視覺(jué)外觀的最小的圖片文件。

當(dāng)合適的時(shí)候更新pass來(lái)加強(qiáng)它的實(shí)用性烹植。即使pass是用來(lái)代替基本不會(huì)更改的物理憑證的斑鸦,你的數(shù)字pass也可以通過(guò)反映現(xiàn)實(shí)世界的事件來(lái)提供更好的體驗(yàn)。比如說(shuō)草雕,你可以在飛機(jī)延誤的時(shí)候更新航空登機(jī)牌巷屿,這樣用戶就總是能在他們查看pass的時(shí)候獲取當(dāng)前的信息。

本文翻譯自蘋(píng)果官方開(kāi)發(fā)文檔

查看完整合集


查看作者首頁(yè)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末墩虹,一起剝皮案震驚了整個(gè)濱河市嘱巾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌诫钓,老刑警劉巖旬昭,帶你破解...
    沈念sama閱讀 221,888評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異菌湃,居然都是意外死亡问拘,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門惧所,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)骤坐,“玉大人,你說(shuō)我怎么就攤上這事下愈∨ι埽” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,386評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵势似,是天一觀的道長(zhǎng)拌夏。 經(jīng)常有香客問(wèn)我僧著,道長(zhǎng),這世上最難降的妖魔是什么障簿? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,726評(píng)論 1 297
  • 正文 為了忘掉前任霹抛,我火速辦了婚禮,結(jié)果婚禮上卷谈,老公的妹妹穿的比我還像新娘。我一直安慰自己霞篡,他們只是感情好世蔗,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,729評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著朗兵,像睡著了一般污淋。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上余掖,一...
    開(kāi)封第一講書(shū)人閱讀 52,337評(píng)論 1 310
  • 那天寸爆,我揣著相機(jī)與錄音,去河邊找鬼盐欺。 笑死赁豆,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的冗美。 我是一名探鬼主播魔种,決...
    沈念sama閱讀 40,902評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼粉洼!你這毒婦竟也來(lái)了节预?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,807評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤属韧,失蹤者是張志新(化名)和其女友劉穎安拟,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體宵喂,經(jīng)...
    沈念sama閱讀 46,349評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡糠赦,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,439評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了锅棕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片愉棱。...
    茶點(diǎn)故事閱讀 40,567評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖哲戚,靈堂內(nèi)的尸體忽然破棺而出奔滑,到底是詐尸還是另有隱情,我是刑警寧澤顺少,帶...
    沈念sama閱讀 36,242評(píng)論 5 350
  • 正文 年R本政府宣布朋其,位于F島的核電站王浴,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏梅猿。R本人自食惡果不足惜氓辣,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,933評(píng)論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望袱蚓。 院中可真熱鬧钞啸,春花似錦、人聲如沸喇潘。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,420評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)颖低。三九已至絮吵,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間忱屑,已是汗流浹背蹬敲。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,531評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留莺戒,地道東北人伴嗡。 一個(gè)月前我還...
    沈念sama閱讀 48,995評(píng)論 3 377
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像从铲,于是被迫代替她去往敵國(guó)和親闹究。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,585評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容