如今,依赖社交媒体进行品牌宣传,而图片轮播是非常有效的方式。图片轮播能够更快速更高效的展示宣传图片。因此,设计师可以在现有的模板素材基础上,事先做好图片轮播模板,进行一些简单调整就可直接复用,从而帮助我们节省时间与精力。既然我们知道模图片轮播可以加快我们的社交媒体宣传效率,那么我们应该如何快速制作图片轮播模板呢?

今天,Pixso设计师就给大家详细讲讲如何使用在线协同设计工具Pixso,完成图片轮播模板设制作。

1. 什么是图片轮播

本文所说的图片轮播主要是指Instagram平台的轮播帖子,由包含多个图像或视频的单个帖子组成,用户可以滑动浏览。通过图片轮播,可以让用户更好地了解品牌所要传达的信息,从而更多地参与品牌相关的活动。

2. 图片轮播怎么做

一般来说,图片轮播都包含有3种类型的图片:封面、封底和一张(或多张)中间图片。在本文中,Pixso设计师将给大家说明用Pixso设计图片轮播效果的详细步骤。

图片轮播效果

用Pixso,在线制作轮播图

新建一个Pixso画板

图片轮播画板

图所示,免费注册Pixso账号进入Pixso工作台。新建一个Pixso文件,进入Pixso编辑器页面。然后,点击画板图标或者输入快捷键【F】新建一个大小为1000x1000的空白画板。

其次,在右侧填充模板,修改画板的颜色填充模式为线性渐变,填充色值为#F6F0F6,#EDE8F5,#EBEEF6,透明度全为100%。

最后,在页面左侧导航中,鼠标双击图层名称将该画板重命名为“封面”。

添加图片轮播背景纹理

图片轮播背景纹理

使用直线工具快捷键【L】绘制一条直线,修改描边颜色为#E0DEE6,透明度100%。然后,选择该直线,按住【ALT】键,鼠标拖动复制多条直线,获得如图所示的图片轮播网格纹理。

添加图片轮播文本

图片轮播文本

在封面中,用户最先关注的便是标题与副标题,明确该帖子的内容。因此对于图片轮播模板来说,添加文本元素是非常必要的。

图所示,使用文字工具快捷键【T】输入轮播封面标题“3D立体图标”,并设置字号100,加粗,色值#000000,透明度100%。

然后,再输入辅助文字,调整字号为30,常规,色值#000000,并使用矩形工具快捷键【R】绘制圆角矩形192x72,圆角100,无填充,描边大小为1,色值#000000。

最后,插入Pixso的logo图片尺寸为89x89,以及提示文字字号24,常规,色值#000000点击免费领取logo设计图片。

注意:后续如果要使用此图片轮播模板,这些文字信息都可以根据需求更改。

加入图片轮播主题相关元素

图片轮播主题相关元素

模板可以容纳很多元素,因此在制作轮播图模板时加入一些跟主题相关的元素,能让轮播图有更好地延展性。

图所示,Pixso设计师在Pixso资源社区找到了3D立体图标,将其插入到该轮播封面中。这里想跟大家说明的是,Pixso资源社区有海量设计模板素材,大家在进行设计时,可以尝试从资源社区寻找灵感与素材,有助于我们更有效的完成工作,做到事半功倍马上将进入Pixso资源社区。

新建中间页模板

图片轮播中间页模板

之前我们已经完成了图片轮播封面的设计,下面再新建一个中间页模板。中间页可能有多个,中间页的模板要具有很强的灵活性,最好简单点,装饰元素方便替换,可以快速进行编辑优化。另外,中间页的风格要与封面保持一致,让用户能快速建立相关性。如图所示,为Pixso设计师设计的样例图片

设计图片轮播封底模板

图片轮播封底模板

封底的内容需要根据我们的主题来进行制定,确保整体内容符合主题目标。如图所示,为Pixso设计师设计的封底,相关图标元素都是与主题相关的。

添加图片轮播交互事件

图片轮播交互事件

图所示,选中封面画板,切换右侧导航至“原型”模块,将封面画板设为流程起始点,并添加交互事件,设置触发条件为【延时】,跳转到【中间页】,动画效果为【移入】。

然后,重复以上步骤设置【中间页】到【封底】的交互事件,以及【封底】到【封面】的交互事件。

完成以上设置后,点击右上角的三角形图标进入图片轮播效果演示进行效果查看。

以上就是使用Pixso设计工具创建图片轮播的全过程,是不是非常简单,大家快去试试吧!

3. Pixso制作图片轮播,更简单

最后,不得不说,Pixso是一款非常便利的设计软件,它除了能帮助我们制作社媒宣传图片,还可以帮助我们创建UI/UX设计图,让我们在几分钟内就可实现从头脑风暴到设计方案的探索,帮助我们更好地完成设计创意。另外,Pixso依托海量图片轮播模板、页面、组件及图标素材 ,可让我们开启敏捷高效的工作模式,让工作更加轻松。最重要的是,Pixso的交互演示功能,可以帮助我们轻松快速实现图片轮播制作,让我们的设计更好地满足实际需求免费注册Pixso账号,在线制作图片轮播。

图片轮播制作工具Pixso