网页中动效元素设计的间距和统一性问题

2020-09-30 11:24:31  41 浏览  0 评论   赞

动效元素无论大小对用户的吸引力是比较大的,因此动效元素之间的间距一定要把握好,避免界面混乱;动效与页面的其它元素,动效与动效应风格统一

网页中动效元素设计的间距和统一性问题

图799-1:动效1-车辆进场动画

间距

间距_网页中动效元素设计的间距和统一性问题

图799-2:动效2-页面切换和文字进场

元素与元素之间必须要保持一定的距离,正如整个网站设计无论信息内容和元素再多,都要保持合理的留白一样。间距利于用户的可读和易读,也能够提升元素与元素、内容与内容之间的区别性。而动效元素更加需要保持间距,动效本身需要一定运动轨迹,空间与时间是对动效元素的基础容纳,如果动效元素之间没有保持好合理的间距,会造成页面动得混乱,使用户会不知所措。

统一

统一_网页中动效元素设计的间距和统一性问题

图799-3:动效3-转场动画

界面设计的统一是基础要求,统一的作用能够更好的突出整个界面整个网站的风格、主题,帮助用户更好地去浏览和操作。而动效元素设计也是一样,无论在风格还是细节,再到颜色、大小、动起来的轨迹、时间和空间等,都要保持其一致性。否则会造成视觉效果的突兀。

统一_网页中动效元素设计的间距和统一性问题

图799-4:动效4-文字、图片的展示

 

转载请注明:网创网 www.netcyw.cn/b799.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com