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

用户头像
上海/网页设计师/3年前/282浏览
分享一款制作“模拟朋友圈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
城阙凡花
你可能喜欢
相关收藏夹
大家都在看
登录注册