在设计过程中,组件可以帮助我们节省重复设计带来的工作时间,让我们更加专注于用户体验和产品创新。本文总结了设计师经常使用的全局组件,供大家一起学习和参考。在做交互流程原型的时候,会经常用到一些组件。如果每次都在原型上展示这些组件,会给交互文档带来冗余,不够简洁,增加了交互和视觉的工作量。解决这些问题的方法是使用全局组件。这样可以减少文档的冗余,提高文档的简洁性,减少交互设计师/产品经理的工作量。全局组件大致有四种:荷兰电话号码列表。本文提纲如下:Loading加载;默认页面默认页面;Toast;Alert对话框;交互文档中使用的全局组件01 Loading1.全屏加载这种加载比较简单,荷兰电话号码列表 一般在页面内容比较简单的情况下使用,所以一次加载所有数据,然后显示内容。
但是,在这个一次性加载完成之后,再次显示,让用户感觉加载时间较长。使用:从上一个界面进入下一个界面时使用。在等待过程中,向用户提供页面加载动画的反馈防止用户认为界面卡顿、有bug。可以保证内容的完整性,荷兰电话号码列表 完全加载后才能阅读和操作。使用说明:在native界面中,toast式加载是常用,左右居中。非原生,H5界面,进度条样式显示,位于导航栏下方。组件样式:2。上拉加载在浏览界面的过程中,对于没有加载的信息,荷兰电话号码列表 通过上拉手势自动加载信息。使用:将用户代入无限浏览模式,让用户一直向下滚动,并且不需要手动点击加载,效率很高。
使用说明:对于布局相同的布局,可以使用上拉加载方式加载数据。需要设置默认张数为一次加载,可根据实际情况设置。一般来说,20件是常见的。荷兰电话号码列表 加载太多浪费流量,加载太少需要频繁加载。组件样式:3。下拉加载当用户下拉时,出现加载动画,整个页面重新加载刷新。现在很多产品都重新设计了加载动画,让加载过程更感性、人性化、品牌化。使用:方便用户刷新当前界面,获取最新数据。使用说明:加载显示动画,一般停留1-3s。荷兰电话号码列表 现在很多产品都重新设计了加载动画,让加载过程更感性化、人性化、品牌化。由于业务需求,有时候加载完成后,会提示用户需要更新多少条内容吐司。