关于苹果tvOS app 设计、开发的相关资料整理

Apple TV

1、关于Apple TV

苹果官网对Apple TV产品的介绍

苹果开发者网站对tvOS的介绍

Apple TV技术规格

以上网站是官网对Apple TV产品的硬件、使用、平台特性等介绍,里面很全。


2、关于设计

tvOS人机交互指南(官方原版)

tvOS人机交互指南(中文翻译版)

tvOS设计视频Designing for Apple TV(官方原版)

PS设计资源文件(psd格式),包括了icon 等PS设计模版的psd文件。

https://developer.apple.com/tvos/human-interface-guidelines/resources/

注意:

Apple TV的tvOS是一个新的平台,从Apple TV第四代开始,tvOS中内置了App Store,开发者可以开发app提供用户下载使用。因为开发者第一次针对tvOS开发设计app,

所以官方也给出了针对tvOS的人机交互指南,意在指导和规范开发者设计和开发出优秀的app。因为用户在Apple TV的使用方式、使用场景上和我们以往熟悉的手机、平板和电脑是不同的,

针对具体的使用场景和使用方式来设计,才能设计开发出优秀的app,达到更好的用户体验。希望大家能在开发设计前,仔细阅读和理解这些文档和视频内容。


3、关于开发

App programming Guide for tvOS(官方原版)

App programming Guide for tvOS(中文翻译)

视频 https://developer.apple.com/videos/

Example Xcode Projects(官方的demo code)

以上是tvOS app开发的官方文档资料、视频和示例代码。

tvOS的开发和iOS很类似,原本的开发技巧基本都适用于tvOS,只是tvOS新增了一些东西,在文档中都有介绍。另外注意遥控器的接受、手势以及焦点的概念理解,还有焦点的移动等开发。

在文档和示例代码中也有介绍。

其他参考:http://justsee.iteye.com/blog/2329380

开发注意点:

关于iOS项目中xib拷贝到tvOS项目中使用的问题:

有些原来iOS项目中的xib文件打算放在tvOS项目中复用时,我们直接拷贝放在tvOS项目中会编译会报错 “iOS xibs do not support target device type “tv” 。


关于苹果tvOS app 设计、开发的相关资料整理_第1张图片

解决方法:

方法:在tv项目中新建一个xib文件,使用sourcecode方式打开,将 [objects][/objects] 和 [resources] [/resources]  (这里的尖括号会被过滤掉,用[ ] 表示 )两个标签中的内容替换为iOS中的xib对应标签里的内容。

这样就可以编辑过啦。使用这种方式可以节省不少时间。

具体参照:http://waynehartman.com/posts/convert-ios-xibs-to-tvos.html


4、关于调试

Xcode提供了Apple TV1080p的模拟器和Siri remote模拟遥控器。

关于苹果tvOS app 设计、开发的相关资料整理_第2张图片
显示Apple TV Remote


关于苹果tvOS app 设计、开发的相关资料整理_第3张图片
Apple TV Remote

在测试时注意:Siri remote模拟遥控器在模拟swipe左右上下滑动手势时,需要按住option 然后按住鼠标左键左右上下滑动。

另外:最终调试效果需要连接真机进行调试,因为在真实的大尺寸电视上查看界面效果和使用真实的遥控器才更能接近真实用户使用场景。

例如:在远距离观看时,文字是否过小或过大,图片是否过小等等。


5、关于提交

Icon和启动图具体尺寸参考人机交互指南中的关于icon and images说明

1、所有的Apple TV使用的图片都是@1x的,也就是普通一倍图片,不需要提供@2x或者@3x的图片。

2、app需要的icon图片尺寸和启动图尺寸(注意下面的中间名字和后缀分辨率):

*AppleTV-TopShelf-1920x720

*AppleTV-Top Shelf Image Wide-2320 x720

*AppleTV-Icon-App-Small-400x240

*AppleTV-Icon-App-Large-1280x768

*AppleTV-LaunchDefault-1920x1080

AppleTV-TopShelf-HDTV-908x512

AppleTV-TopShelf-Poster-404x608

AppleTV-TopShelf-Square-608x608

AppleTV-TopShelf-ScrollingInsetBanner-1940x692

AppleTV-GameCenter-Leaderboard-659x371

注:前面有星号的图片是必须提供的。其他的需要看app类型是否需要提供。

注:所有图片都不能有alpha通道。

3、itunesconnect 中的截图,提供最多五张截图和预览视频。


6、最后

    以上是自己在开发了一个小的tvOS app后,整理的一点资料。没什么技术含量,算是一个备忘录,对自己和其他需要有相应需求的同学,都是一个参考。

基本设计、开发tvOS app需要了解的内容,上面的文档资料和视频资料都有了。

     想要设计、开发出用户体验良好的app,那么首先需要了解Apple TV的硬件信息、使用场景、了解关于tvOS的设计原则和规范以及开发知识。

如果对前面整理的文档资料、视频做足了功课,相信设计、开发起来也会容易很多,少走很多弯路。目前中国国内的Apple TV用户还是非常少的,

主要受限于相应的政策,还没有引入国内。但是国外市场的用户还是有不少的。而未来会越来越多,相信会有很好的前景。

另外关于苹果的【人机交互指南】强烈的希望大家能多多阅读和理解。包括iOS、tvOS以及macOS。不论是开发同学还是设计同学,相信都会有很大的帮助。


以上。

你可能感兴趣的:(关于苹果tvOS app 设计、开发的相关资料整理)