最美H5 酷站欣赏 UI素材 专题 设计导航

Apple Watch来袭,设计师都准备好了吗?

m_14ea54fec5f9000001af242d67cf

苹果的apple watch发布会已经过去一段时间了。该设备将进一步改变我们对可穿戴技术的思考方式,以及如何设计网站和应用来适应此种界面。

可穿戴设备面临的挑战并不像其他的设计项目。功能是首要关注的问题,因为从尺寸上说:它可能是设计师们设计过的最小屏幕之一。关键是要创造一种设计,不仅在视觉上赏心悦目,而且界面友好且实用。如果你要设计可穿戴设备的界面,这里给出了10项要考虑的事情。

1、Think Minimal Design(预先考虑简约的设计)

 

m_d7ee54fec60e000001af24cac54b

通常来说,可穿戴设备在设计中的一个最大的趋势——简约。你可以使用设计网站、甚至简约风格印刷品或包装设计的相似手法,为可穿戴设备或手表类型设备做设计。(在这里,我们主要谈手表,因为它是目前的视觉设计元素。)

从色彩到排版以及图像,一切都应该是简单、直接并且在小尺寸上也易于阅读。使用简约风格平面设计的一些概念,如明亮的色彩,高对比度,并且删除设计装饰。

2、Use Vibration(使用震动)

 

m_06d354fec621000001af24f549fc

在过去,你可能没有设计过带有附加功能的可穿戴设备。振动是其中之一。当涉及到用户紧贴的皮肤使用时,简单的嗡嗡声或移动是设计互动的一种理想方式。

但你需要仔细考虑这些互动(交互)是如何工作的。振动应该柔和,在某种程度上说,显然不能使人不舒服或着触发时吓到用户。振动式的交互应该较少的出现。如果一个手表时刻都热闹非凡,用户将很快变得恼怒,进而放弃产品。

3、Voice Controls are Essential(语音控制是必要的)

 

m_97a754fec632000001af2412143d

因为智能手机,通过点击和触摸互动(交互),将人机交互转移到语音激活控制状态。想想看,在如此小的屏幕上用此种方式,谁愿意去点击呢?声音(控制)会更方便。

当设计一个出现在手表式的设备(如苹果的手表)上的应用程序或网站的交互时,声音应该是首要考虑因素。声音是苹果设计中的一个重要组成部分,例如,把Siri的作为原生应用程序,当你每次提起手腕时——激活并等待指令。该功能提供了便利条件,你必须考虑到。

4、Type Needs to be Simple(字体需要简单化)

m_514e54fec641000001af24b23796

跟我读: Sans serif(西文中没有衬线的字体)。当涉及到可穿戴设备的字体时,这是你全部需要知道的。这可能听起来枯燥,但一个简单的具有均匀字符宽度的无衬线字体是最容易,且最易读的选择。

避免字体是超细或紧缩,因为仅仅通过手表表面发出的光,可能不足以确保其可读性。相反,小心超厚,黑色或粗体的风格。保持字体具有中等粗细,及有略宽的字母形式。 (Helvetica是理想的字体,虽然被过度使用。)

5、Colors Need to Have High Contrast(颜色需要有高对比度)

m_7d8654fec652000001af24841a2e

在小屏幕上每一种颜色需要有意义。这种意义的一部分会以对比度的形式体现,使元素更容易阅读。

颜色可用于表示需要交互的可点击元素,或作为一段文本的背景。关键是鲜明的对比。要考虑到这些设备的使用环境——在阳光下,在黑暗的房间——然后依此设计,在任何条件下,每一个字母都要易于阅读。

避免淡雅的颜色或低饱和度。鲜艳的色彩和高饱和度的色彩效果最佳。配合加入白色或黑色系,以获得最佳的可读性。 (同样重要的是要考虑许多智能手表屏幕是黑的。相应地设计你的配色方案。)

6、Make It Easy(使其简单化)

 

m_b5b654fec662000001af24ea4388

每一个可穿戴设备都会有点不同。设计时应考虑到每个界面和物理组件。苹果手表带有一个“数码表冠”,一个轮子,可以放大或滚动屏幕上的信息。

设计应改让设备包含的所有物理部件工作。它应该是很容易浏览,更重要的易于使用。功能应该是直观的。

7、Visuals Should Mirror Design In Other Places{视觉应该映现其他设备的(设计)}

 

m_619054fec671000001af24323042

对于手表的屏幕视觉规划应该映现出其他设备的设计界面。是的,(手表)屏幕会受到限制,并且互动(交互)被集中在一个单一动作上,但整体的美感应该有相似的外观和感觉。

(译者:个人理解,虽然苹果婊的屏幕小,设计上会受到很多限制,但是在视觉规范上还是要和其他设备的应用保持一致的。)

所以这设计上我们要回归到流行的简约设计。毕竟(保证视觉上的一致性)在两种设备上运行就是一项技术活儿。这同样适用于平面设计的许多原则。出于这个原因,对于为这些微小屏幕做设计的设计师来说,这种趋势已经成为关键因素。

8、Make It Cool and Trendy(使其酷且时尚)

 

m_71a254fec683000001af2462b4c8

这听起来可能不是什么大不了的事,但可穿戴设备是与用户身份相关的东西。不仅仅是有一定的外观和切身体验的真实设备,而且界面需要匹配其外观风格。

屏幕上的信息必须和设备自身一样好看。苹果手表的界面超级简单,具有干净的线条和极少数浮华的装饰。手表应用程序的界面应该使用相同的模式,使屏幕上的信息看起来实际上就属于那里。 (我们兜了一圈回到了极简主义。)

9、Design Can Work Without a Screen(做没有屏幕也能运行的设计)

 

m_cf1454fec6bb000001af24894c90

市场上最热门的可穿戴设备中,有一些甚至没有屏幕。可想到的产品如Fitbit,Nike Fuel Band ,还有Google Glass。

这些设备都没有屏幕,或“屏幕”仅用于时钟显示。一个特点,如振动或连接到其他设备和应用程序,真正使这些产品的每个部分工作。该功能是有用的,虽然用户不能从实际设备中看到它。

10、One Visual Thought Per Screen(每个屏幕只有一个目的)

 

m_c79d54fea56400000170d81e0151

在某种程度上,每个像素都有重大影响,这是很难解释的。在手表尺寸的屏幕上,只是没有足够的空间容纳来自桌面或移动设计的所有元素。所以考虑好你不需要什么。

这些屏幕在320像素到128像素之间。太小了,以至于不能做收缩设计;对于可穿戴设备,你必须完全改变这个想法。使用这个概念:每个屏幕只达到一个目的。

你只有放一个或两个词和(或)一张图片的空间。而这就是全部(空间)。传达的信息应该是简单,清晰,重点突出。如果进一步考虑,紧跟其后的画面设计也应该符合此规则。

结论

可穿戴设备已经出现,以后甚至会更多。在市场中,虽然我们还没有看到稍有成功的迹象,但已经出现了很多令人兴奋的可穿戴设备技术。

而我们作为设计师必须要做好准备。你的团队应该已经在思考,你的网站或应用程序如何在这个类型的设备工作。不要等到人人都拥有智能手表了才去设计它。要领先于时代,现在就开始思考可穿戴设备的设计技术。

 

转自:站酷
作者:Victor_J_C