今天小编教你如何使用在线工具乔拓云,零门槛就能学会电商美工的详情页设计,还不用下载软件,只需登入工具平台使用在线模板编辑,就能在线制作一个电商详情页。下面就跟着小编的教程学习制作详情页的一个具体步骤有哪些吧!

自学电商美工怎么操作 自学电商美工设计教程(1)

第一步:打开在线设计工具平台登录,在产品中心里点击【云设计】进入设计管理。如图

自学电商美工怎么操作 自学电商美工设计教程(2)

第二步:在设计管理中的【模板中心】中找到(宝贝详情页)分类,或者用搜索栏搜索关键词“详情页”查找模板。如图所示:

自学电商美工怎么操作 自学电商美工设计教程(3)

在网站内所有的详情页模板分类页面,还可以对这些详情页进行再分类选择,如图所示:

自学电商美工怎么操作 自学电商美工设计教程(4)

选择了一个模板后,就点击模板下方的【在线编辑】打开模板的编辑页面,开始使用。

自学电商美工怎么操作 自学电商美工设计教程(5)

在模板的编辑界面中,中间是模板,左侧是模板的详情页页面,右侧是模板图文编辑栏。

自学电商美工怎么操作 自学电商美工设计教程(6)

第三步:编辑模板中的图文部分,只需点击图文就能进行编辑。

例如:双击图文对内容进行编辑,或者用右侧的图文编辑栏编辑。

自学电商美工怎么操作 自学电商美工设计教程(7)

左侧的工具,可以自由使用,发挥内容设计的想法。例如给在详情页中给文字添加文字容器,突出些信息等。如图

自学电商美工怎么操作 自学电商美工设计教程(8)

然后再选中文字框点击右键,调整文字框与文字和详情页之间的上下图层关系。如图

自学电商美工怎么操作 自学电商美工设计教程(9)

在【工具】中还有制作二维码、表格、图标等功能,都是可以添加到详情页的设计中。如图:

自学电商美工怎么操作 自学电商美工设计教程(10)

完成详情页的设计后,点击【预览】查看最终效果,再点击【下载作品】保存详情页。

自学电商美工怎么操作 自学电商美工设计教程(11)

这样一个商品详情页的设计就轻松的完成了。

如果还有疑问可以小窗询问或者评论区留言看到后第一时间回复。

,