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

 

 

介面设计使用动效目的之一,是它们自身有着符合其传达的意义。比如使用者上下滑动萤幕,介面内容就会上下变换,而不是左右的变换。仅仅为了动效而使用动效是不可能的,因此要注意以下几个注意事项:

1、概念转换:不要独立地设计介面布局以及动效。设计它们的时候需要连贯它们之间的关系,这样才能够让它们之间转化得自然,符合介面内容的语义。

2、解释关系:每个动效元素都需要承载一定的意义,还有呈现良好的状态以及合适的位置等属性。动效元素可以呈现从属之间间的关系,比如使用者点击某个按钮,会触发一个面板。

3、唯一性:不要让一个相同概念的元素在画面中同时出现在两个个地方。这造成使用者对该元素的意义产生困惑。

4、空间一致性:动效在介面上需要符合实际性。比如当一个元素从左侧离开视线後,潜意识里你会预判它回来的方向也是从左侧。

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/44406.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2022年6月25日 23:46
下一篇 2022年6月25日 23:46

相关推荐

  • 为何要尽量使用短域名?

    短的域名很明显可以方便记忆与方便输入,节省时间。对於网站建设,通常使用.com的域名。这因为个域名有其他域名没有的优点,也就是只需要用户输入最关键的那个部分,简单到只需要CTRL键和回车键一起按,就可以直...

    2022年6月25日
    0156
  • 2021年要知道的6种网页设计趋势。

    企业或个人若想让自己的官方网站更加吸引人,就需要做好网页设计与制作,尽量给访客留下深刻印象。在设计网页时,要注意符合当前审美趋势。那么2021年网页设计趋势是什么呢? 1.注重移动端展现 移动营销是未来互...

    2022年7月4日 建站资讯
    0140
  • 小编教你网页设计应该避免哪些误区。

    网页设计的合理规划和布局对于整体的美观和吸引访客的停留时间是很重要的,但是错误的规划也是存在的。那么咱们知道网页设计的误区有哪些呢?下面一起来看看!网页设计的误区有哪些? 一、内容方位不合预期 不能被用...

    2023年6月15日
    00
  • 网页设计和APP设计技巧:加载动画设计需考虑哪些内容?

    如今,越来越多手机应用程序和网站争相出现,用户对产品质量的要求也越来越高。对大多数用户而言,优秀的产品自然能快速满足他们的各种需求。 例如:网站加载时间延迟2-3秒,用户会以为这3秒加载延迟是个Bug,事...

    2022年6月25日 建站资讯
    0123
  • 网页设计都有哪些免费字体可以商业使用,而不侵犯版权。

    在这个知识产权普及的时代,使用他人的照片需要购买照片的肖像权,使用他人拍摄的图片需要向拍摄者购买图片版权,使用他人开发的文字需要购买文字使用版权。这3种版权常常会让人忽略文字版权,所以常常会一不小心...

    2023年2月15日
    02
  • 网站开发:水平导航模式设计

      对於大多数的使用者来说,首次流览一个需要水准滚动网站页面时,体验会非常的微妙—— 因为它的物理与视觉运动方向,是与常规的纵向滚动方式不同。当使用者使用滑鼠滚轮滚动的时候,这种交互的错位感会让用...

    2022年6月25日
    0134
  • 反馈提示设计是什麽?怎样设计反馈提示更符合用户体验

    反馈是交互设计中最前线的一环,它的好坏会直接影响产品体验。无论你怎样设计产品,都总会涉及到反馈功能设计,这个看似不太起眼的功能,却能决定产品是否成功的重要因素之一。 · 什麽是反馈提示设计 反馈提示设...

    2022年6月25日
    0142
  • 如何让标签提升用户输入体验

    限制单词数 要明白的是,标签并非帮助文字。因此,应当使用简洁扼要的标签,一两个单词即可,这样能够让用户迅速了解到文本域。 语言简单化 从用户的角度出发,很明显术语和专业词组会让用户摸不着头脑。通俗易懂...

    2022年6月25日
    0216

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息