聊聊动效两大作用:吸引与反馈

吸引

我们都喜爱直观而富有吸引力的界面设计元素,如图片,如动效。尤其是运动中的物体,具体例子可参考iOS系统的界面设计。首先是值得设计师学习的锁屏与解锁,“滑动与解锁”从左边到右边有高光的形式,这样的设计已经够吸引到用户了!同时,还能够直观的引导用户如何解锁。

  • 反馈

在移动界面上需要进行点按虚拟的图标,此时用户会自然地观察周围动效元素的细微变化,而这些变化就是反馈的形式。如点击成功之後的水波纹扩散,输入错误後的小抖动等。

 

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

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

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月25日 23:48
下一篇 2022年6月25日 23:48

相关推荐

  • 我来教你网页设计的模式和基本流程有哪些。

    虽然网页设计不是一件非常麻烦的事情,但需要遵循许多步骤才能让网站上线。设计一个新网站时,找到满意的主机服务,有虚拟主机,专用服务器等选择,注意要考虑是否需要备案,备案一般国内主机要一个月左右的时间。…

    2023年6月16日
    01
  • 使用下拉刷新有什麽讲究  

      对於页面设计来说,下拉刷新是非常常见且易用的用户交互方式。本质上来说,它是一种特定的手动刷新交互形式。与其他的同类操作不同的地方则在於,下拉刷新则更贴近用户的直觉操作形式,所见即所得的视觉效果…

    2022年6月25日
    0117
  • 网站开发:水平导航模式设计

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

    2022年6月25日
    0135
  • 框架建立前的清单如何罗列清楚?

    所谓的线框图内容清单,简单来说就集合了所有网站建设相关的内容、要求以及素材。一般建议制成电子表格,根据页面来进行划分,将需要当初呈现的内容进行明确的标记。这一步有助於进行以内容为中心的网站建设,能够…

    2022年6月11日
    0129
  • 网页设计技巧:如何轻松选出网站的基础色

    配色方案永远是网页设计中恒久不变的热门话题,尽管网络上关於配色的内容多如牛毛,但是真正了解当中奥秘的人又有多少呢?下面,Inspirr Creation将从不同的层面分析配色最容易忽略的问题,希望对各位提高色彩搭配技…

    2022年6月25日 建站资讯
    0210
  • 两招轻松消灭尴尬的空白状态

    第一招,情感化的表达 这招比较适合出现在用户操作异常的时候,为了有效的提升用户体验,缓解用户的疑惑和情绪,最好将提示文案写得生动活泼一些,并且搭配合适的动效元素。而不是冷冰冰的错误提醒。 第二招,提供…

    2022年6月25日
    0104
  • 微交互精彩的两处

    第一,用动效给予回馈 合理地在页面设计当中正确地将动效与微交互结合设计,它能够极大的提升用户体验。何谓合理的使用?很明显,并非所有的动效都能呈现出良好的效果,只有同时具备良好的功能性,还能够令用户感觉…

    2022年6月25日
    0126
  • 5000字干货!超详细的保姆级间距设计规范。

    编者注:UI设计中的间距到底是什么,有什么作用,如何合理有效地使用?本文整理总结了五个方面,帮你掌握间距设计的方法。前言很多时候,我们发现自己精心设计的作品总是乱乱的感觉,究其根本,大部分都是文字、图…

    2023年3月2日 SEO操作
    03

联系我们

QQ:951076433

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