微信聊天透明气泡图片素材-这个微信气泡是怎么弄得

1、打开微信,进入首页,随便点击进入聊天窗口,点击输入款右侧的笑脸。

2、然后进入表情商店的界面,点击上面的搜索。

3、然后在搜索框中输入聊天气泡,点击第一个即可。

4、然后入表情详情,点击添加按钮。

5、添加成功,就可以使用透明气泡聊天了,发送成功,大概效果如下图所示。

如图:

在设计时百分比不是固定的,大家可适当调整,比如你的APP留白比较多,那么这个数值你可设置为65%,留白少可设置为80%,常规可设置为70%,然后再取8的倍数即可。

以750x1334进行设计为例,气泡框按照常规比例设置为70%,那么气泡框的最大宽度(a)=750*70%=525px,最后取8的倍数为520px。

扩展资料

微信聊天气泡方框文字部分,在聊天界面中,文字气泡框适配最好采用百分比的方式进行标注,这样能保证各个机型展示效果统一,保证项目顺利落地。

微信聊天气泡方框中图片部分图片气泡框适配首先设置好缩略图的取值范围,为了最大化的保留图片长宽比样式,图片的适配我们采用设置两边长取值范围,以单边进行缩放,并设定好图片适配的阈值比例。

1

第一步,我们点击打开最新版的【微信app】,详细如下图

请点击输入图片描述

2

第二步,进入微信首页以后,我们点击导航菜单【我】,详细如下图

请点击输入图片描述

3

第三步,进入我的界面以后,我们点击按钮【表情】,详细如下图

请点击输入图片描述

4

第四步,进入表情商店界面以后,我们点击右上角的【搜索放大镜图标按钮】,详细如下图

请点击输入图片描述

5

第五步,我们在输入框输入【聊天气泡】,然后搜索,,我们选择【一种聊天气泡】,详细如下图

请点击输入图片描述

6

第六步,进入聊天气泡详情界面以后,我们点击按钮【添加】,系统会自动下载这个聊天气泡,详细如下图

请点击输入图片描述

7

第七步,下载完聊天气泡以后,我们点击按钮【发表情】,详细如下图

请点击输入图片描述

8

第八步,你和别人聊天,在发送表情的时候就可以选择这些聊天气泡了,大家快去试一试吧,详细如下图

请点击输入图片描述