介面设计使用动效目的之一，是它们自身有着符合其传达的意义。比如使用者上下滑动萤幕，介面内容就会上下变换，而不是左右的变换。仅仅为了动效而使用动效是不可能的，因此要注意以下几个注意事项：
1、概念转换：不要独立地设计介面布局以及动效。设计它们的时候需要连贯它们之间的关系，这样才能够让它们之间转化得自然，符合介面内容的语义。
2、解释关系：每个动效元素都需要承载一定的意义，还有呈现良好的状态以及合适的位置等属性。动效元素可以呈现从属之间间的关系，比如使用者点击某个按钮，会触发一个面板。
3、唯一性：不要让一个相同概念的元素在画面中同时出现在两个个地方。这造成使用者对该元素的意义产生困惑。
4、空间一致性：动效在介面上需要符合实际性。比如当一个元素从左侧离开视线後，潜意识里你会预判它回来的方向也是从左侧。
本文来自投稿，不代表重蔚自留地立场，如若转载，请注明出处https://www.cwhello.com/44406.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除
随着网页设计的趋势不断变化，网页设计师经常会做一些令人惊叹的设计作品，而在这些非比寻常的设计中，大多数都会带有滚动效果。滚动效果做得好，可提高访客对网站的兴趣;但是如果滚动效果不尽人意，就有可能会影响…
随着扁平化设计逐渐成为网站设计的主流趋势，似乎很少有人会提出它有什麽问题。在整个崇尚简约风格的时代，扁平化设计可说是非常符合潮流的审美。但它是否真的能够给用户体验带来价值，一味追求扁平化是否对可用性…
想让企业网站能在同行中脱颖而出，有创意的网页设计绝对不能少。一个成功的创意网页设计，需具备好的网页设计技巧，才能提高网站的用户体验，继而提升网站的浏览量和转化率。下面，南宁网页制作公司将和大家分享优…
谈谈你对dreamweaver的认识 1、Dreamweaver 是 Macromedia 公司的产品的另一款所见即所得的网页编辑工具，或称网页排版软件。与 Frontpage 不同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可…
如今，越来越多手机应用程序和网站争相出现，用户对产品质量的要求也越来越高。对大多数用户而言，优秀的产品自然能快速满足他们的各种需求。 例如：网站加载时间延迟2-3秒，用户会以为这3秒加载延迟是个Bug，事实…
前言 3d 动态设计近年在国内非常流行，设计师们都想尽办法提升自己的 3d 设计动态能力。3d 能力的提升离不开两步，第一步 3d 技术习得，第二步眼界提升并灵活运用。提升 3d 动态设计能力重点在于多看多练，多看关键…
色相一致的配色 所谓的色相一致，其实指的是在页面设计当中所使用的配色应该相同或者相近。这种方式能够让使用者感觉安心，视觉效果比较安全。但也可以合理地加入一些别的颜色，但为了整体上保证色相的统一…
1、 正向的首选操作 也就是当需要用户进行的首选操作是正向的时候，相关的表单和按钮会拥有比较突出的视觉重量。而次要的选项按钮视觉重量会更加轻。 2、 反向的首选操作 如果需要用户进行的首选操作是反向的，如替…
在线咨询：
邮件：951076433@qq.com工作时间：周一至周五，9:30-18:30，节假日休息
