分享一款制作“模拟朋友圈h5”场景的UI设计插件

用户头像
上海/网页设计师/4年前/320浏览
分享一款制作“模拟朋友圈h5”场景的UI设计插件

介绍一款可以快速制作朋友圈h5场景的设计插件

本周编辑器上新“群聊插件”与“朋友圈插件”,可快速实现群聊与朋友圈场景下的趣味营销H5内容,下面小派给大家快速展示一下朋友圈插件效果与能力吧~


演示案例效果:

https://www.epub360.com/v2/manage/book/15q1dt/present/?markcode=wp3gc9

如何添加到画布上?


在编辑器上方工具栏,互动组件分类下,添加“朋友圈”插件到画布上。



朋友圈插件可通过右侧悬浮面板的内容配置、点赞评论、全局配置三个板块进行调整,如图所示:

一、内容配置

初始添加默认有一条朋友圈内容,可以调整头像、昵称、聊天消息的类型、增删聊天消息

1、内容调整

可调整朋友消息头像、昵称

2、消息类型

可选择文本、图片或视频三种类型的消息切换(更多的类型在规划迭代中)

  1. 文本类型:可自定义输入文字内容,点击“@”可以赋值用户微信昵称、浏览量等参数变量;
  2. 图片类型:可自定义1-9张图片,超出9张外的图是不显示的哦;
  3. 视频类型:可自定义1条视频内容,根据竖屏或横屏的尺寸显示。

3、增删与调序

  1. 选中指定消息的时候,可以切换到该条消息的编辑状态;
  2. 按住指定消息可以上下拖拽,调整消息的排序次序;
  3. 点击消息列表上的“+”,可以设置消息的触发器;
  4. 点击消息列表上的“x”,可以删除消息内容;
  5. 点击“增加朋友圈项”,可以增加一条朋友圈内容。

二、点赞评论

可以调整指定朋友圈内容的点赞评论内容

1、点赞

可通过输入内容调整点赞人内容

2、评论

  1. 可设置“评论”和“回复”两种模式;
  2. 评论模式下可设置评论人、评论内容;
  3. 回复模式下可设置回复人、被回复人和回复内容;
  4. 点击“增加评论项”,可以增加一条评论内容。

三、全局配置

可配置朋友圈插件全局内容,包括朋友圈背景、头像、昵称、文本及颜色

1、朋友圈背景

可以调整用户昵称、头像和背景图,包含预览和自定义的图片

  • 默认勾选“使用微信头像”,不可自定义头像和昵称;
  • 不勾选“使用微信头像”,可以自定义头像和昵称。

2、文本及颜色

可以调整用户昵称、朋友圈消息及评论底色的色值

以上就是本次的朋友插件分享,欢迎大家提出更多宝贵建议。

2
阅读原文
|
举报
|
4
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
牛奶乳液层次平面平铺平面
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
平面设计 吊牌设计
金色颗粒质地的平面
平面风格黄绿色系花朵装饰
空的平台平面和自然景观
空的平台平面和自然景观
牛奶乳液层次梯田平铺平面
倒计时,海报,平面
金色颗粒质地的平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面书法字手写
城市园林平面布局航拍
课程海报,平面素材
水蜜桃和李子的平面水果图案
平面男孩喝咖啡插画设计
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
中国传统纹样创新图案设计
学习,优惠券,平面,海报
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面插画设计女孩喝咖啡
金色颗粒质地的平面
你可能喜欢
相关收藏夹
大家都在看
登录注册