产品思维教程 产品和产品经理 PM概论和职责 PM内功修炼 PM的自我修养 产品经理实战 成为全能产品经理

Apple Watch元素设计



把元素做大


越大越好。确保每一个可以点击的元素至少有 75 px(38 毫米 Watch)或者 80 px (42 毫米 Watch)。


实例1:确保元素足够大,以便点击。


notice2.png



使用正确的字体(SF Compact)


苹果官方为移动/桌面设备和 Watch 提供了两种字体。在 Watch 上,请使用 San Francisco 的 Compact 版本。与常规的版本相比较,它在字符间留有更多的留白,这使得小字体看起来更清晰。


实例:San Francisco 字体


notice3.png



为 Watch 调整图标


Apple Watch 上的应用图标是圆形的,并且比移动端上的明显要小。大多数情况下,仅仅缩小移动 app 里的图标来适应 Watch 的尺寸并不合适。这有一些小技巧帮助你保持你的 app 在 Watch 的识别度。


实例1:移除文字,使图形更简洁


notice4.png


实例2:简化图形并缩小尺寸


notice5.png


实例3:展示手表的功能


notice6.png


你的 Watch 应用与手机应用的功能一样吗?有些 Watch 应用仅提供辅助功能,例如相机应用的 Watch 版只提供了手机版的快门功能。可以通过调整图标来展示这个功能上差异。



不用担心 padding 的问题


对于 Apple Watch 的设计来说,请牢记表盘的边框会为 app 提供一个天然的 padding。在 Sketch/PS 里设计时,不用担心 padding 的问题。


实例:Apple Watch 自带 padding


notice7.png



小结


众望所归的Apple Watch会带来成千上万的手表应用,冲击应用市场,吸引你的注意。由于屏幕尺寸更小,又始终戴在手腕上,交互方式也有所不同。要在Apple Watch上创造一个美观、舒适的体验,需要新的设计方式。



课后思考


1.寻找优秀的Apple Watch 产品案例?


2.为自有的产品适配Apple Watch?



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

您有狂欢嘉年华礼包未领取

客服热线 400-862-8862

回到顶部