【原創(chuàng)譯文】為Apple Watch設(shè)計APP的11點建議

作者在參加完WWDC2015后撩独,整理出11條針對Apple Watch產(chǎn)品設(shè)計的11個小貼士浸策,可以幫助我們更好地設(shè)計針對Apple Watch的APP。以下是重點條目摘錄翻譯摸柄。

原文:11 Tips For Designing Apps for Apple Watch

1卸察、優(yōu)化你的JPG圖像

Apple Watch用戶在持續(xù)移動的場景下查看4厘米大小的屏幕時她倘,更希望圖片加載更快而不是質(zhì)量更高。也就是說作箍,你需要:

讓JPG圖片質(zhì)量降低

使用大小合適的圖片而不是讓其被裁減

2帝牡、優(yōu)化你的PNG資源

使用PNG-8替代PNG-24

使用PNG-8代替PNG-24能顯著降低文件大小。此外你還可以用黑色背景代替透明背景蒙揣,盡管我不會在網(wǎng)頁/移動設(shè)計中這么做,但在手表上我們可以對資源顯示位置做更多控制开瞭,而90%的情況下我們都會把圖片資源置于黑色背景上懒震。

當你為未來的動畫效果保存圖片序列時,這個技術(shù)能顯著提升性能嗤详。

使用ImageOptim壓縮更多

3. 采用逐步加載方式

如果你需要加載像圖片或地圖那樣的大型資源个扰,那就在加載的同時給用戶展示其他內(nèi)容。不要因為等待圖片加載就阻塞了整個屏幕顯示區(qū)域葱色。

4. 確定圖片占位符和原圖尺寸一致

如果尺寸不一致递宅,一旦圖片加載完成,其他內(nèi)容就會“跳走”苍狰,讓用戶感到摸不著頭腦(尤其是他開始滾動屏幕時)

5. 有序排版你的內(nèi)容

在極短的交互時間里办龄,盡可能快地為用戶展示他想要看的內(nèi)容尤為重要。

6. 手表上的返回鍵沒有標簽淋昭,需要讓其顯示當前屏幕主題俐填。

在iPhone或iPad上,我們可以在屏幕頂部同時看到返回標簽和當前主題翔忽。但手表上沒有足夠的空間讓二者同時顯示英融,所以Apple打算僅顯示用戶當前所在屏幕主題。

7. 讓頁面元素更大

越大越好歇式。確保每個可點擊元素在38mm手表上至少75px驶悟,在42mm手表上至少80px。

8. 使用正確的字體 (San Francisco 壓縮版)

針對移動端/桌面端和手表材失,Apple提供了兩種不同的字體痕鳍。針對手表端,San Francisco font family提供了壓縮版本豺憔。和常規(guī)版相比额获,它提供了更寬的字間距,使之確保在小屏幕上顯示的更清晰恭应。

9. 為手表適配你的icon

Apple Watch上的應用icon是圓形的抄邀,而且明顯比在移動端顯示的尺寸更小。當你把常規(guī)icon尺寸縮小到手表的尺寸后昼榛,它可能看起來并不那么好看境肾。這里有幾個方法能夠確保你的app圖標在手表上是可識別的剔难。

去掉文字,讓圖形更簡約

化簡小尺寸的圖像

設(shè)計一個表現(xiàn)手表功能的圖標

你的寶貝Watch應用能做的事和你的手機端應用一樣么奥喻?有時Watch應用僅是一個(手機端應用)功能上的補充偶宫,比如Camera在手表端是用來當iPhone版相機快門用的。試著把你的圖標設(shè)計成能反映它功能差異性的樣式环鲤。

10. 不用擔心在Sketch/Photoshop中的邊距問題(padding)

在Photoshop/Sketch中設(shè)計手表應用時纯趋,內(nèi)容距離邊框過近讓我感覺很不舒服,而我絕不會讓這種事在Web或移動端發(fā)生冷离,但對于Apple Watch而言吵冒,有一件事則要爛熟于心——手表的硬件底座會為app形成天然的邊距。

11. 要考慮色盲者

記得檢查下你的界面色盲者看到的效果如何西剥。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末痹栖,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子瞭空,更是在濱河造成了極大的恐慌揪阿,老刑警劉巖,帶你破解...
    沈念sama閱讀 223,002評論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件咆畏,死亡現(xiàn)場離奇詭異南捂,居然都是意外死亡,警方通過查閱死者的電腦和手機鳖眼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評論 3 400
  • 文/潘曉璐 我一進店門黑毅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人钦讳,你說我怎么就攤上這事矿瘦。” “怎么了愿卒?”我有些...
    開封第一講書人閱讀 169,787評論 0 365
  • 文/不壞的土叔 我叫張陵缚去,是天一觀的道長。 經(jīng)常有香客問我琼开,道長易结,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,237評論 1 300
  • 正文 為了忘掉前任柜候,我火速辦了婚禮搞动,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘渣刷。我一直安慰自己鹦肿,他們只是感情好,可當我...
    茶點故事閱讀 69,237評論 6 398
  • 文/花漫 我一把揭開白布辅柴。 她就那樣靜靜地躺著箩溃,像睡著了一般瞭吃。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上涣旨,一...
    開封第一講書人閱讀 52,821評論 1 314
  • 那天歪架,我揣著相機與錄音,去河邊找鬼霹陡。 笑死和蚪,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的烹棉。 我是一名探鬼主播惠呼,決...
    沈念sama閱讀 41,236評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼峦耘!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起旅薄,我...
    開封第一講書人閱讀 40,196評論 0 277
  • 序言:老撾萬榮一對情侶失蹤辅髓,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后少梁,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體洛口,經(jīng)...
    沈念sama閱讀 46,716評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,794評論 3 343
  • 正文 我和宋清朗相戀三年凯沪,在試婚紗的時候發(fā)現(xiàn)自己被綠了第焰。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,928評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡妨马,死狀恐怖挺举,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情烘跺,我是刑警寧澤湘纵,帶...
    沈念sama閱讀 36,583評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站滤淳,受9級特大地震影響梧喷,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜脖咐,卻給世界環(huán)境...
    茶點故事閱讀 42,264評論 3 336
  • 文/蒙蒙 一铺敌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧屁擅,春花似錦偿凭、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽取视。三九已至,卻和暖如春常挚,著一層夾襖步出監(jiān)牢的瞬間作谭,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評論 1 274
  • 我被黑心中介騙來泰國打工奄毡, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留折欠,地道東北人。 一個月前我還...
    沈念sama閱讀 49,378評論 3 379
  • 正文 我出身青樓吼过,卻偏偏與公主長得像锐秦,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子盗忱,可洞房花燭夜當晚...
    茶點故事閱讀 45,937評論 2 361

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