小编:Apple Watch 终于在3天前与大家正式见面了!随着Apple Watch的重磅来袭,作为射鸡狮的大家准备好了吗?相信至少对于UI设计师的你想必是一种惊喜,尺寸限于小小的空间内,却要复制大屏电子产品给大家带来的视觉效果,却又无疑是一份挑战。在界面设计既要美观又实用的前提下又要考虑到产品的可穿戴性能。究竟我们应该从哪个出发点进行呢?现在就跟着作者Victor_J_C?一起来迎接挑战吧!

m_14ea54fec5f9000001af242d67cf

? ? ? ?我们正在一点点接近万众瞩目的苹果手表的发布。该设备将进一步改变我们对可穿戴技术的思考方式,以及如何设计网站和应用来适应此种界面。

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

? ? ? ?市场上最热门的可穿戴设备中,有一些甚至没有屏幕??上氲降牟啡鏔itbit,Nike Fuel Band ,还有Google Glass。

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

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

?

m_c79d54fea56400000170d81e0151

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

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

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

结论

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

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

原文地址:站酷

原作者:Victor_J_C

转载请注明:学UI网—UI设计师学习教程平台 » Apple Watch来袭,射鸡狮们准备好了吗?

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
解析百度贴吧升级的故事I:用户洞察与交互升级解析百度贴吧升级的故事I:用户洞察与交互升级
不会C4D与手绘的设计师还有出路吗?不会C4D与手绘的设计师还有出路吗?
设计技巧如何融入“用户体验”?设计技巧如何融入“用户体验”?
视觉设计师如何向UX设计师转型?视觉设计师如何向UX设计师转型?
UI设计师设计思路的进阶之路UI设计师设计思路的进阶之路
移动端的长表单应该如何设计?移动端的长表单应该如何设计?
UXD设计师先要学会的4件事UXD设计师先要学会的4件事
如何在用户脑海中建立独特强有力的品牌形象?如何在用户脑海中建立独特强有力的品牌形象?
三分钟带你解析ios三种导航模式三分钟带你解析ios三种导航模式
电商工作后台首页的商业价值重构与产品化设计电商工作后台首页的商业价值重构与产品化设计
?