电商网页制作教程

互联网的时代,越来越多的人群在做电商,电商简单的理解就是在网上卖东西的。不管是在网上卖,还是实体店卖,总得要装修一下吧!只要你是会PS的,自己来装修,还可以省下不少钱。
可以根据自己想要的店铺风格、颜色、产品排版的布置效果,或者是按照节日的风格而转变,制作出自己想要设计的网页效果。

操作方法

  • 01

    新建一个1920像素的全屏画布: 打开ps软件,新建一个1920*5000像素的白色画布,命名为:电商网页制作教程!方便保存之后查找。在新建好的白色画布上,填充为淡蓝色。

  • 02

    居中显示: 重新新建一个950*5000像素的白色画布,将白色的画布拖动到淡蓝色的画布上,放在居中的位置显示。

  • 03

    制作店招: 接着新建一个1920*200像素的白色画布,填充为淡蓝色,和全屏背景色是相同的,作为店招。按照以上的第二个步骤操作,放在最顶上的位置上。

  • 04

    制作导航栏: 接着继续再一次新建一个1920*30像素的白色画布,填充为橙色,鲜艳醒目的颜色,让店招和导航之间超到了分隔的作用。按照以上的第二个步骤操作,放在紧贴着店招下方的位置上。

  • 05

    标注好辅助线: 在店招的左右两标上辅助线,也就是中间白色的部分,中间的尺寸是950的,是最佳显示效果。

  • 06

    输入文字: 店招也就是让客户看了知道你的公司叫什么,产品介绍里面简单叙述一下,公司卖的是什么产品。导航栏里面除了首页是必须要有的,其他的按实际情况而定。

  • 07

    插入全屏海报图片: 插入一张1920*600的全屏海报,放在导航栏的下方。如果没有现成的海报的话,也可以按照以上的第二个步骤操作,新建一个画布,插入一个画布之后,再制作内容。

  • 08

    产品排版显示: 在左侧的工具栏中,点击前景色的颜色设置为橙色。 2、点击绘图工具选择【矩形工具】,在600高度的海报下方,任意绘画出自定义尺寸的产品排版显示。

  • 09

    再复制出两海报大图: 做好了第一个海报,选中全屏大海报的图层,再复制出两个,移动到下方合适的位置显示。按照以上的方法的第8个方法,再绘制几正方形的产品排版,最后,完成好下方的设置排版效果。

(0)

相关推荐

  • 简约电商网页设计(PSD免费下载)

    小编:今天给大家带来的是由Ashadul islam Samiul分享的一套简约电商网页设计.虽然只有一页,但是配色主风格已经可以看出来.也是当下流行的扁平化风格,借鉴参考也是极好的选择.希望能够帮到 ...

  • Daniel Wellington电商网页模板(PSD免费下载!)

    小编:今天给大家带来的是由Young Lynn分享的一款Daniel Wellington电商网页模板,丹尼尔惠灵顿手表官方网站的重新设计.模版的好处就是可以加快你的工作进度.学习也能找找参考 学习一 ...

  • html css javascript网页制作教程

    html css javascript网页制作教程!下面,小编以编写一个简单的html+css+javascript网页,来给大家介绍一下html css javascript网页制作的方法. 操作方 ...

  • 网页制作教程-文本字体大小设置

    今天介绍网页中如何控制文字的显示大小. 操作方法 01 使用文本编辑器创建一个html文件,并进行编辑,输入html基本要素.若此步有问题,请阅读小编的"网页制作教程-Hello, worl ...

  • html网页制作教程

    html是编程语言之一.下面,我们来看看html网页制作教程吧. 操作方法 01 新建记事本 在桌面上,新建一张记事本,如下图所示: 02 编写代码 打开记事本,编写代码,如下图所示: 03 修改后缀 ...

  • 易直播电商功能使用教程

    直播行业在高歌猛进了大半年之后,也逐步接受着洗礼和锤炼,"直播+"更是被广泛提起.如今,"直播+电商"凭借强大的吸金能力,再一次引发大众的兴奋点. 一.申请开通 ...

  • 静态网页制作教程

    静态网页可以算是网页制作的起步,小编也是从静态网页起步的,静态网页制作不难,只需了解html和css就可以编写出静态网页了 操作方法 01 首页设计好要写一个怎样的静态网页画面,然后到网上收集图片素材 ...

  • 网页制作教程-Hello, world!

    今天我们开始学习网页制作,从第一个最简单的网页开始,目标: 在浏览器标题栏显示:第一个网页 在浏览器中显示:Hello, world! 操作方法 01 首先,我们新建一个文本文件,命名为1.html. ...

  • 简单网页制作教程

    下面介绍一下用publisher制作简单网页的过程供各位参考. 操作方法 01 打开publisher,建立一个新的网页格式的文件. 02 在提供的选项中选择网站类别. 03 继续找下去,就还要选一下 ...