Apple Watch人机交互指南:UI设计基础--动画、品牌化

Apple Watch UI设计精髓
本文介绍了Apple Watch UI设计中的动画和品牌化原则。动画应当传达状态并提供反馈,帮助用户理解操作结果。品牌化不仅涉及添加品牌资产,还应在色彩、字体等方面营造独特的体验。

Apple Watch人机交互指南:UI设计基础--动画、品牌化


这篇讲的是UI设计的一些原则,个人认为有很多道理可以悟出来。

人各有见,或许你在这篇文章能找到很多你曾经让你迷茫的问题的答案。


本文翻译自Apple Watch Human Interface Guidelines:UI Design Basics--Animations 和 UI Design Basics--Branding,敬请勘误。

动画

漂亮精细的动画遍布Apple Watch的每个角落,为用户打造了迷人的动态的体验。恰当的动画应当:

· 传达状态并提供反馈。

· 帮用户形象化操作的结果

使用一系列静态图片创建预渲染动画。在您的app包中储存录制好的动画(罐装动画),这样可以快速展示给用户。录制好的动画也可以让您交付高帧频流畅的动画。

从WatchKit扩展中动态地创建动画,并将其转移到Apple Watch,在回放之前添加一个延迟就可以开始了。

仅图片和分组对象(group objects)可使用回放控件。大部分界面对象以无限循环方式展示动态图像序列。要终止动画或从动画中回放一组特定的帧,你必须使用图片或者分组对象。

----------------------------------------------------------------------------------------------------------------

品牌化

成功的品牌化所涉及的内容远不止在应用程序中添加品牌资产。最好的应用程序将现有资产和独一无二的外观和感觉集合在一起为用户提供了一个令人愉悦的难忘的体验。

有多种方式品牌化你的app,包括icon、用色、自定义按钮、自定义字体以及所使用的文本等。在您设计app的图形元素时,要记得每个自定义元素都要看起来很好,其本身的功能也一样,但看起来也应当和app中的其他元素存在关系。

以优雅不唐突的方式并用品牌的资产。用户使用您的应用程序来完成任务或者进行娱乐活动,但他们不想被强迫观看一则广告。为了获得最佳的用户体验,您可能需要通过色彩、选择的字体或者意像来悄悄地提醒用户对品牌的辨识度。

抵制在应用程序或Glance中展示logo的诱惑。Apple Watch上的空间非常宝贵,每次展示logo都会占用内容的空间,并且在应用程序中展示logo的目的不同于在网页中展示logo:很多时候,用户会进入某个不知道"主人"的网页,但用户在打开应用程序之前通常会查看app icon。


原文地址:http://www.cocoachina.com/design/20141120/10274.html


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值