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

金珍妮            来源:优草派

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

绘画6

1.气泡卡片的灵魂就是箭头,箭头是气泡卡片内承担方向指示作用,位置不固定随着需要指向的内容方向而改变。

2.容器是文字信息或者是操作信息的承载物,内容是气泡卡片内最重要的部分,也可以是说明信息也可以是操作功能。

3.气泡卡片的交互方式既可以是设成模态,也可以是设计成非模态。设计师有责任了解APP的流程,评估是否要采用强打断的方式,从而决定用模态是否有意义。

4.文字部分:A/屏幕宽度=70%是最为适宜的,图片部分:图片展示尺寸宽度为270PX,长度跟随图片本身进行同比例缩放。

5.提示指引,三角箭头这一独特特性能够很好地吸引用户注意力,引导用户了解新功能,界面图形较多的情况下,用popover简短地展示附属文字信息,能帮助用户很好地理解图形的含义。

以上就是小编为大家带来的,关于UI气泡卡片的制作方法,希望对正在学习UI设计的小伙伴有所灵感,有所启示哦。

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。