招生合作| 投诉/建议

400-882-6911

全国统一学习专线 8:30-21:00

福州华南设计培训学校新闻中心 NEWS

平面设计的用途

发布时间:2018-08-04 13:16:31 已帮助:177人 来源:福州华南设计培训学校

用途


最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹果、谷歌自己开发的APP。如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧。



  转场动效也是在APP中应用最多的动效,连接两个页面。通过合理的动效让户能更清楚我从哪里来,现在在哪,怎么回去等一系列问题。初次接触产品,恰当的动效使产品页面间的逻辑关系与用户自身建立起来的认知模型相吻合,操作后的反馈符合用户的心理预期。这种认知与预期一部分来自长时间使用电子设备的使用习惯,一部分来自对现实世界的物理环境认知。

  我将现在主流的转场动画分为四类,并结合了一些使用场景和例子。

  
一、弹出

  场景:

  多出现于信息内容页面,用户将绝大部分注意力集中在内容信息本身上。当信息不足或者展现形式上不符合自身要求,临时调用工具对该页面内容进行添加、编辑等操作。在临时页面停留时间短暂,只想快速操作后重新回到信息内容本身上面。

    
二、侧滑

  场景:

  当页面见存在父集子集的时候,也是最常见到的一种转场动效。基本看到这样的动效,用户就会在头脑中形成树的模型——哪些内容在属性上相似,量级相同,以及不同层级间的关系。

      
三、渐变放大

  场景:

  页面post了很多同等级信息,就如同贴满了信息、照片的墙面,用户有时需要近距离看看上面都是什么内容,在快速浏览和具体查看之间轻松切换。渐变放大的切换动效与左右滑动切换的动效的区别是,前者大多用在张贴显示信息的面板中,后者主要用于罗列信息的表单中。在张贴信息的面板中左右切换进入详情总会给人一种不符合心理预期的感觉,违背了人们在物理世界中形成的习惯认知。

  其他

  还有很多其他的切换动画,它们大多是高度模仿物理现实世界的样式。比如iBook里电子书翻页就是在模仿现实世界中翻书的效果,还有Flipboard文章切换的样式真的是flip的感觉。

  产品中的动画不仅仅局限于转场之间的动效,还有控件,页面元素的动画。产品的动画的样式,持续时间和幅度都会在一定程度上影响用户的使用体验。把握好这种体验更要好好学习心理学方面的内容,觉得这是个越研究越有趣的领域。

以上就是 福州华南设计培训学校 小编为您整理平面设计的用途的全部内容,更多精彩请 在线咨询
也可以拨打咨询电话: 400-882-6911 让在线老师为你详细解答


关于我们 | 联系我们 | 福州华南设计培训学校 地址:福建省福州市台江区国货西路234号 咨询电话:400-882-6911

CopyRight © 2010-2024 订课宝 版权所有. 未经授权,不得转载本站内所有内容。

沪ICP备16037964号-2

招生合作 版权/投诉 注册

网站地图 更新时间:2024-05-20