有人知道这个app界面各个位置叫什么是什么APP?

编者按:智能手机和ipad给动画人的创作带来了许多改变,它们开始成为动画人日常记录灵感和创作的重要工具。但是,面对线上五花八门的动画app,你也许会面临轻微的选择困难症吧。今天,我们特邀立夏Lily同学为我们推荐用户量较大的几款动画app,大家从中挑选自己喜欢的产品用起来吧~~以下时间,交给Lily。(by 野草)此前我经常在学术趴微信群上发一些小动画,每发一次都有人问我是什么app画的(我经常用iPad),故发一篇科普文章,造福各位网友(最好以后别再问我了 TWT)。下面的app主要是针对iPad,而且笔者有iPad Pro和iPad Pencil,所以体验条件可能会和手机或者指绘不同。此外,每个app都有的功能,如可画画、擦除、撤销、新建关键帧等,下文都不会赘述。但我会说着重说明每个app的特点,例如笔刷种类、材质、方便程度等。我可能只会推荐我觉得真的很好用的几款。虽然字写得多一点可能稿费多一点,但是我们多一点真诚少一点套路,就说几个我自己会保留在我的iPad里的软件吧。Folioscope首先介绍一个轻量级选手,Folioscope。适合只是想要随便画画,又不想考虑太多功能的朋友。下面是我画的一个小动画作为示范:这是一款非常简单,而且使用起来非常便利的动画app。更像是小小手翻书的感觉。优点1.帧的编辑便利folioscope的画帧编辑很人性化,可以随时在中途增加空白帧,而不用在末尾增加后拖动。这和后面会说到的一款app就不同,可以互补。2.像素质感和网点笔刷这个说实话是个人趣味,我对像素感的东西有比较大的好感。而且这个app的笔刷可以画出像素画里的网点效果,可能比较像3ds里面那个app画出来的动画。虽然,依旧,我用的比较少。缺点1.没有图层功能这个虽然致命,但是如果只是小打小闹,没有图层也倒没有关系。但下面这个最为致命。2.笔刷的大小和橡皮擦大小相同大家知道,我们画的时候,可能会喜欢用小笔刷画线条,但擦除的时候都希望大片大片擦除。而folioscope这种蛋疼的设定,决定了画的动画如果不是胸有成竹,那么修改作画的效率会比较低。3.颜色和笔刷选择少仅仅作为消遣娱乐的folioscope,能够满足的也只有黄、绿、蓝、红、白、黑六种颜色,大小也是选择有限。虽然你也可以在有限的选择中玩出无穷的花样。如果你不满足于Folioscope的简洁,那么接下来这款app应该可以满足你的需要。AnimatorAnimator是我最常用的软件。安卓和苹果iOS应该都有的。这个app有两个版本,蓝色的是最新版,而旧的橙色的版本除了颜料桶没有也没什么不同。但是有一个新版没有的好处,那就是横屏。所以两个版本的区别其实就是方向。左图为旧版本,右图为新版本先给大家看一下我用这个app画的动画:这张的原版在更新之后被弄丢了没有保存用这款app可以基本上实现小动画的绘制。接下来详细地介绍它。下面是旧版(横屏):下面这个是新版(竖屏):虽然这款软件的界面经常出bug,有时候会看不见预览图,可能即使命名会比较好(不要像笔者这样懒)。操作界面如下:优点1. 图层这是我选择这个app的首要原因。和其他app对比我们可以发现,其他app要么就没有图层功能,要么就像 Animate HD一样,图层仅仅限于一帧以内,和没有一样。Animator的图层功能非常强大:可以分别改变图层播放速度,透明度,甚至还可以设置来回播放(上方加号右边第四个)。这让制作带背景的动画、有限动画等变得非常轻松。2.选区这个是也是动画app比较少有的,可以一定程度上地放大、移动等。像笔者这样总是画着画着把头啊身子啊画小了的人来说简直是福音。3.笔刷种类Animator还不知道为什么有很多奇怪的笔刷,可以画出一些神奇的效果,虽然一般我都不用。4.填色之所以把填色这个单独挑出来也是因为这个功能不是每个APP都有的。5.几何图形这也是一个比较少有的功能,但是我用的也很少。缺点1.无法快速在中途建立空白帧这是Animator较为蛋疼的一个地方。因为它添加空白帧的地方在最末尾,所以你必须把空白帧拖到前面你想要添加的地方才可以。2.填色丑刚刚我还赞美过Animator的填色功能,然而遗憾的是Animator的填色就像上面大家看到的那样,会吃掉线条,会很难看。3.笔触“跳帧”Animator还有一个Bug: 有时候会出现画的笔触“跳帧”,重复修改的时候会出现画着画了的内容出现在下一帧,这一帧反而没有出现的情况!虽然优点很多,但是说实话,即使有一个缺点,尤其是第一个缺点,有时候也是致命性的打击。当然这主要看你侧重什么了。如果要绘制背景,更加青睐有图层功能,即使麻烦一点也没关系。但是如果想要绘制稍微长一点的动画,尤其是使用传统的关键帧作画法,那么那么多次的中途修改可能会要了你的老命。如果你想要能够中途加帧,又可以有更多功能,下面这个比较专业的可能对你口味:Animation HD首先优点:专业!虽然这么说很笼统,但是Animation HD真的就是感觉上就非常专业。首先它从新建的时候就可以自选大小和码率,而且中途也可以非常精准地修改码率。而且在这个界面里,你可以增加音乐,图片,甚至是文字。(非常适合做配音,虽然它的预览没有办法播放声音,只能从声音最开始处播放才可以听得到,做口型还是有点不便。)也可以随意拉伸图像,添加固有图形等。还有一个专门的界面给你修改帧,总之就是和普通app功能差太多,没办法列举。但是,它也有很大的缺点:图层功能名存实亡作为一个功能齐全的app,它应该是supposed to 用于比较专业的动画片段。然而这个app的图层竟然只能修改一帧以内的画面,也就是说另一个帧里面图层内容就会完全消失,每一帧都是一个独立的psd。这有啥用????总而言之,folioscope适合简单的,比较好控制的,或者想要做可爱的像素风的动画;animator适合中等的,对图层要求比较高的;animation HD适合对尺寸,码率有精确要求,想要添加声音(或者做口型)以及添加文字的动画。那么有人会问,定格动画或者手绘动画怎么办呢,那么接下来就就介绍这个软件。定格动画工作室这是一个专门制作定格动画的app,但你也可以用它来做手绘动画的拍测。下面是我用定格动画工作室做的一些gif:下面说说这个软件的几大优点:1. 功能齐全虽然又是笼统,但是这确实是是一个自身剪辑功能完备的软件。前期拍摄,后期配音,中途剪辑增加删减帧都可以实现。在剪辑和导出这种基础功能上很完备。2 .有洋葱皮这是个很!重!要!的功能!因为作用做出来的定格就会很smooth。(虽然以前没开洋葱皮的时候做成来的反而有迷之动感……)3 .可以掩码这个也是神器!也就是说你已经获得了ps大法。在镜头没有移动的前提下,你就可以轻松利用前一帧的背景p掉你用于支撑的东西。(然而只能用前一帧)4. 远程摄像头 honestly这个功能有点鸡肋。因为虽然是远程,但是反应速度很慢。所以个人更推荐买个三脚架加蓝牙拍摄按钮。5. 画质高这个我持保留意见,因为画质受手机本身限制,所以再高也高不过单反。想要真的做专业的还是用dragonframe(只有pc)吧。拍完了,你可能需要编辑一下。对于视频编辑软件我不是专家。我觉得apple本家的一个软件就不错:iMovieWell....我也不知道其他视频剪辑软件如何,反正这个软件支持录音,支持多音轨,而且自己还有音效库。视频过渡也有多种选择,我觉得中规中矩,挺不错的。其实还有很多很好的动画app,例如animation desk之类的。然而本篇没有提到,但如果读者们有要求,我也可能会继续介绍一些别的app。最后简单说一下我自己练习经验吧。虽然我也依旧在学习阶段……我的感觉就是平时想到什么都可以画下来,例如我上面画的屌一样的鼻子(那是看纪录片的时候想到的),或者流动的脂肪,或是嘴唇一样的树叶等……我比较喜欢这种充满想象力的啦。而且我个人对动画的看法是,二维就要发挥二维的优势,三维就要发挥三维的优势,定格就要发挥定格的优势。所以在自由度那么大的二维作画上,肯定是画一些脑洞大开的最好啦。至于运动规律的作画,我自己也不能说做得很好,但是我感觉小球的动态对我帮助非常大。其次是滞空时间的问题,也就是pace吧。至于人体……因为我本身就做了大量的人体速写,而且学校也有裸模之类的,可能这方面和很多人条件不一样……但是我感觉一开始以画准为基础,然后再进阶到表现力,后面还可以探索一些别的例如留白、分面等画法……应该会比较轻松吧?至于画的过程……因为我目前也是野路子,基本上就是testing,testing和testing……多数靠直觉吧,所以大家也可以看出我的性格是比较急躁的,pace都很快。本文首发于公众号[动画学术趴],转载请注明出处。
2019-03-26 09:59
来源:
Mars谈UI设计
这个强调个性的信息年代,一成不变的设计已经很难满足我们挑剔有品位的用户了。
那些有炫酷动画效果和体验丰富的APP也更受广大用户的青睐。
早期的APP因为设备内存受限,网络流量的制约,要在手机里搞个动效,那会卡到黄花菜都凉凉了。
如今随着技术和硬件设备性能的提升,由静态界面转变成动态效果就像巴啦啦小魔仙施展魔法般简便。
动画效果如今已经深入到一款APP应用的每个角落。
一款APP内的动效一般用在哪,用来干嘛呢:
【使用场景1】: 闪屏、LOGO字体动效
在APP开屏界面和下载宣传页就能给用户初步印象,让产品品牌更立体。也让用户更直观的了解一款产品的核心特征、用途、使用方法等细节。
【使用场景2】: Loading加载,数据刷新
一个动态的加载动画相比机械性的系统文字“正在加载”,更能拉进与观者的距离。要是再加些趣味性在里面,一个有趣的loading多看几遍都不觉得枯燥呢。
【使用场景3】: 展示交互原型,概念动效
在APP前期的立项阶段,做一些功能展示的概念动效是很有必要的。很多时候设计师不能光靠嘴去解释你的想法给产品经理听,静态的设计图也不见得能让程序伙伴一目了然。
所以才会有高保真Demo,这样就节约了很多团队间的沟通成本。一些优秀的UX设计师会针对界面内元素主次,做出有节奏有层次的动效诠释,下面列举较常见的一些动效处理:
【3.1】列表滚动】
第一个案例展示了和列表交互的动画,左边的列表只是单纯的滚动,而右边的则明显的加入了渐进的动效,模拟现实中拉动卡片的微妙动作。
【3.2】列表和详情页之间的过渡】
上面的案例当中,左边只是简单的左右切换过渡,而右边则带有放大和转变的过渡,不仅让动效的指向性更为明显,而且更加富有动态。
【3.3】侧边栏菜单】
概念动效往往会力图让最常规的交互效果更加生动,比如侧边栏展开这样常见的操作。
【使用场景4】:UI界面转场动效
当一款APP正式立项进入设计阶段时,转场动效在UI界面中无疑是显著的。相比于静态的界面,动态的转场动效更符合人类的自然认知体系,弥补两个界面直接的差异所带来的用户感知落差
【使用场景5】: 点击反馈,手势交互
在用户体验界面设计中,将功能需求情感化也是不错的体验,这种拟人化的动效让界面充满了真实的质感,信息的反馈也更直觉化。
【5.1 出错的时候给用户以反馈】
下面的案例就相当典型,一个简单的左右晃动的特效给用户一种界面“正在摇头”的感觉,让他们明白所输入的内容并不正确。
【5.2 通过反馈告知用户目标达成】
当用户操作完成之后,结果信息不是生硬的二次弹出,而是在原按钮上做出回应,如案例中信息输入完整时按钮变红按钮上文字变化,用自然的过渡来呈现。
“展现,而不是单纯的告知”。动效赋予了单击操作一种轻松写意的感觉,是一种让用户欣赏甚至沉迷的细节体验。
【5.3 手势交互】
手势交互改变了我们和界面交互的方式,而随之而来的语音交互也正在逐步成熟,借助AR技术,我们具备了和虚拟对象交互的可能性。我们在APP中的交互会越来越自然多变。
【5.4 交互焦点】
当用户执行了某一操作后,动效是一个非常好用的反馈机制。通过动效的适当运用,用户可以清晰感知到自己操作的反馈,让用户知道自己做了什么。
每天分享设计干货,觉得不错记得点赞转发关注哦~返回搜狐,查看更多
责任编辑:

我要回帖

更多关于 app界面各个位置叫什么 的文章