淘宝开店教程16：电脑端全屏店招与导航栏设置详解

本节视频中，up主详细讲解了如何为淘宝店铺设计全屏的店招（店铺招牌）以及修改导航栏颜色的操作步骤。up主不仅教授了操作的详细步骤，还分享了一些关于PS（Photoshop）软件的基础使用技巧，以帮助新手进行电商设计。以下是本视频的总结：

1. 背景与动机：up主解释了他虽然从事电商运营，但因对PS的兴趣，学习了这一软件，并在实际电商运营中发现PS对店铺美工设计非常有帮助。

2. 进入淘宝后台和选择模板：

   • 通过“店铺管理”进入店铺装修界面，选择PC端装修。
   • 可以选择免费的默认模板，up主指出每个模板的导航栏颜色不同，后期可以自行修改导航栏的颜色。

3. 制作基础店招：

   • 通过PS软件创建一个新的950像素宽、120像素高的画布，这即是基础店招的尺寸。
   • 利用“填充”功能填充颜色，添加简单文字后，保存图像为JPEG格式，确保画质为100%。
   • 将图像上传到“图片空间”，再回到装修界面将图片应用到店铺。

4. 创建全屏店招：

   • 全屏店招的尺寸设定为1920像素宽，150像素高（包含导航栏的30像素高度）。
   • 在PS中创建此尺寸的画布，将之前设计好的950像素宽的图像复制填满整个1920像素宽度。
   • 根据导航栏的颜色选择相同或相似的背景色进行填充，使全屏效果协调。

5. 上传全屏店招并应用：

   • 全屏图像制作完毕后，再次保存并上传到图片空间，在装修界面应用为背景图片，实现全屏店招效果。
   • up主展示了如何预览效果，并且根据实际显示情况对细节进行微调。

6. 修改导航栏颜色：

   • up主提供了部分CSS代码，详细讲解了如何使用代码来修改导航栏的背景色、文字色等。
   • 使用PS中的吸管工具获取导航栏颜色的代码，确保配色一致。
   • 将修改后的CSS代码粘贴到淘宝的“显示设置”中，实时查看效果。

7. 调整与测试：

   • up主多次进行预览和刷新，以确保导航栏、店招以及全屏设计的颜色和布局效果符合预期。
   • 他建议新手可以通过调整代码中的颜色部分多次尝试，熟悉代码的操作和色彩搭配。

总结而言，up主通过视频深入浅出地展示了如何利用PS设计淘宝店招以及代码修改导航栏颜色的完整流程。

本文链接：【撸小羊_淘宝开店教程16：电脑端全屏店招与导航栏设置详解】https://lxy520.cn/dspt/5255.html