0755-28441905
您的当前位置:主页 > 新闻动态 > 行业资讯 >

网站界面设计中动效使用所需注意事项

时间:2017-08-21

网站界面设计使用动效目的之一,是它们自身有著符合其传达的意义。比如使用者上下滑动萤幕,介面内容就会上下变换,而不是左右的变换。仅仅为了动效而使用动效是不可能的,因此要注意以下几个注意事项:
 
1、概念转换:不要独立地设计介面佈局以及动效。设计它们的时候需要连贯它们之间的关系,这样才能够让它们之间转化得自然,符合介面内容的语义。
 
2、解释关系:每个动效元素都需要承载一定的意义,还有呈现良好的状态以及合适的位置等属性。动效元素可以呈现从属之间间的关系,比如使用者点击某个按钮,会触发一个面板。
 
 
3、唯一性:不要让一个相同概念的元素在画面中同时出现在两个个地方。这造成使用者对该元素的意义产生困惑。
 
4、空间一致性:动效在介面上需要符合实际性。比如当一个元素从左侧离开视线后,潜意识裡你会预判它回来的方向也是从左侧。
 
说明在使用者明确页面当中的程式正在做什麽,是否属于正常;
说明使用者明确当前的页面状态;
为用户的后续操作提供了充足的支援;
有明确的进程概念,和时间因素关联比较紧密;
进度条不仅仅是为了缓解等待的焦虑感,还有就是呈现当前的页面状态,说明使用者更轻易地做出相关的操作决策;
对比完成状态当前状态转瞬即逝,意义却更大因为使用者是在进程当中或者是当前状态去完成自己的目标。
最后要主要的是,这两者的结合虽然很不错,但也要切实地结合实际的页面设计情况。这两者需要兼顾和维持著微妙的平衡关系,优先顺序也要随著使用场景的变化而变化。
 
 

Copyright © 2009-2016 /" target="_blank">粤ICP备32652589-1