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

 

 

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

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月9日
    0149
  • 3个优化页面的tips

    使用格塔式原则进行布局 用户喜欢简洁的风格,因而合理的运用格塔式原则去解决页面设计的布局流程,按照元素、内容、数据等的属性或特点进行分类,一般会采取相似、相近、连贯等的形式。具体如将比较相似的图片进行…

    2022年6月11日
    0153
  • 小编教你html创建网站。

    创建HTML网页是Web开发的基础,它涉及到使用HTML(超文本标记语言)编写代码来构建网页的结构,以下是如何创建HTML网页的详细步骤和技术教学: (图片来源网络,侵删) 1、学习HTML基础知识 在开始创建HTML网页之前…

    2024年6月25日
    00
  • 网页设计三招分散用户痛点

    一、 全面多维度的视角 网页设计固然要注重细节质感,但是过於注重而忽略了全面多围度的视角去发现和结局问题。单一的只解决用户痛点并不是合理的,因为割裂了整体,脱离整体去解决或者优化是矛盾的做法! 二、 统…

    2022年6月15日
    0146
  • 我来分享糟糕的网页设计对SEO有影响吗。

    适当的网站设计不仅提供了更好的用户界面,而且还使企业能够管理销售,生产力和排名,这与seo密切相关。因此,对于任何企业而言,获得具有良好设计的优化网站意味着增加移动用户体验,转化率和总体收入。质量差的网…

    2023年6月16日
    00
  • 如何赋予产品设计更多「惊喜感」?

    在日常的设计工作中,设计师很多时都陷入一种「千篇一律的平淡式」苦恼中,觉得类似的产品基本都是差不多的信息架构、布局风格、界面元素等等,毫无新意。如何赋予产品设计更多「惊喜感」?相比盲目追求「为了不一样…

    2022年6月25日
    0152
  • 为何不建议你使用自动切换的形式?  

      轮播图自动切换设计在很多界面设计当中非常常见。一般都是在一个固定的区域中,每X秒就自动切换到另外一张图片。这看起来似乎很吸睛,因为提高了界面内容的曝光率。然而,事实上并没有多少用户会盯着图片等…

    2022年6月25日
    0117
  • 网页设计排版布局技巧有哪些?分享布局排版好看的网页设计

    虽然网页超过95%以上的信息都是通过文字的形式呈现,但页面文字也非毫无章法地随意摆放。Inspirr Creation表示,网站更具可读性的视觉效果和独特的排版和布局,更容易吸引用户,提升网站的用户体验。下面,Inspirr …

    2022年6月25日 建站资讯
    0257

联系我们

QQ:951076433

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