恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
一厢情愿的 动效设计
0.0°
2016-08-12 原创文章 经验/观点 举报 1404 5 6 2

每次你做的动效程序员很反感,或者做出来的效果不满意?

想了解原因进来看看吧


白富美与屌丝的爱情

一款产品进入App Store就像,设计师与程序员的一场恋爱走入婚姻。


但往往这样的恋爱经常出现设计师的“一厢情愿”的单相思,使程序员苦恼无比。这样的恋爱不可能结出完美的果实。


原因是设计师是白富美,程序员是个穷屌丝。当然Android程序员比起iOS程序员更屌丝。

白富美拥有Adobe AE或Apple Motion这样的父母,很多效果招招手既来之。

比如,粒子效果父母已经帮助白富美创建了很好的工具给她们使用(Partacle Emitters)


相对于白富美屌丝们并没有这样慷慨的父母,有的只是为App服务的父母iOS或Android。

如果屌丝要达到白富美的要求,要自己动手完成白富美父母给予白富美的工具(即自己开发特效),或者寻找七大姑八大姨寻求帮助(即 开源社区找插件)


但面对极度浮躁的App市场,所有的老板都希望App尽快上线,所以屌丝并没有过多的时间去完成白富美的要求。


说白了设计师的工具与程序员的工具并不是一个级别的,这也是为什么AE软件那么贵,卖的就是算法。


程序员的能力

不得不承认,只有优秀的程序员才能做出优秀的App。再好的设计师配合垃圾程序员只是一厢情愿。

那么我们一起来评价程序员吧。


A,能做出下面效果并解释视觉原理的程序员给”良好“

Image title

http://www.ui.cn/detail/155452.html


具备的能力:

理解基本属性(如:宽度,位置,缩放等)给予视觉产生的影响,并且可以用代码的形势编写出来。


B,做出A效果与下面效果的程序员给“优秀”

Image title

http://www.ui.cn/detail/140686.html


Image title

http://www.ui.cn/detail/143471.html


具备的能力:

不仅是基本属性,对于复杂动画的逻辑有很好的耐性,或者说是喜欢做效果的程序员。同时具备初步数学模型算法能力。


C,做出AB效果与下面效果的程序员给“卓越”

Image title

http://www.ui.cn/detail/146746.html


Image title

http://www.ui.cn/detail/151223.html


Image title


具备的能力:

掌握OpenGL技术对图像本身处理能力,并具备深度了解数学模型的能力。


D,对以下内容非常感兴趣的程序员是设计师的“知己”

Image title

http://www.ui.cn/detail/155451.html


不管是初级程序员还是高级程序员,这样的程序员心中有一颗热爱效果的心。如果是经验丰富的程序员,那么恭喜你你找到了知己。


程序员现状

很多企业的App中可见

A类程序员占很大一部分,基本上是能干活儿的前台程序员(F2E Development),不热爱效果到热爱效果但开发能力不足的人。

B类程序员较少很多我们觉得效果不错的App都间接或直接的出自他们之手。

C类程序员几乎凤毛菱角般的存在,诸如MIUI、SmartisanOS、FlymeOS等一线国内公司的产品中寻找不到他们的踪迹。我猜大部分人才应该在游戏引擎开发公司中吧。但是经常在iOS中看到画龙点睛的效果是此类程序员的杰作。


我的建议

首先我建议去找公司比较不错的程序员,用我给的方法去测试一下,了解工程师的实力。


然后我建议设计时规避以下动效问题

1,尽量不要使用离子系统产生随机粒子

2,非规则形状的变形动画不要太长,因为程序员会用逐帧动画(Frame Animation)来完成

3,尽量使用基本属性完成动画(Size, Scale, Position, Rotation, Opacity, Visible, Anchor, Layout Index)

4,尽量使用Easing和Spring动画曲线

5,巧妇难为无米之炊,技术如同米,尽量去了解技术,让你的动效落地。


Image title


更新:2016-08-12

收藏

5人已收藏

成林1

:) 已离开上海,投身大武汉

  • 24

    作品

  • 76

    粉丝

  • 7

    关注

  • Game ICON
  • Cookie ICON
  • Simple ICON
  • 物流商城Wireframes & UI Flows

    猜你喜欢

      2016-08-12 原创文章 经验/观点 举报 1404 5 6 2

      一厢情愿的 动效设计

      0.0°

      你确定要举报一厢情愿的 动效设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年08月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      5
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录