• <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <small id="ggggg"></small> <sup id="ggggg"></sup>
    <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <tfoot id="ggggg"></tfoot>
  • <nav id="ggggg"><cite id="ggggg"></cite></nav>
    <nav id="ggggg"></nav>
    成人黃色A片免费看三更小说,精品人妻av区波多野结衣,亚洲第一极品精品无码,欧美综合区自拍亚洲综合,久久99青青精品免费观看,中文字幕在线中字日韩 ,亚洲国产精品18久久久久久,黄色在线免费观看

    關(guān)于APPLE WATCH官方提到的10個(gè)設(shè)計(jì)小技巧

    2015-6-23    用心設(shè)計(jì)

    藍(lán)藍(lán)設(shè)計(jì)www.lzhte.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


    每一個(gè)扁平化界面設(shè)計(jì),都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

    來源:莫貝網(wǎng)

    編者按:今天這篇是國外某位親歷WWDC 2015的設(shè)計(jì)師寫的,他把官網(wǎng)視頻里提到的小技巧都提煉成圖文分享出來,特別實(shí)用,推薦學(xué)習(xí) >>>

    對于設(shè)計(jì)者來說,Apple Watch 是一個(gè)全新的玩意。與網(wǎng)頁、桌面客戶端和移動應(yīng)用的設(shè)計(jì)相比,Apple Watch的設(shè)計(jì)引入了許多新的限制,但同時(shí)也帶來了無窮的可能性。

    最近我去了趟舊金山,參加了蘋果的 WWDC,并學(xué)習(xí)了如何為 Apple Watch 設(shè)計(jì)應(yīng)用。我很樂意與大家分享這些小技巧,來幫助各位做出更棒的產(chǎn)品。

    在這篇文章中提到的大多數(shù)東西,都可以在這兩個(gè) WWDC 2015 的視頻里找到:

    為 Apple Watch 做設(shè)計(jì) & Apple Watch 設(shè)計(jì)中的小技巧。你還可以看看蘋果官方的 Apple Watch 人機(jī)界面指南

    請時(shí)刻牢記,你的設(shè)計(jì)要考慮性能

    通過分析蘋果官方在 WWDC 上的演示情況,看見平均每一次用戶與 Watch 的交互操作所耗費(fèi)的時(shí)間,在 2 到 5 秒之間。假如你只能從這篇文章中記住一點(diǎn),那它應(yīng)該是——為用戶提供信息時(shí),要盡可能的快。這一點(diǎn)對于 Watch 來說真的非常非常重要。

    1. 優(yōu)化 JPG 圖片

    Apple Watch 的用戶通常是在行走過程中,瞥一眼那塊 4 厘米大小的屏幕。所以他們需要的是更快的加載速度,而不是高清圖片。

    2js20150617

    降低 JPG 的質(zhì)量

    3js20150617

    使用大小正好的圖片

    2. 優(yōu)化 PNG 圖片

    4js20150617

    使用 PNG-8 替代 PNG-24

    使用 PNG-8 替代 PNG-24 能顯著減少圖片大小。

    此外你還可以使用黑色背景來替代透明背景。我不會在網(wǎng)頁和移動設(shè)備上這么做,但在 Watch 上,我們對于圖片的展示擁有更多控制力。并且 90% 的情況下,這些圖片都將在黑色的背景下展現(xiàn)。

    使用 ImageOptim 來壓縮圖片,效果拔群。

    5js20150617

    ImageOptim 截圖

    3. 使用逐步加載

    若你需要加載一些大東西的時(shí)候,如一張照片或者地圖,請同時(shí)向用戶展示其他的信息。不要讓用戶傻等。

    6js20150617

    在加載的同時(shí)給用戶看其他的信息

    4. 確保缺省圖片占位符與圖片大小一致

    否則,圖片加載出來的瞬間,剩余的內(nèi)容就會「向下跳」一下,這會干擾到用戶的當(dāng)前操作,特別是當(dāng)用戶正在向下滑動屏幕的時(shí)候。

    8js20150617

    缺省圖片占位符

    7js20150617

    圖片加載出來后,右側(cè)因?yàn)閳D片比缺省圖片占位符要高,內(nèi)容被擠到下面

    5. 內(nèi)容排序有講究

    考慮到用戶與 Watch 只有很短的交互時(shí)間,所以要盡可能快的展示重要的信息。

    10js20150617

    信息排序有講究

    6. Watch 上的后退按鈕的標(biāo)簽不是父界面的標(biāo)題,而是當(dāng)前界面的標(biāo)題。

    9js20150617

    Watch 上的后退按鈕與標(biāo)簽

    11js20150617

    iPhone 上的后退按鈕與標(biāo)簽

    在 iPhone/iPad 上,通常既有當(dāng)前界面的標(biāo)題,也有后退按鈕的標(biāo)簽,它們并存在屏幕的頂部導(dǎo)航欄里。而 Watch 沒有空間顯示兩者,所以蘋果決定只留下當(dāng)前界面的標(biāo)題——這也是用戶更關(guān)注的。

    7. 把元素做大

    越大越好。確保每一個(gè)可以點(diǎn)擊的元素至少有 75 px(38 毫米 Watch)或者 80 px (42 毫米 Watch)。

    12js20150617

    確保元素足夠大,以便點(diǎn)擊

    8. 使用正確的字體(SF Compact)

    13js20150617

    San Francisco 字體

    蘋果官方為移動/桌面設(shè)備和 Watch 提供了兩種字體。在 Watch 上,請使用 San Francisco 的 Compact 版本。與常規(guī)的版本相比較,它在字符間留有更多的留白,這使得小字體看起來更清晰。

    9. 為 Watch 調(diào)整圖標(biāo)

    Apple Watch 上的應(yīng)用圖標(biāo)是圓形的,并且比移動端上的明顯要小。大多數(shù)情況下,僅僅縮小移動 app 里的圖標(biāo)來適應(yīng) Watch 的尺寸并不合適。這有一些小技巧幫助你保持你的 app 在 Watch 的識別度。

    14js20150617

    移除文字,使圖形更簡潔

    15js20150617

    簡化圖形并縮小尺寸

    16js20150617

    展示手表的功能

    你的 Watch 應(yīng)用與手機(jī)應(yīng)用的功能一樣嗎?有些 Watch 應(yīng)用僅提供輔助功能,例如相機(jī)應(yīng)用的 Watch 版只提供了手機(jī)版的快門功能??梢酝ㄟ^調(diào)整圖標(biāo)來展示這個(gè)功能上差異。

    相機(jī)應(yīng)用的 Watch 版只有快門功能,右側(cè)為 Watch 上的相機(jī)應(yīng)用圖標(biāo)

    10. 在 Sketch/PS 里設(shè)計(jì)時(shí),不用擔(dān)心 padding 的問題

    17js20150617

    Apple Watch 自帶 padding

    當(dāng)我在為 Watch 做設(shè)計(jì)時(shí),內(nèi)容到邊框的距離曾讓我很困惑。對于 Apple Watch 的設(shè)計(jì)來說,請牢記表盤的邊框會為 app 提供一個(gè)天然的 padding。

    11. 留意色盲用戶

    譯注:考慮到電池續(xù)航問題,蘋果官方的 Apple Watch 人機(jī)界面文檔鼓勵使用黑色作為 app 的背景。為了在黑色上顯眼,大量 app 使用紅綠等強(qiáng)對比色,但這在色盲/色弱用戶看起來,也許并沒有什么差別。

    18js20150617

    色盲用戶所見到的世界

    時(shí)刻反思你的界面在色盲用戶看起來是如何的。

    日歷

    鏈接

    個(gè)人資料

    存檔

    主站蜘蛛池模板: 国产桃色在线成免费视频| 女人扒开腿让男桶喷水高潮的软件| 日本公妇乱偷中文字幕| 日本一区二区精品视频| 亚洲熟妇乱子伦在线| 四虎色播| 日本女同视频| 久久精品免费国产一区| 麻豆亚洲AV永久无码精品久久| 孕妇高潮太爽了在线观看免费| 欧美另类图区清纯亚洲| 日韩亚洲成人av在线| 欧美猛少妇色XXXXX猛叫| 欧美黑巨大videos精品| 亚洲电影天堂在线国语对白| 蜜芽久久人人超碰爱香蕉| 青草午夜精品视频在线观看| 好湿好爽好大好黄欧美国产不卡| 久久亚洲精品日本波多野结衣| 亚洲熟妇激情视频99| 日本道综合一本久久久88| JIZZJIZZ国产| 国产AV无码专区亚洲AV男同| 九龙坡区| 日本成人网站在线观看| 六月婷婷精品视频在线观看| 在线观看不卡A片视频| 国产一区在线观看不卡| 国产精品白丝喷水jk娇喘视频 | 久久6久久66热这里只是精品| 欧美乱人伦中文字幕在线不卡| 国产成人欧美日韩在线电影| 国产播放隔着超薄丝袜进入| 亚洲国产精品婷婷久久久久| 久久本道久久综合伊人| 国产高清亚洲精品91| 蜜桃福利导航| 国产毛多水多高潮高清| 国产男女猛视频在线观看网站| 亚洲AV日韩AV高潮潮喷无码| 欧美日韩一区二区亚洲|