优秀网页教程(2) 设计时尚的电子商务型网站

17、在这个区域内展示出你要展销的产品图片，我随机排列了一些图片做例子。

18、在每个产品之间用直线工具画一些线条做分割，这些线条用浅灰色即可。

19、接下来开始制作左侧竖排导航。用圆角矩形工具制作黄色Title,黄色title之下制作一些灰色的形状。如果你仔细看一下我的PSD文件,你会看到这些灰色形状实际上是黑暗的形状,但他们有一个非常低的透明度:大约20%。你可以在层调色板中改变透明度值。

20、使用圆角矩形工具,创建一些按钮，在按钮内添加一些文本。

21、创建一个简单的页脚。

22、最后一步，创建一个Logo样式，如下图所示，通常情况下，网站的logo下面会有对应的Tagline，看个人需求而定。

23、这是最后的结果。我希望你会喜欢这个电子商务网站的布局。
您可以使用本教程来创建自己的店铺,为不同类型的CMS像Presta Shop, osCommerce, creLoaded, Magento, etc等等。

源文件下载：

时尚的电子商务型网站.zip

FEVTE编注：更多PS滤镜教程讨论交流和作业提交请到飞特论坛PS滤镜交流区，地址：https://www.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=87