交互原型新手入门2——Form入门导航
折腾了一个多星期的Form,整理下学习资源。
以下内容是按照学(cai)习(keng)实践整理,自认为最佳的Form入门导航。
1、软件下载
iPhone中App Store搜索【Form】下载
Form2、了解Form,初步尝试制作原型
推荐阅读 侯雯佩 同学的翻译:交互原型工具Form介绍 & 教程翻译
PS:阅读时不要被文章中各个链接分散注意力,只看翻译内容就好。我已经踩过坑了,全看了会晕的不要不要的!实在不懂的下载教学视频看看——Form简介【教程视频+源文件】下载链接。
3、详细了解Form各个Patch
把上面链接里所有内容撸一遍,英文不好没关系,直接看每部分最下面的视频。我都是静音看的,so easy。建议跟着一起练习,记笔记。
个人建议:最好不要直接去看实例教程,很容易晕。把官方讲解看一遍花不了多长时间,对各个模块有个整体概念,接下来会更加顺畅。
4、临摹Demo,深入学习主要Patch
我都是直接看教学视频(还是静音),跟着一点点做。不懂的地方看看源文件,还不懂看看英文原版教程讲解。
4.1 复制器
教程——(英文好的同学看)原文链接:Replicator Tutorial
——(中文好的同学看)王镇雷翻译 动效软件 Form 教程:复制器 Replicator
4.2 状态控制
教程——(英文好的同学看)原文链接:State Tutorial
——(中文好的同学看)王镇雷翻译 动效软件 Form 教程:状态控制
4.3手势
教程——(英文好的同学看)原文链接:Gesture Tutorial
没人翻译,中文好没用...
4.4子视图
教程——(英文好的同学看)原文链接:Subviews Tutorial
没人翻译,中文好没用...
5、临摹官方案例,体会原型制作逻辑
可以祭出大杀器:大M神——动效原型工具Form指南
这篇文章相当、相当、相当好!前提是你要对Form有一定的了解...
我开始零经验直接看了这篇,然后...就彻底晕了!
不过把上面 1-4 步全走完,再回头来看 大M神 这篇文章,收获良多。
全部走完,可以说Form算是基本入门了。
最后放一个临摹官方案例【iPhone Map Photos】时,修改的图片出现动画效果图。
(左边是我修改的,右边官方原版效果)
左图:修改后动画;右图:官方案例