美文网首页
汉达科技:APP的动效设计

汉达科技:APP的动效设计

作者: 汉达网络科技 | 来源:发表于2018-03-09 14:39 被阅读0次

    App中的动效设计不是具体的需求设计,不能对产品本身产生很大的变化和改进,只是能在设计层面和体验层面为用户创造多一点的价值。河南汉达网络科技有限公司(以下简称“汉达科技”)负责人表示在做相关设计的时候,不可为做动效而做动效,要把握住动效的“度”,不可华而不实,需要服务于具体的需求和场景。

    App的庞大复杂度和动效的丰富度成反比,App越复杂,其动效也应该轻量化而简洁。App功能越简单,其动效则可以适度丰富,甚至形成与自己App相符合的动效风格。下面跟着汉达科技小编一起来学习下吧。

    主要分为以下几部分:

    一、控件动画

    控件动画,可在动画运动曲线、动画出现方向等方面,进行统一处理。给用户带来顺滑的转场动画,让整个页面更加顺滑,并且有规则。

    二、加载动画

    分为以下4种:

    1.下拉刷新加载下拉加载一般分为两种形式:动画加文字、纯动画。

    2.切换新页面数据加载当切换到新页面时,常常会有加载数据的时候。主要有:转菊花的动画,进度条的动画,百分比的进度动画。

    3.页面上拉加载上拉加载的样式不会过于复杂,一般与下拉加载的动画配套来实现,上下尽量保持一致。

    4.页面局部加载常见的局部加载场景有视频列表、加载图片的占位图等。

    三、细节动画

    有以下2种:

    1.点赞动画点赞分为连续赞和单独赞。点赞时为了给用户营造良好的用户体验和心里满足,一般会藏有彩蛋动画,从而刺激用户点击欲。

    2.二维码动画下落收起动画,二维码作为社交app中的个人身份的代表,大多使用card下落又收起的动画。

    四、功能模块动画

    根据各个app的突出特色功能和亮点功能,一体化的设计它那个模块的动画,详细刻画。启动页加载动画。

    例如社交类app的寻找好友模块,加好友模块。

    例如安全类app的安全扫描模块,安全检测模块。

    五、彩蛋动画

            为了用户营造惊喜,和体现产品设计逼格的地方。在产品关键路线中的一些彩蛋动画设计,能为用户带来较高的愉悦感。在聊天软件中的,关键词彩蛋,丰富聊天情感,增强互动。

            除此之外,还有运营动画,各类banner动画。它需要根据各类需求,选择适合的动画。汉达科技小编在这里不做统一的划分,它需要结合具体的场景、表达内容点以及传达意图来说。

            河南汉达网络科技有限公司(简称“汉达科技”)是中国专业的互联网+解决方案与服务提供商。始终致力于为中国企业提供互联网+解决方案,解决企业互联网+模式、平台开发、运营推广等难题;为企业提供互联网+咨询、软件开发(App开发、微信开发、微信小程序开发)、行业解决方案、全网营销推广、风投对接等互联网+服务。

            目前设有郑州、北京、青岛、武汉、成都五大运营研发中心,汉达科技研发的各种软件已被广泛运用于30多个行业。

    相关文章

      网友评论

          本文标题:汉达科技:APP的动效设计

          本文链接:https://www.haomeiwen.com/subject/nywpfftx.html