Apple Watch的设计原则

掌握Apple Watch的设计原则
对于设计师来说,Apple Watch是一个全新的玩意儿。与网页、桌面客户端和移动应用的设计相比,Apple Watch的设计引入了许多新的限制,但同时也带来了无穷的可能性。
设计原则:
时可考虑其性能
Apple Watch的烂性能已经开始倒逼设计师改设计了。为用户提供信息时,要尽可能的快。这一点对于Watch来说真的非常非常重要。
了解Apple Watch的设计注意事项
注意事项:
Apple Watch比较小,所以它的性能和移动端有很大的区别。
使用逐步加在
若你需要加载一些大的东西的时候,如一张照片或者地图,请同时向用户展示其它的信息。不要让用户傻等(可以先加载文字,图片接着加载)。
图片占位符与图片大小一致
确保缺省图片占位符与图片大小一致。否则,图片加载出来的瞬间,剩余的内容就会向下跳一下,这会干扰到用户的当前操作,特别是当用户正在向下滑动屏幕的时候。
内容排序有讲究
考虑到用户与watch只有很短的交互时间,所以要尽可能快的展示重要信息(可以将文字展示在图片上面,在看文字的同时加载图片)。
返回按钮
Watch上的后退按钮的标签不是父界面的标题,而是当前界面的标题。在iPhone/iPad上,通常既有当前界面的标题,也有后退按钮的标签,它们并存在屏幕的顶端导航栏里。而watch没有空间显示两者,所以苹果决定只留下当前界面的标题——这也是用户更关注的。
优化JPG图片
Apple Watch的用户通常是在行走过程中,瞥一眼那块4厘米大小的屏幕。所以他们需要的是更快的加载速度,而不是高清图片。
1、 降低图片质量
2、 使用大小刚好的图片(去除多余部分)
3、 使用PNG-8替代PNG-24能显著减小图片大小
4、 此外还可以使用黑色背景来替代透明背景。我们不会在网页和移动端这么做,但在Watch上,我们对于图片的展示拥有更多的控制力。并且90%的情况下,这些图片都将在黑色的背景下展现。
5、 还可以使用压缩工具将图片进行压缩。
把元素放大
越大越好。确保每一个可以点击的元素至少有75PX(38毫米watch)或者80PX(42毫米watch)。(确保元素足够大,以便点击)
使用正确的字体(SF Compact)
苹果官方为移动/桌面设备和watch提供了两种字体。在watch上,请使用San Francisco的Compact版本.与常规的版本相比较,它在字符间刘有更多的留白,这使得小字体看起来更清晰(就算字小也能看清楚)。
为Apple Watch调整图标
Apple Watch上的应用图标是圆形的,并且比移动端上的明显要小。大多数情况下,仅仅缩小移动APP里的图标来适应Apple Watch的尺寸并不合适。这有一些小技巧帮助你的APP在watch上的识别度
1、 移除文字,使图形更简洁
2、 简化图形并缩小尺寸
3、 展示在手表上的功能
(你的watch应用与手机应用的功能一样吗?有些watch应用仅提供辅助功能,例如相机应用watch版只提供了手机版的快门功能。可以通过调整图标来展示这个功能上差异)
不用担心padding的问题(自带padding)
对于Apple Watch的设计来说,请牢记表盘的边框会为APP提供一个天然的padding。在Sketch/PS里设计时,不用担心padding的问题。
小结
众望所归的Apple Watch会带来成千上万的手表应用,冲击应用市场,吸引你的注意力。由于屏幕尺寸更小,又始终戴在手腕上,交互方式也有所不同。要在Apple Watch上创造一个美观、舒适的体验,需要新的设计方式。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章