设计清晰的可穿戴设备界面

移动端的设计教育我们要设计得小，如今，可穿戴设备则使我们的设计愈发的小。手表的设计或许听起来吓人，但只要回到设计理论的本源，你就能做出正确的选择。

提到穿戴设备的设计，就要面临一系列其独有的挑战。

屏幕很小，甚至可以说是袖珍，而且还流行着许多种不同的穿戴设备。（一直都有各种手表式的产品在冲击市场。）有些提供了彩色屏幕和丰富的功能，其他一些则有着超简单的美学外观和稳健的功能。

各种不同的穿戴设备

从简单的健康追踪设备，到能够与手机系统同步的功能齐全的手表，设计这些小屏幕界面时，有许多变种需要考虑。

图片来源：Apple Watch

图片来源：Tom Tom Multi-Sport

图片来源：Fitbit Surge

目前，我们可以看到有3种主要类型的穿戴设备：

依赖手机的手表，例如Apple Watch和Samsung Gear S2独立手表，例如运动员中流行的那些带有GPS功能的手表运动追踪器，例如Fitbit Surge

每种设备都只有一块几厘米大的屏幕，使得手表的UI设计成为一项特别的挑战。有些设备用了彩色屏幕，还支持动画。许多都带有手机上的功能，而其他则仍然局限于黑底白字显示屏（也有白底黑字的）。

运用UI设计理论

那么，要如何设计所有这些设备？又如何保持一致？

这最终都要回归到你的第一个设计项目，以及其中的设计理论和概念。这些概念包括色彩、对比、留白和字体。

色彩

如今多数手表屏幕都黑色的，许多手表应用是在深色背景上使用亮色元素。这使得色彩的选用尤为重要，因为你选用的颜色既要与环境融为一体，又要清晰突出。

处理深色背景，就意味着设计元素要基于一套浅色或者亮色的配色方案，这令人想到Flat配色和Material Design。

图片来源：Runtastic

上图中，Runtastic就处理得很好，明亮的色调在深色背景上清晰易辨。蓝色有助于展现品牌，更鲜艳的绿色则用于按钮和用户操作项。其中所有颜色都容易辨识，对设计与功能起到了积极的作用。

对比

对比在小屏幕上同样重要。

设计应该清晰地划分各项元素，在它们之间建立起大量区分。屏幕上有多个点击区域时，这点尤其关键。还有一个重要原因，它使得元素能一眼轻松瞥见，这正是许多手表用户的使用方式。

图片来源：Streaks

上图中，Streaks运用了明暗的手段来建立显著的对比，提升了易读性和可操作性。每个圆环都设计成可点按的，功能也清晰可见，这得益于所用的颜色与尺寸，让每个元素都鲜明突出。

留白

在小屏幕上，留白是成败的关键。留白过多则没有地方呈现内容。留白太少元素难以分辨和阅读。两个极端之间，只有一片狭窄地带是对功能和可用性有益的。

图片来源：The Guardian

上图中，卫报做得很好。图片与文字的摆放留出了大量的空间，每“屏”上只显示一则消息。消息包含文字和图片，请留意每行的字数和加大的行距。

字体

在这些袖珍屏幕上，只有一种字体有用：简单的字体。

市场上几乎所有的应用都用的是简单的无衬线字体，字重也是中等（还有些更细或粗的字体用作辅助）。字号通常都比你所想的更大。每行大约20个字母，每“屏”不超过6行。再多一点点文字，就难以阅读了。

图片来源：Citymapper*

上图中，Citymapper用了几种不同层次的文字，为各种操作建立了可靠的区分与层级。字体简单，文字清晰。这款手表应用将所有元素组合起来——色彩、对比、留白、和优秀的字体——帮用户梳理出最重要的信息。

提及穿戴设备时，朴素、简约和微交互同样重要。将它们相互融合，你就会得到在小屏幕上看起来（还有用起来）很棒的产品。

图片来源：Pittsburgh Steelers App

上图中，Pittsburgh Steelers app结合了所有这些元素，运用大量色彩和图片，使得应用美观惹人喜爱，同时也易于使用。正由于元素间大量的留白与反差，还有清晰可辨的操作项，内容与信息具备了功能性。

接下来呢？

讨论穿戴设备时，我们其实是在学习穿戴设备的最佳实践，配合一切具体创意来完成UI设计。

虽然许多穿戴设备界面是原生的，我们能不能在其中融入更多网页和其他应用呢？多数设计师都在遵循现有工具进行设计，两者能否结合？

我们是不是该思考一下，穿戴设备有哪些不同的使用方式？

去问每一个人，似乎他们都有自己使用穿戴设备的理由和目的。但就目前为止，与手机相连的穿戴设备似乎只是手机本身的一种延伸。我们希望这个状况有一天会改变，但是用户是否会在手机上浏览网页，仍是一件难以预料的事情。

图片来源：7-Minute Workout

穿戴设备的应用何时能走出原生应用的范畴？

移动优先的设计我们不久以前才开始谈论。如今它已成了第一原则。

这也会发生在穿戴设备上吗？很难说。在行业朝着那个方向发展之前，市场可能就会趋于饱和。（预计Fitbit和Apple Watch将会占据穿戴设备的主导地位，创造出250万到600万的手表销量。相比之下，iPhone用户预计有940万。）

结论

基本设计原则的存在有它的理由。不论设备尺寸如何，运用这些概念都能创造出有效的设计。但这并不是说应该坚持UI设计理论中的每一条“规则”。

去实验去尝试，但要聆听你脑海中的微弱声音。当你开始质疑使用方式和设计方式时——不论是多么小的疑虑——都应该回归本源。而且要找用户做测试。

焦点图来源：Forbes

studio.uxpin

译文地址：可乐橙

作者：Carrie Cousins

译者：可乐橙

~

设计清晰的可穿戴设备界面
答：上图中，Pittsburgh Steelers app结合了所有这些元素，运用大量色彩和图片，使得应用美观惹人喜爱，同时也易于使用。正由于元素间大量的留白与反差，还有清晰可辨的操作项，内容与信息具备了功能性。接下来呢？讨论穿戴设备时，我们其实是在学习穿戴设备的最佳实践，配合一切具体创意来完成UI设计。虽然许多穿戴...

智能可穿戴设备怎么使用
答：2、打开华为运动健康App,点击右上角的“+”,或者点击我的我的设备,点击添加设备,在可选设备列表中选择手环荣耀手环4标准版/NFC版。如果华为运动健康App已经配对了穿戴设备,则“+”处显示穿戴设备图标。3、点击开始配对,App自动搜索手环蓝牙设备名称honorBand4-xxx并列出,请选择正确的蓝牙设备并点击,手环和手机自动开...

像机械的智能手表是什么
答：华为Mate40系列发布会上,华为消费者业务CEO余承东宣布,华为跃居全球腕上智能可穿戴设备市场第一名。与此同时,华为带来三款高端可穿戴式产品:华为WATCHGT2Pro,华为WATCHGT2ProECG款和华为WATCHGT2保时捷设计款。没错,总共三款,分别面向不同需求的用户。但共同之处在于,它们都定位于高端。随着行业竞争加剧,一机走天下的...

可穿戴智能设备有哪些
答：一、智能手表 智能手表是可穿戴智能设备中最常见的一种。它不仅具备传统手表的时间显示功能，还融入了多种智能化功能，如健康监测（心率监测、步数统计等）、通知提醒（电话、短信、社交应用通知等）、运动记录分析以及支付功能等。一些高端智能手表还配备了GPS定位、音乐播放等更多高级功能。二、智能眼镜 智...

可穿戴设备技术是什么
答：可穿戴设备和我们常用的手机、电脑都不一样,小巧的屏幕和多样的使用场景,要求它的UI界面用户能够一瞥就能准确快速地获取信息。所以说,一目了然(Glanceability)是硬性的需求,它是用户和可穿戴设备之间短促快速的交互的基础。可穿戴设备上一目了然的可见性设计,不仅仅是要将视觉反馈精简到最低的程度,它更多讲究的是...

现在的智能穿戴设备有哪些
答：1、WimmOne智能手表WimmOne智能手表大小为5x5x0.5英寸，采用专门定制的Android操作系统，重量只有0.77盎司，你可以将它夹在包带或衬衫衣领上，也可以和配套的表带戴在手上。2、可穿戴智能手环智能手环是一种穿戴式智能设备。通过这款手环，用户可以记录日常生活中的锻炼、睡眠、部分还有饮食等实时数据，并...

可穿戴智能有哪些
答：智能手表/智能手环/智能戒指智能手表和手环应该是在日常生活中我们见得最多的一种可穿戴设备了。其功能除了看时间之外，又加入了监控数据、测量心率、呼吸率、血压、计步、打电话、发短信、音乐等功能。在未来科技发展中，智能手表将被注入更多的生理特征和高科技内容。在汽车领域中，智能手表可用于解锁...

可穿戴智能设备有哪些
答：1. 智能手表 智能手表是最常见的可穿戴智能设备之一。它除了具备传统手表的时间显示功能外，还能连接手机、接收通知、监测健康数据等。例如，Apple Watch可以实时监测用户的心率、睡眠质量，还能进行运动计步、消耗卡路里等健康数据的统计和分析。2. 智能手环 智能手环与智能手表类似，但通常更加轻便和便宜。

智能穿戴设备怎么用
答：很多老人由于年纪的关系，头脑不适那么清晰，他们一旦在外面走失，那么后果不堪设想。当然，对于身体有恙的老人，一个简单的穿戴设备就可以保证他们的人身安全。智能穿戴手环的功能介绍：1.GPS功能。内置的GPS连接器，一键SOS求救，简单的操作可以随时地把用户的身体状况和位置信息发送给家人或者医院，这个功能...

智能穿戴设备哪些好
答：目前可穿戴智能设备有智能手表、智能手环、智能眼镜、VR头戴、智能头盔以及智能球鞋等。归纳起来主要有以下四大优势:一、可穿戴设备操作更加便捷。像智能手机相比PC可更加便于携带一样,可穿戴智能设备相比其他移动设备不仅更加便携,在使用上也更加便捷,它几乎可以完全依靠人体的自然动作实现操作,比如通过眨眼进行拍照,挥手...