【教程】如何在智能穿戴设备上设计UI?

  从PC到手机,人们开始研究如何在更小的屏幕下设计出体验更佳的UI。如今,伴随着可穿戴设备的到来,如何在2英寸见方的屏幕中为佩带者提供更为舒适的体验便成了当下需要解决的问题。虽然“设计”一词乍听起来可能是有些令人生畏,但是其实设计者只需要追本溯源,重新回到最基本的设计理论之中,就可以设计出体验更佳的适用于可穿戴设备的UI。

  可以说,可穿戴设备为当下的设计者们提出了在设计领域上的一项新挑战。

  虽然目前市面上有许多不同类型的可穿戴设备,但是可穿戴设备都具备相同的一个特征——那就是屏幕都相当的小。随着越来越多的智能手表接踵而至,可穿戴设备所提供的屏幕色彩靓丽度和功能丰富度都在逐渐提升,而另一方面,诸如健康手环之类的智能穿戴设备则正在向简约化发展。

  不同类型的可穿戴设备

  从简单的健身追踪器到功能更丰富更强大的智能手表,如何更好的在这么一小块屏幕上设计体验更佳的UI,还有很多需要考虑的事情。

  目前,我们能够看到市面上的可穿戴设备主要分为三大类:

  基于蓝牙与智能手机连接的智能手表,如Apple Watch或是三星的Gear S2

  

【教程】如何在智能穿戴设备上设计UI?

 

  独立的智能追踪手表,如那些运动员较为喜欢的具有GPS功能的手表

  

【教程】如何在智能穿戴设备上设计UI?

 

  活动追踪器,如Fitbit的Surge

  

【教程】如何在智能穿戴设备上设计UI?

 

  这些设备每一种都会带有一块屏幕,大小只有数十毫米,这也使得腕表的UI设计相当的具有挑战性。有些设备还配备了全彩屏幕。其中有许多的设备的特性都与智能手机相仿,而另一些则只有一个黑白的显示屏。

  应用界面设计理论

  那么,该如何设计可穿戴设备的UI呢?应该从何着眼去考虑呢?

  让我们先回想设计的基本理论和在课堂中学习设计时所学到的一些概念。这些概念包括色彩、对比度、空间以及排版。

  色彩

  目前,大多数智能手表在屏幕底色上都选择了黑色。很多智能手表的应用程序都在一个黑暗的背景光环境下运行。这使得在色彩的选择上变得尤为重要,需要使用一种能够更好的在黑色环境下工作的颜色。

  当谈到怎样更好的在更小的屏幕下工作时,那就非扁平化设计莫属了。再加上黑暗的背景,也就意味着我们需要设计一个颜色鲜艳的图标。

  

【教程】如何在智能穿戴设备上设计UI?

 

  如上图,Runtastic在图标上很好的使用了颜色明亮的色调,使其很容易在黑暗背景下看到。在使用蓝色来建立品牌特性的同时,使用了更明亮的绿色来表示的按钮和用户操作。所有的颜色选项一目了然,非常有助于设计和功能性。