介面设计使用动效目的之一，是它们自身有着符合其传达的意义。比如使用者上下滑动萤幕，介面内容就会上下变换，而不是左右的变换。仅仅为了动效而使用动效是不可能的，因此要注意以下几个注意事项：
1、概念转换：不要独立地设计介面布局以及动效。设计它们的时候需要连贯它们之间的关系，这样才能够让它们之间转化得自然，符合介面内容的语义。
2、解释关系：每个动效元素都需要承载一定的意义，还有呈现良好的状态以及合适的位置等属性。动效元素可以呈现从属之间间的关系，比如使用者点击某个按钮，会触发一个面板。
3、唯一性：不要让一个相同概念的元素在画面中同时出现在两个个地方。这造成使用者对该元素的意义产生困惑。
4、空间一致性：动效在介面上需要符合实际性。比如当一个元素从左侧离开视线後，潜意识里你会预判它回来的方向也是从左侧。
本文来自投稿，不代表重蔚自留地立场，如若转载，请注明出处https://www.cwhello.com/44406.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除
消息通知在我们设计的过程当中非常重要，因为它作为系统与用户之间沟通的桥梁，能够帮助我们提示用户："目前的操作状态、系统的公告、用户之间的互动内容"，而不同的消息内容，我们需要使用不同的消息通…
色相一致的配色 所谓的色相一致，其实指的是在页面设计当中所使用的配色应该相同或者相近。这种方式能够让使用者感觉安心，视觉效果比较安全。但也可以合理地加入一些别的颜色，但为了整体上保证色相的统一…
虚实 虚实之间的合理变化，模拟了用户肉眼看事物的真实情况。这样能够增强层次感，同时能够突出网页设计过程中意图要突出的核心内容和元素。这样的形式无疑能够无声的引导着用户的视觉浏览，更快捷的引导着他们看到…
编者按：在进行 UI 设计的时候，很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧，是系列文章的第四篇，原文最早发布于 marcand…
排版是网页设计中最基本的知识，作为专业的网页设计师，如果没有很好地掌握排版设计技巧，你的界面设计可能就会经常出现时好时坏的情况。排版设计需要注意什麽?留意以下排版设计的四大黄金原则，你也能让排版能力长…
编者按：在进行 UI 设计的时候，很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧，是系列文章的六篇，原文最早发布于 marcandre…
在网页设计中，给HTML元素上色是一种常见的操作，通过给HTML元素上色，可以使网页更加美观、生动，本文将详细介绍如何给HTML上色，包括使用内联样式、内部样式表和外部样式表三种方法。 （图片来源网络，侵删） 1、…
找出一个从来没人用过的布局可能有难度，但是要设计出出人意表的网站还是不难的。错位的元素，少见的配色，不一样的动效与变化，都能促成一个令人难忘的优秀网页。今天的推荐，与此相关。出于种种原因，绝大多数的…
在线咨询：
邮件：951076433@qq.com工作时间：周一至周五，9:30-18:30，节假日休息
