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

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

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

各种不同的穿戴设备

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

图片来源:Apple Watch

图片来源:Tom Tom Multi-Sport

图片来源:Fitbit Surge

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

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

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

运用UI设计理论

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

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

色彩

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

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

图片来源:Runtastic

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

对比

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

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