阿里巴巴全球旺铺装修教程

2024-11-01 12:13:13

1、尺寸定格局1. 首先我们来学习的第一步是整个旺铺首页究竟是什么尺寸比较合适,背景和每个板块之间能够和谐融合,不会出现错位。

2、 首页整个屏幕的宽度为1920像素,比这个像素小的设计,在某些高分辨率的显示器两边会出现不完全不协调现象,首页高度随自己做的旺铺而定。

阿里巴巴全球旺铺装修教程

10、 接下来制作导航条,发挥想象、参考国外网站、结合色调,搭配背景,醒目的导航设置是买家喜欢的。

11、 下面制作第一屏主体大图,这里务必突出公司优势,让客户第一眼充分了解你,你做什么产品,其实一般客户进入旺铺首页前是在产品页浏览然后进入,既然对产品有兴趣,他只有两个目的,第一查看更多产品,第二了解公司实力,我们在首页一定要把公司的优势展示出来,。如大图放置产品图片,背景则不要太花色、太抢眼,可以用实色适当遮盖一下或者模糊背景,我们要定格的目光是产品,底部背景只是起到衬托视觉的作用,潜意识会告诉客人我的第一眼是看到产品和文字。如背景直接是效果图,我们可以适当模糊产品外的地方,把突出的产品抢占目光。

阿里巴巴全球旺铺装修教程

13、 下面是第三屏,这里我们可以放置产品的分类,产品分类尽可能展示我们的所有产品分类,让客人一目了然。

阿里巴巴全球旺铺装修教程

15、 接下来做一个公司的展示,当客人看完产品分类,以及你公司的优势,想必客人已经对你有50%的了解,我们这里开始可以加强客人的信任感,让客人有再往下看的动作。公司场地,车间,办公室都可以展示出来,客人看完上面只是文字与产品的图片,一定会想看下工厂究竟长什么样的,这里直接加分!

阿里巴巴全球旺铺装修教程

17、 到这里,客人了解的已经比较多了,下面放置一个多语言国旗和联系方式(旺旺、邮箱直接点击联系)让客人可以变换自己的语言和马上联系你,促进营销,多语言国旗的代码以及旺旺在线联系的代码可下载。

阿里巴巴全球旺铺装修教程

19、 再下面是产品的展示,结合每个产品单独配一张banner海报,把产品效果图和产品图结合展示。

阿里巴巴全球旺铺装修教程

21、总结以上设计步骤,整个首页排版以及设计都完成了,接下来需要用到ps里面的切片工具,把每一部分都切开来,加入自定义的超链接,整个旺铺就大功告成了。

猜你喜欢