Apple Watch人机交互指南:UI设计基础--动画、品牌化
2014-11-20 17:42
405 查看
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
这篇讲的是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
相关文章推荐
- Apple Watch人机交互指南:UI设计基础--动画、品牌化
- Apple Watch人机交互指南:UI设计基础--为Apple Watch而设计
- Apple Watch人机交互指南:UI设计基础--模态页面和布局
- Apple Watch人机交互指南:UI设计基础--Glances
- Apple Watch人机交互指南:UI设计基础--颜色、字体
- Apple Watch人机交互指南:UI设计基础--模态页面和布局
- Apple Watch人机交互指南:UI设计基础--App 剖析
- Apple Watch人机交互指南:UI设计基础--通知
- Apple Watch人机交互指南:UI设计基础--Glances
- Apple Watch 人机交互指南 界面元素 ---- Menu Icons (官方文档翻译)(UI设计层面)
- iOS 人机交互指南之UI设计基础:Designing for iOS 7
- iOS技术开发-人机交互指南之UI设计基础:iOS App Anatomy
- iOS 人机交互指南之UI设计基础:Designing for iOS 7
- Apple Watch 人机交互指南 界面元素 ----- Menus (官方文档翻译) (产品设计层面)
- 《Windows Phone 7 UI设计及人机交互指南》发布
- Apple Watch人机交互指南--UI设计基础(一)
- Apple Watch人机交互指南--UI设计基础(二)
- iOS 7人机交互指南-Icon和Image设计-Bar Button Icons
- Apple Watch人机交互指南:UI元素--列表、按钮、开关以及滑杆
- iOS 7人机交互指南-UI Elements-Bars