动效元素无论大小对用户的吸引力是比较大的,因此动效元素之间的间距一定要把握好,避免界面混乱;动效与页面的其它元素,动效与动效应风格统一
图799-1:动效1-车辆进场动画
间距
图799-2:动效2-页面切换和文字进场
元素与元素之间必须要保持一定的距离,正如整个网站设计无论信息内容和元素再多,都要保持合理的留白一样。间距利于用户的可读和易读,也能够提升元素与元素、内容与内容之间的区别性。而动效元素更加需要保持间距,动效本身需要一定运动轨迹,空间与时间是对动效元素的基础容纳,如果动效元素之间没有保持好合理的间距,会造成页面动得混乱,使用户会不知所措。
统一
图799-3:动效3-转场动画
界面设计的统一是基础要求,统一的作用能够更好的突出整个界面整个网站的风格、主题,帮助用户更好地去浏览和操作。而动效元素设计也是一样,无论在风格还是细节,再到颜色、大小、动起来的轨迹、时间和空间等,都要保持其一致性。否则会造成视觉效果的突兀。
图799-4:动效4-文字、图片的展示
转载请注明:网创网 www.netcyw.cn/b799.html
加油!!!