气泡卡片是什么?UI气泡卡片的制作方法

【气泡卡片是什么?UI气泡卡片的制作方法】气泡卡片是我们在UI设计中经常会用到的一种效果和手法 , 也是我们在生活中经常会遇到的一种UI界面形式 。今天小编为大家带来的就是 , 在我们的UI设计中 , 气泡卡片是什么又可以怎么将气泡卡片表达出来呢?赶快和小编一起来学习看一看吧!

气泡卡片是什么?UI气泡卡片的制作方法

文章插图
1.气泡卡片的灵魂就是箭头 , 箭头是气泡卡片内承担方向指示作用 , 位置不固定随着需要指向的内容方向而改变 。
2.容器是文字信息或者是操作信息的承载物 , 内容是气泡卡片内最重要的部分 , 也可以是说明信息也可以是操作功能 。
3.气泡卡片的交互方式既可以是设成模态 , 也可以是设计成非模态 。设计师有责任了解APP的流程 , 评估是否要采用强打断的方式 , 从而决定用模态是否有意义 。
4.文字部分:A/屏幕宽度=70%是最为适宜的 , 图片部分:图片展示尺寸宽度为270PX , 长度跟随图片本身进行同比例缩放 。
5.提示指引 , 三角箭头这一独特特性能够很好地吸引用户注意力 , 引导用户了解新功能 , 界面图形较多的情况下 , 用popover简短地展示附属文字信息 , 能帮助用户很好地理解图形的含义 。
以上就是小编为大家带来的 , 关于UI气泡卡片的制作方法 , 希望对正在学习UI设计的小伙伴有所灵感 , 有所启示哦 。

    推荐阅读