|
Android 手表设计风格 以下是几条Android手表特有的设计要点需要注意：
屏幕尺寸
谨记不同的屏幕尺寸和形状。智能穿戴设备是一种兼顾时尚和用户自我表达的设备。所以Android手表系统广泛支持各种形式的设备类型。系统本身已经解决了大部分因需要支持不同设备而产生的复杂问题.但在设计全屏应用时还是应该随时留意适配不同类型的设备屏幕。可以使用Android手表模拟器来测试方形屏幕和圆形屏幕，请注意 WatchViewStub 事件可用来检测所使用的屏幕类型。
具体设计素材
根据不同卡片设计，一般需要提供的主要标准设计素材包括： 应用图标、单张或多张背景图片、动作按钮图标、动作确认动画等。当然，根据具体设计方案的不同，也可能需要提供其他设计素材。背景图片应为横屏格式，对于包含了通知消息和后续页面的卡片，背景图片最小宽度为600像素，系统会自动添加视差滚动效果。
提示卡(Peek Card) 可读性
测试一下卡片在提示状态下(peek state) 的布局，以保证有效信息可以在该状态下显示在主屏上。应该保证卡片的主要信息在提示状态下可读，尤其对于情境卡片而言更是如此。像长文本消息这类，需要用户进一步交互才能够阅读的内容，应该合理地设置截断，以便告知用户应该滑动卡片来查看详情。
低信息密度
卡片的设计应该方便用户快速扫视，类似在传统手表上看时间的体验。多数情况下，一组图标和数值，或者一个标题和简短说明文字即可传达有效信息。请注意，背景图片也应该用来传达信息，最佳方式是用背景图片的切换来传达卡片中的主要信息。如左图所示，为了反映当前路况拥堵程度，设计师选择了一张合适的背景图片。这并非锦上添花的细节，实际上背景图片能够强化信息传达而且使得内容更方便扫视。
信息分组
某些情况下，附加信息必不可少。此时，为了不影响用户快速扫视，不要将所有信息都塞进一张卡片里，而应该在信息流主卡片右侧附加一页（或者几页），使用户可以滑动查看更多信息。参见在手机上打开部分。
减少通知消息
不要滥用通知消息，来吸引用户注意。会使设备震动的主动通知，只应在适时而且有联系人参与的场景中使用，比如收到好友消息的时候。非紧急通知应静默加入信息流中。参见 Android 通知规范。
使用清晰明显的字体
系统默认字体为Roboto Condensed，同时提供常规体和细体两种字重。文字字号及颜色应遵守规范推荐值。（参考资源下载中的UI工具包部分）概括来说，显示的文字应该越大越好。你的目标是：以最小的成本传达最多的信息。
使用统一的品牌及色彩
图标的作用是帮助用户识别不同应用以及树立品牌。规范定义图标应显示在卡片的右上角固定位置，但可以不显示图标。请注意不要将图标或品牌展示在背景图片中，背景图片应为与卡片信息相关的内容。
言简意赅
省略不必要的文案。为扫视设计，而非为阅读设计。尽量用字词、短语，少用句子。尽可能使用图标与数值配合，来代替文字。文字应尽量简洁，长文会被应截断以便在一张卡片中显示。
保持必要的谨慎
智能穿戴设备具有天然的个人属性，但也并非是完全隐私的。如果消息中包含敏感或隐私信息的话（比如来自约会应用的信息或身体状况报告信息）注意不要将所有信息都显示在提示卡片中。可以将消息中的敏感信息显示在第二页，必须滑动可见。或者在卡片的提示状态(peek)和阅读状态(focused)下显示不同细节。
确认动画
如果你的应用允许用户完成某种动作，那么有必要提供积极反馈。可显示通用的或者自行设计的确认动画。通过确认动画可以向用户展现应用的性格气质，也能够愉悦用户。动画应保持简单利落（1000毫秒以内） 在完成某种动作后，一个确认动画能够有效地完成用户场景转移。
Android 手表表盘设计
Android手表的表盘设计支持在传统表盘中显示与用户当前场景相关的信息。 设计表盘需要斟酌数据与视觉元素应如何融合，既能让用户感知信息，又无需用户花精力关注。简单精美的布局、支持不同屏幕形状和尺寸、提供可选的配色及显示方案，这些都能够使用户在适合自己的智能穿戴设备上创造出高度个性化的体验。作为手表UI的一部分，提供可交互、带有省电模式、并考虑如何与系统UI元素互动的表盘设计是至关重要的。
创新理念
设计Android手表表盘是一项以清晰可视化时间为目标的考验。Android手表提供了一块独特的数字画布让我们重新思考时间的表达方式。同时Android手表还允许在表盘上嵌入其他数据以适应个性化以及场景化需要。
强大的新工具也会带来设计复杂化的风险。最成功的表盘设计不但能利用这些先进的能力，同时还能够优雅整合地展示这些信息。 设计一款表盘时，首要考虑的原则应该是其扫视可见性(glanceability)。表盘的设计应高度整合地展示时间及其他相关数据。可以尝试大胆前卫、简约的设计方向，使得表盘即便在一定距离下也高度可读。
考虑矩形及圆形设备
Android手表采用了不同形状及尺寸的屏幕。你需要同时考虑不同形状不同分辨率的屏幕。某些设计方案仅在特定设备上效果出众，但只需稍加设计，便可让不同的屏幕同样出彩。 下面给出几条跨设备设计原则：
设计更灵活的方案
理想情况下，表盘的视觉设计应在圆屏及方屏下同时适用。右侧案例中，表盘的视觉设计能够灵活地适配两种屏幕，而无需额外调整。但在其他一些案例中，圆屏和方屏需要不同的设计方案。
采用统一的设计语言
尝试使用统一的配色，线条粗细，阴影以及其他设计元素来创建方屏和圆屏间的视觉关联。通过采用统一的配色方案及视觉元素，既能够合理地适配两种屏幕，又不破坏视觉一致性。
调整指针表盘方案
某些设计方案会自然而然地采用指针表盘设计：在圆形表盘上显示时针和分针。这种情况下，在为方屏适配时需要考虑边角区域的显示问题。尝试延展和探索这些额外的显示区域。 考虑各种显示模式
Android手表有两种主要显示模式：省电及交互模式。设计表盘时也应考虑这两种不同模式。一般来说，如果你的表盘设计在省电模式下效果出众，那么交互模式下则会更加出色。反过来则不一定成立。 交互模式
用户抬起手腕来扫视手表时，屏幕进入交互模式。该模式下表盘可显示各种色彩及流畅的动画效果。
省电模式
省电模式可延长设备使用时间。 你的设计应明确告知用户用户当前屏幕处于省电模式下。背景配色严格限制于黑白灰三种颜色。在屏幕支持的前提下，表盘可采用少量彩色元素，但不能混淆用户对当前模式的认知。可以采用不超过总屏幕像素5%的面积展示彩色元素。该模式下，屏幕每分钟刷新一次，所以在省电模式下仅显示小时和分钟，不要显示秒钟。设备切换为省电模式时，表盘也会相应变化，在设计时，请仔细考虑这一点。
为特殊屏幕优化
Android手表采用了多种屏幕技术，每种技术各有优势及其考量。设计省电表盘时，一项很重要的考量因素是对电池寿命及屏幕老化的考虑。你可以为不同种类的屏幕设计不同的省电表盘。尽可能保证表盘在所有屏幕上都能得到最佳显示效果。
减少色彩空间
减少色彩空间节电法即采用“低位色深”(low-bit)显示模式。该模式下，可用色彩被限制为黑、白、蓝、红、品红、绿、青、黄几种颜色。设计低位色深省电表盘时，背景应采用黑色或白色。OLED屏幕必须使用黑色背景。非背景元素面积限制为屏幕总像素的10%以下，低位色彩元素面积最多不超过屏幕像素的5% 同时，在省电模式下应禁用抗锯齿效果。务必在低位色深省电模式下测试你的设计方案。其他屏幕通过不使用颜色的方式来省电。设计无色彩省电模式时，背景可为黑色或白色。
屏幕防老化技术
为OLED屏幕设备设计时，应考虑电池使用效率及屏幕老化现象。当OLED屏设备处于省电模式时，系统会定期将屏幕内容的位置移动几像素以防止屏幕像素老化。这种情况下，省电模式设计应避免使用大块像素，同时应保持屏幕95%的像素为黑色。将普通省电模式下采用的实心填充形状更换为空心描边形状。同时将填充图案替换为像素纹理。对于指针表盘方案，当时针分针重叠时，应将中间重叠部分镂空处理，以避免像素老化。 兼容系统UI元素
你的表盘设计应兼容Android手表UI元素。这些元素能够告知用户设备的当前状态，并且能够同步显示关联手机上的通知消息。尽量保持表盘设计中的关键元素不被系统UI原色遮挡。 卡片
卡片通知系统是连接手表和手机间的信息桥梁。卡片同样也是大部分应用与用户沟通的主要手段。用户会在手表上收到邮件、消息等通知。表盘开发工程师需要同时兼容大小两种尺寸的卡片。表盘可以指定一种卡片尺寸作为首选项，但用户也可以自行设置偏好，同时，用户也能够向下滑动来暂时隐藏卡片。
提示卡（peek card）是卡片信息流中的首张卡片，它会部分显示在主屏幕的底部。提示卡片的高度根据通知文字的数量而变化。高度较小的提示卡片会显示出更多的表盘设计区域。圆形指针表盘设计应采用较小的提示卡片。如果能够确保在提示卡片最高状态下仍可显示时间信息，则可以将提示卡片状态设置为自适应高度。设置自适应高度提示卡片的好处是，能够显示更多的通知信息。相反，如果信息集中在表盘下半部展示的设计方案应选用高度较小的提示卡片。系统会在提示卡片高度变化时通知表盘，因此，如果必要时，可重新布局表盘元素。
状态指示
状态指示能够告知用户手表的当前状态，如充电状态和飞行模式状态。设计表盘时，也应考虑状态指示的显示。 状态指示可显示在屏幕的几个固定位置。采用较高提示卡时，状态指示应显示在屏幕上方或居中区域。如果你将状态指示或语音热词置于屏幕底部时，系统会强制使用高度较小的提示卡片。若表盘边缘包含较强视觉元素，如数字或秒数跳动元素时，请将状态指示放置在屏幕中央。
语音热词
语音热词指的是“OK Google”，这句话告诉用户可以通过语音命令与手表交互。每当用户开启手表设备时，热词都会在屏幕上显示几秒。用户说完5次“OK Google”后，语音热词便不再继续显示。所以语音热词显示的位置不是那么重要。但仍需注意避免遮挡表盘中其他元素。最后，应为语音热词及状态指示设置背景保护，除非你在表盘设计中已经为这些元素定制好了背景，比如使用暗色无图案的背景。 系统UI元素位置标注信息请参考规格和资源部分。
设计融入数据的表盘
表盘可向用户展示与情境相关的数据，并通过颜色或风格的变化来体现不同数据。
你想传达给用户什么信息?设计融入数据表盘的第一步是要基于现有数据，设想预期达到的效果。首先，基于真实用户需求，设想你认为可能出现的结果。你希望用户在轻瞥表盘后得知哪些信息？一旦设定了预期达到的效果，你就需要思考如何获取相关数据以达成这一结果。
表盘是条时间轴，合理为其添加数据
你的表盘设计也许包含了一些非时间信息，比如天气，日历或健身数据等。好好考虑一下如何有创造性地融合这些数据。不要仅仅在时间显示的基础上，简单地罗列其他数据。而要思考如何通过时间维度来表达这些数据。例如，不要将一款天气主题的表盘简单地设计成：时钟加上当前气温，也许可以把它设计成一款：描述全天气温将如何变化的表盘。
保持信息高度整合
一旦确立设计概念方向及预期效果，便需要开始表盘的视觉设计。优秀的表盘设计应该是信息高度可读、数据高度整合的。为了确定整合的信息，必须分辨出哪些才是最重要的数据。例如：你也许最终决定只显示一项近期安排，而不是将整月的日程安排都显示出来。通过一系列做减法的过程，你的设计最终应该能够达到数据高度整合的效果。
始于洞察 不断验证确保你的方案源自对用户需求及预期的洞察。并通过用户，持续验证设计方案中的假设是否成立。可以试着先在纸上画出大致的草图，问问朋友是否明白它代表什么？通过不同的场景和数据类型来验证你的想法。在最终编码之前，先在实际的手表屏幕上测试一下设计方案。
| 
|鄂公网安备 42011102000510号|Archiver|手机版|设计源
( 鄂ICP备14013341号-1 ) 
IP卡
狗仔卡
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
