返回  

为可穿戴设备做设计的10个技巧

2019/8/21 11:29:37 来源:深圳网站建设公司Clh

每天,我们都会注意到越来越多的人使用Apple Watch或类似的科穿戴设备。 这些设备不断改变我们对可穿戴技术的思考方式,以及如何为独特的界面进行定制化的网站设计和应用程序设计。


与其他设计项目不同,可穿戴设备所要面临的挑战还是比较大的。 功能是一个主要问题,尺寸也是如此,它将成为设计师至今使用过的最小屏幕尺寸之一。

所有设计的关键是创造一种视觉上令人愉悦的感觉,并能够提供友好的功能性体验。

在设计可穿戴界面时,需要考虑以下10件事。


1.考虑极简的设计(Think Minimal Design)

Think Minimal Design

设计的最大趋势之一已经可以完美适用于可穿戴设备 - 极简主义。 你在网站设计上使用的设计实践,都非常适合可穿戴设备和手表型设备(这里我们主要谈论手表,因为它们呈现了主要的视觉设计元素)。

从颜色到排版到图像的所有内容都应该简单,直观,易于阅读。 使用平面设计中的一些概念,以及添加极简风格的主要元素,如鲜艳的色彩,高对比度和消除不必要的设计装饰。


2.使用振动反馈(Use Vibration)

Use Vibration

可穿戴设备具有你过去可能没有设计到的功能,振动反馈就是其中之一。 当涉及到用户可以直接感受到的某些东西时,简单的嗡嗡声或振动可以是设计交互的理想方式。

但是你需要仔细考虑这些交互是如何工作的。 振动应该是柔软的,并且以明显的方式发生,但是当它们发生时不会感到不舒服或吓到用户。 振动式交互也不需要经常发生,如果手表每分钟都会发出嗡嗡声,用户很快就会感到沮丧并放弃产品。


3.必不可少的语音控制(Voice Controls are Essential)

Voice Controls are Essential

虽然我们已经讨论过因智能手机的应用而需要改变的关于点击和触摸交互的方式,现在我们也需要关注语音控制的使用。 以这种方式考虑一下,这么小尺寸的屏幕,谁会去频繁的点击它? 这一方面,语音就显示出更大的优势。

在设计将出现在手表式设备(例如Apple Watch)上的应用或网站设计中的交互时,语音应该是首要考虑因素。 语音是Apple设计的重要组成部分,例如,Siri是一款本机应用程序,可以在每次抬起手腕时激活并等待命令。 此功能提供了你必须考虑的便利因素。


4.简单的字体(Type Needs to be Simple)

Type Needs to be Simple

敲重点——Sans serif。 在可穿戴设备上输入和阅读内容时,你比任何时候都需要有更直观和易于阅读的需求。 具有均匀笔划宽度的简单无衬线是最简单和最易读的选项之一。

避免使用太细或经过特殊处理的的字体,因为可能不足以确保可读性。 相反,要注意字体的粗细程度,坚持使用中等笔触的字体,并使用稍宽的字母。 (Helvetica是一个理想的,虽然它可能因被过度使用了)。


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

Colors Need to Have High Contrast

小屏幕上的每种颜色都需要意义。 这种意义的一部分将以对比的形式出现,使元素更容易阅读和识别。

颜色可以被用于表示需要交互的可点击元素或作为文本命令的背景,关键是鲜明的对比。 考虑使用这些设备的环境 - 在阳光下,在黑暗的房间中 - 并通过设计使每个字母在任何条件下都易于阅读。

避免使用低饱和度的粉彩或颜色。 明亮的色调和高度饱和的色彩效果最佳。 将它们与白色或黑色配对,以获得最佳可读性(同样重要的是要考虑许多智能手表屏幕是黑色的,相应地计划你的配色方案)。


6.简单性(Make It Easy)

Make It Easy

每个可穿戴设备都会有所不同。 在设计时考虑每个接口和物理组件。 Apple Watch配有“数字表冠”,可以缩放或滚动屏幕上的信息。

设计应与设备包含的所有物理部件一起使用。 它应该易于查看,更重要的是易于使用,功能应该是直观的。


7.视觉设计应该统一(Visuals Should Mirror Design In Other Places)

Visuals Should Mirror Design In Other Places

手表屏幕的可视化设计和网站设计一样,反映在同一设备上的设计界面应该尽量保持有统一的视觉。 是的,屏幕将受到限制,互动将集中在一个动作上,但整体美感应具有相似的外观和感觉。

它可以追溯到简约设计的流行。 这是一种适用于两种类型设备的技术,平面设计的许多原则也是如此。 出于这个原因,这些趋势将继续存在,并成为设计师为这些小屏幕创造的关键因素。


8.让它看起来更酷以及更加时尚(Make It Cool and Trendy)

Make It Cool and Trendy

这可能听起来不是什么大问题,但可穿戴设备是用户关联到他们身份的东西。 实际设备不仅需要具有一定的外观,而且界面需要与该风格相匹配。

屏幕上的信息必须与设备本身一样好。 使用Apple Watch,界面非常简洁,线条简洁,一些花里胡哨的元素很少。 应用程序的界面应该使用相同的视觉感觉,以便屏幕上的信息看起来就是匹配的。


9.设计无需屏幕依然可以工作(Design Can Work Without a Screen)

Design Can Work Without a Screen

市场上一些受欢迎的可穿戴设备甚至没有屏幕。 考虑Fitbit,Nike Fuel Band或Google Glass等产品。

这些没有屏幕或只是以时间作为显示的“屏幕”。 诸如振动或与其他设备和应用程序的连接等功能才能真正使这些产品发挥作用。 即使用户无法始终从实际设备中查看该功能,该功能也很有用。


10.每个屏幕一个视觉思维(One Visual Thought Per Screen)

One Visual Thought Per Screen

每个像素都以难以解释的方式发挥作用。 手表大小的屏幕上没有足够的空间来像桌面或移动设计中包含的每个元素。 所以你需要想想的是你不需要的东西。

这些屏幕的大小范围为320像素到128像素。 这实在是太小了,不能在通过缩小设计来实现所有内容都罗列出来,所以你必须为可穿戴设备完全改变它。 使用这个概念:每个屏幕一个视觉思维。

你需要有一个或两个单词的空间和(或)图像。 就这样,传达的信息应该简单,清晰,切中要害。 如果需要进一步考虑,应该通过拓展单个屏幕的设计来做补充。


总结

可穿戴设备不仅仅只是停留在现阶段,将会有更多的可用设备推出。 虽然我们还没有看到在这个市场上会发生什么样的突破和革新,但是围绕可穿戴技术存在很多可能。

作为设计师必须做好充分的准备。 你的团队应该已经考虑你的网站设计或应用如何在这类设备上运行。 不要等到每个人都有智能手表才来设计它。 你需要时刻走在前列,开始考虑可穿戴设计技术。






----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务