大家好!我是上海有赞拍档——【宜淼之家】夏天,
之前我们在打开别人的店铺之后,打开是这个样子滴!
我就深深的被她吸引了,当时我就在想这个是怎么做到的呀!
爱死磕的我最后就~~~~~·(此处省略“N个字”)
好吧!虽然有很多人知道是怎么做的了,但是还是有一小部分人还不知道是怎么回事儿。
所以呢!我现在开始分享了哦!
高手看到此贴可不要喷哦~
其实是这样子的,首先我们打开店铺—点击店铺导航
OK,现在出现了这个页面了哈
好的 !我们继续哈!!
点击这个页面的 “修改模板”
于是出现了这个页面,而我更喜欢用下图红色框圈出的导航【APP导航板】
OK!现在我们点击确定之后我们看页面上就会出现这个导航条了,那我们要设计我们自己想要的导航怎么做呢?
首先我们看我们导航条和页面的右边的版块【分别用红色框圈出来的】,上面显示的有修改对吧!然后下面显示的是
【图片尺寸要求:不大于128*100像素,支持PNG格式】
也就是说这个图标仅支持128*100像素以内的大小
下面就是PS的工作了
打开PS——新建一个512*100像素的页面
我简单的做了一个,
下面就使用切片工具开始切图了【切图相信大家都会,我就不写出来了哈!】
然后储存的时候储存为web所用格式
OK!现在我们简简单单的做好了一个,现在我们就开始上传了哈,
进入我们我们刚刚打开的店铺导航,
点击右边版块的修改——上传新图片——找到我们刚刚保存好的图片点击确定
请看下面 咦~~!为什么是这个样子滴??
下面请看清楚,大家应该看到下面的底色了吧!
这个色是可以修改的,我们将底色改成像图标一样的颜色就OK了!
但是这上面没有拾色器,我怎么才能精准的找到这个颜色呢?
大家不要慌哈!
他没有我们PS里有呀!
大家都看到我标注的地方了吧!右下角那么多的数值我怎么看呀?
你只要看红框内标注的三个数值就好了,然后把这三个数值填到这里就好了(反正我就是这么做的)。
现在我们来看看我们所做的怎么样!
此处省略“N”字~~~~
谢谢!
| 有 | 赞 | 小 | 报 |
剖析实战案例,玩转微电商
| 有料 | 有趣 |
有赞小报文章和教程均由作者授权发布
版权一律归原作者所有
转载授权、商务合作、加入有赞小报编辑部