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

上海/网页设计师/3年前/223浏览
分享一款制作“模拟朋友圈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
阅读原文
|
Report
|
4
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
ZAOV|各[苹]本事
Homepage recommendation
相关收藏夹
ui教程
ui教程
ui教程
ui教程
作品收藏夹
ui制作
ui制作
ui制作
ui制作
作品收藏夹
ui插件
ui插件
ui插件
ui插件
作品收藏夹
ui设计教程
ui设计教程
ui设计教程
ui设计教程
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
大家都在看
Log in