CH3. iOS Technologies(03)_Wallet

Wallet(卡包)

卡包幫助用戶查看和管理卡券(pass)须妻,業(yè)績(jī)是那些諸如品牌卡券、優(yōu)惠券泛领、會(huì)員卡荒吏、返券、門(mén)票等物理卡券的數(shù)字代理渊鞋〈赂卡包還可以讓用戶添加信用卡、借記卡以及商店卡篓像,然后通過(guò)Apple Pay來(lái)使用动知。在你的應(yīng)用里,你可以創(chuàng)建卡券员辩,分發(fā)給用戶盒粮,還可以在它發(fā)生變化時(shí)進(jìn)行更新。

卡券套件(passkit)框架使得利用自定義內(nèi)容創(chuàng)建卡券以及打開(kāi)用戶卡券庫(kù)中的卡券變得容易奠滑。(學(xué)習(xí)卡券技術(shù)的主要概念以及如何在你的 應(yīng)用中使用卡券套件API丹皱,參看Wallet Developer Guide.)以下原則可以幫你創(chuàng)建用戶喜歡在卡包應(yīng)用中使用的卡券。

設(shè)計(jì)卡券宋税,讓它在所有的設(shè)備上都看起來(lái)很棒摊崭。當(dāng)你選定卡券類型——比如品牌卡券、優(yōu)惠券杰赛、門(mén)票呢簸、返券、或者普通卡券——你會(huì)得到一個(gè)特別的設(shè)計(jì)圖和一系列工作區(qū)域(詳細(xì)了解不同的卡券類型,參看Pass Stytle Sets the overall Visual Appearance)根时。系統(tǒng)會(huì)在每臺(tái)設(shè)備上適當(dāng)?shù)仫@示你的卡券瘦赫,所以正確地使用卡券區(qū)域非常重要。比如在Apple Watch上蛤迎,條帶狀和極小的圖像不會(huì)被顯示确虱,所以你不要把重要的信息放在這些元素中。學(xué)習(xí)更多關(guān)于卡券設(shè)計(jì)圖的內(nèi)容替裆,參看Designing Passes for Apple Watch校辩。

使用合適的卡券區(qū)域來(lái)顯示文字。使用那種可以允許VoiceOver用戶獲得所有卡券信息的文本區(qū)域辆童,給你的卡券一致的外觀宜咒。避免把文本信息埋植于圖片中,使用自定義字體是個(gè)好想法胸遇,因?yàn)椴⒉皇撬袌D片都會(huì)在設(shè)備上正確顯示而且用戶很難閱讀那些文字荧呐。

避免使用與具體設(shè)備相關(guān)的語(yǔ)言汉形。你無(wú)法預(yù)測(cè)用戶會(huì)在哪種設(shè)備上查看你的卡券纸镊,所以你不應(yīng)使用可能只在特定設(shè)備上才有意義的語(yǔ)言。比如告訴用戶“滑動(dòng)以查看”的文本概疆,當(dāng)它出現(xiàn)在Apple Watch上時(shí)就不會(huì)有意義逗威。

盡可能避免簡(jiǎn)單復(fù)制已經(jīng)有的物理卡券。卡包有一個(gè)成熟的設(shè)計(jì)美學(xué)岔冀,卡券設(shè)計(jì)應(yīng)該符合該審美觀以達(dá)到最佳的視覺(jué)效果凯旭。與其復(fù)制一個(gè)物理卡券的外觀,不如趁此機(jī)會(huì)設(shè)計(jì)一個(gè)符合卡包形式與功能的使套,簡(jiǎn)單明快的卡券罐呼。

要精心設(shè)計(jì)卡券正面的信息。 用戶期望能夠僅僅一瞥就找到卡券上他們需要的信息侦高,所以卡券的正面應(yīng)該整潔以便于閱讀嫉柴。如果你認(rèn)為有一些別的信息用戶可能需要,最好把它放在卡券背面奉呛,而不是與其它信息擠在正面的狹小空間中计螺。需要注意的是,Apple Watch上的卡券沒(méi)有背面視圖瞧壮。

不要使用樸素的純白色做卡券背景登馒。當(dāng)背景使用鮮艷的純色或者使用艷麗生動(dòng)的圖片時(shí)看,卡券的視覺(jué)效果最佳咆槽。當(dāng)你設(shè)計(jì)背景時(shí)陈轿,一定要確保它不會(huì)影響卡券內(nèi)容的可讀性。

使用Logo文本區(qū)域填寫(xiě)你的公司名稱。Logo文本區(qū)域的字體在所有卡券上都是一致的麦射。為了避免與卡包中的其它卡券沖突赠堵,推薦你在Logo文本區(qū)域輸入文字,而不要使用自定義字體法褥。

使用白色的公司Logo茫叭。Logo圖片放置在卡券的左上角,緊鄰你的公司名稱半等。為了達(dá)到最佳的效果揍愁,你需要提供一個(gè)不包含文字的純白色Logo。如果你想讓Logo醒目(engrave)與Logo配文相配杀饵,可以添加一個(gè)黑色的水滴陰影(black drop shadow)莽囤,搭配1像素的Y軸偏置,1像素的x軸模糊切距,和35%的不透明度朽缎。

若可能,使用矩形條形碼谜悟。由于卡券的布局话肖,矩形條形碼——比如PDF417——看起來(lái)比方形二維碼好看。如同下方右側(cè)的圖示葡幸,方形二維碼給兩側(cè)帶來(lái)了不協(xié)調(diào)的空白最筒,并且在縱向使其上下的區(qū)域變得擁擠。

為更好的性能優(yōu)化圖片蔚叨。因?yàn)橛脩艚?jīng)常通過(guò)Email或Safari接收卡券床蜘,讓下載盡可能快非常重要。為提升用戶體驗(yàn)蔑水,要使用能達(dá)到預(yù)期視覺(jué)外觀的最小圖片文件邢锯。

適當(dāng)?shù)臅r(shí)候更新卡券,以強(qiáng)化卡券的效用搀别。即便僅是代表那些不會(huì)改變的物理卡圈丹擎,你的數(shù)字卡券同樣可以通過(guò)對(duì)現(xiàn)實(shí)世界的事件做出反應(yīng)來(lái)提供更好的用戶體驗(yàn)。比如领曼,當(dāng)航班晚點(diǎn)的時(shí)候你可以更新飛機(jī)登機(jī)牌鸥鹉,用戶查看登機(jī)牌的時(shí)候總是可以獲得最新的信息。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末庶骄,一起剝皮案震驚了整個(gè)濱河市毁渗,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌单刁,老刑警劉巖灸异,帶你破解...
    沈念sama閱讀 218,941評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件府适,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡肺樟,警方通過(guò)查閱死者的電腦和手機(jī)檐春,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)么伯,“玉大人疟暖,你說(shuō)我怎么就攤上這事√锶幔” “怎么了俐巴?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,345評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)硬爆。 經(jīng)常有香客問(wèn)我欣舵,道長(zhǎng),這世上最難降的妖魔是什么缀磕? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,851評(píng)論 1 295
  • 正文 為了忘掉前任缘圈,我火速辦了婚禮,結(jié)果婚禮上袜蚕,老公的妹妹穿的比我還像新娘糟把。我一直安慰自己,他們只是感情好廷没,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,868評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布糊饱。 她就那樣靜靜地躺著垂寥,像睡著了一般颠黎。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上滞项,一...
    開(kāi)封第一講書(shū)人閱讀 51,688評(píng)論 1 305
  • 那天狭归,我揣著相機(jī)與錄音,去河邊找鬼文判。 笑死过椎,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的戏仓。 我是一名探鬼主播疚宇,決...
    沈念sama閱讀 40,414評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼赏殃!你這毒婦竟也來(lái)了敷待?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,319評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤仁热,失蹤者是張志新(化名)和其女友劉穎榜揖,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,775評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡举哟,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年思劳,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片妨猩。...
    茶點(diǎn)故事閱讀 40,096評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡潜叛,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出壶硅,到底是詐尸還是另有隱情钠导,我是刑警寧澤,帶...
    沈念sama閱讀 35,789評(píng)論 5 346
  • 正文 年R本政府宣布森瘪,位于F島的核電站牡属,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏扼睬。R本人自食惡果不足惜逮栅,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,437評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望窗宇。 院中可真熱鬧措伐,春花似錦、人聲如沸军俊。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,993評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)粪躬。三九已至担败,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間镰官,已是汗流浹背提前。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,107評(píng)論 1 271
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留泳唠,地道東北人狈网。 一個(gè)月前我還...
    沈念sama閱讀 48,308評(píng)論 3 372
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像笨腥,于是被迫代替她去往敵國(guó)和親拓哺。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,037評(píng)論 2 355

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