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

 

 

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

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

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

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

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

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

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

(0)
InspirrInspirr订阅用户
上一篇 2022年6月25日 23:46
下一篇 2022年6月25日 23:46

相关推荐

  • 三个方法让用户在情境当中教育用户

      纯文字指令 这个技巧主要依靠的是纯文字指令,促使使用者去执行某个操作手势,并且简明地描述了整个操作的结果。要注意的文字说明一定要简短,以此让用户快速地阅读,然後遵循他们的指引。 提示动效 合理地…

    2022年6月25日
    0185
  • 成功的网页设计要素:图片

    一个成功的网页设计一定是内容,设计,兼容性这3点完美结合的结果。你必须考虑用户体验,配色方案,文字内容,当然还有网站是否在手机上运行良好。 在线下宣传力度有限的情况下,网络是你推广产品或服务的最好手段…

    2019年8月19日
    0412
  • 如何让栅格化的介面活泼起来  

      对特定元素的打破 也就是合理地借助细节实现这一目的,但并不意味着要到处添加细节。很明显,为了突破栅格栏而添加细节,会让介面设计最终效果很混乱。最好从特定的元素,如点缀性的元素来进行选择是非常不…

    2022年6月25日
    0105
  • 颜色於网站品牌的视觉因素作用有多大?

    相信你也疑惑过,为何网站设计时,配色方案的制定要耗费那麽多时间和精力的成本。这是因为,配色能够有效地作用於网站品牌的关键视觉因素之一! 很明显,出色的标识,很大一个成功因素来自于优秀的配色。不妨想想那…

    2022年6月25日
    0109
  • 如何做好网页头部内容设计?来看设计师的总结。

    无论作为设计师还是普通浏览者,大家观看一个网站时最先接触到的就是网页的头部区域,这部分内容为网站的其他各个方面设定了基调,在网页设计中起着非常关键的作用。尤其是如今简洁设计比较盛行,多数时候把头部内…

    2023年3月1日 SEO操作
    07
  • 网页设计优秀案例:这些网页配色方案都有点「黄」

    对於任何品牌网站设计而言,配色方案都是当中非常关键的影响因素之一。 众所周知,黄色是整个色谱中最明亮的存在。当你想要提亮整个画面,黄色是不二之选。另外,黄色也是一种非常温暖的颜色,凸显介面温暖而欢快的…

    2022年6月20日 建站资讯
    0483
  • 传统的两种页面分隔线形式

    在页面设计过程中,最传统的分隔方式是线条。直观而便捷地就就可以将视觉和内容中需要区分的进行区分,让页面层次结构更加明确,便於浏览和操作。除此之外,还有以下两种常见的分隔形式: 1、全出血位分隔线 全出血…

    2022年6月25日
    0177
  • 界面数据可视化图表的分类

    界面设计中所使用到的元素少不了数据,而数据可视化图表的分类又有哪些? 1、 柱状图 使用二维数据集,只有一个维度需要比较。优点是直观明显,辨识效果比较好。缺点是只适合小规模的数据使用。 2、 折线图 适合二…

    2022年6月25日
    0141

联系我们

QQ:951076433

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