开门见三：本人小妮（上学时同学们都这样叫我）
旺旺ID：衣年服
之前也发有在社区，帮派里边发过贴，但是都是转载的别人的，所以今天自己的贴还是先来个介绍。。
先说说我的经历吧，05年上大学，08年大专毕业，专业是计算机网络。可是读了三年，出来工作几年，我还在很郁闷，我当年为什么会选择计算机，哎，都是年代惹的祸（05年的时候，计算机是一个很热门的专业，都想成为IT人才来的）。在学校的时候学的课程倒是挺多，不过没有真正学得精的，现在想想，在学校的那些东西，除了打字还很娴熟，其他的都根本上都还给老师了。毕业设计选的是局域网组建（那个时候别的题目都太难了，我估计自己做不来，就选了一个相对简单点的），大三一学期开始，我们就开始搞毕业设计，我拿着我的题目足足二个月没头绪（不要见笑哦），最后还是通过恶补这方面的知识，才幸好通过了。要不然学了三年连毕业证都拿不到，回家真没脸见家乡的父老乡亲们了。
学校的时候有开设过一个学期的Photoshop，Dreamweaver，flash等课程，但是那个时候不是主专业，一个礼拜只有一堂课而已，又不是主专业，这些是还在学校的时候就已经还给老师了。毕业之后也有想再去学下设计，但是每次在网上下载了视频教程，看不到三天准没下文了，真正让我开始重新拿起书本学习完全是因为淘宝，七月份拥有自己的店铺，现在眼看着要走向正轨，但是店里的装修尽不如人意，开通旺铺之后，也花了几十块钱把自己的店重新整理了一下，刚刚把模版放上去的时候，觉得真是很好看，心里面那个兴奋劲不知从哪来。但是过了一段时间之后，有很多问题产生了：1.我家里装了三个浏览器，但是经常用的是谷歌，估计我买模版的那边用的是IE，到我这边之后代码根本不能用，到处都走型了。2.用了一个月的样子，促销区的模版图片就根本连显示都显示不出来了，于是痛下决心，要改模版，改设计。第二天就跑到书店里面去买了一本PS的书，开始从头学起。因为之前还是有点PS的基础，基本上工具都认识，也知道是干什么用的，所以入门会比较简单。看了二天之后，就正式开始我的设计啦！！
好了，引言说得太多啦，现在言规正传，开始我的首页设计图设计：
首先，你需要选择你设计的主色调和店内的整体感觉，这个很重要，比如说：你卖绿色产品，你当然要选择绿色作为主色，再比如你卖的是新奇特产品，当然你的风格也要有让人觉得新奇特的感觉啦。。而我是做睡衣/家居产品的，我就选用了红色作为主色，因为在中国人的观念中，红色是代表吉祥，有温暖的颜色。这样可以给顾客有家的感觉。。再有就是设计了，如果您刚开始不知道怎么设计好，可以去参考你产品的行业前几名的店内设计看看。或许会让你找到不少感觉。。说实在的，因为我也是刚开始，赶着鸭子上架，没办法，东西有很多都是从别人那里复制过来的。马总也说过一句话：成功是可以复制的。
那下面我就展示一下，我的设计图的一个比较整体的感觉。
这里面的每一根线条，每一个框框都是我一个图层一个图层的添加上去的。
下面就来分开来每个部分，每个部分说说：
打开PS，新建一张空白画布，宽度需要设置成和淘宝同比例，淘宝桌面宽是950，你可以把画布设置成1800，也可设置成950。高度随便设置，到时候可以更改的。
1．店招设计：
首先你得有自己的店标，每个店铺每个店铺都会有属于他不一样的标志，所以店标很重要，可以去一些网上搜搜，也可以自己觉得很有个性的符号，不能随便去弄一些符号，最好是同你的店铺名字，有些关联。
一开始你可以把画布分成三个部分来设计
第一：店招区域
第二：左边一些商家信息，收藏之类
第三：右边宝贝展示
所以你一开始就要把整体的模块划分出来。然后店招设计就按照你自己所想的，把店铺名称，店标，广告语等等一些需要放上去的东西放上去，然把把位置调得看起来会比较舒服。
这样店招就完成了。
2．商家信息：
可以去参考下别人的里面都放了些什么内容，都是怎么样的。然后一个一个图层加上去的，该写字的地方，用
文字工具写上去，然后调整字体，大小。该放图片的时候，在PS的右下方新建图层（
）。里面会涉及到抠图的一些技巧，这里就不一一列举，接下来小妮会专门发一个关于PS的一些小技巧的贴子来讲。
3．收藏店铺：
收藏店铺很简单，网上有很多很好的店铺收藏的图片，复制过来就OK了。但是如果您不想复制，自己做起来也很简单。新建一块收藏区域，然后把文字打上去，图片拖进去。
4．客服在线时间：
总之就是添加图层，把文字和图片放在您想要的位置，设计出自己的风格就好了。
说到这里小妮想跟问问大家，一个这样的设计做到这里，你们会有多少个图层呢？？我的设计做到这里的时候，大概有60-70个图层了哦。如果一些更复杂的设计，图层会更多的。这样的话就得给你的图片合理的命名了，小妮在做的时候一开始也有帮自己的图层命名的哦，但是做到这个地方的时候，还是会搞混。。所以建组对这样的设计来说，会减少很多工作了。而且找起来会很简单
5．分类：
分类里面的图层挺多的，每条小竖线都是一个图层，因为到时候调起来会更方便的。这些地方不要怕麻烦哦。
6．广告区：
广告对每个店铺都很重要的吧，也是每个店每个店有自己的风格，大家可以尽情发挥你们的想象的空间。
7．图片展示区：
宝贝展示在淘宝上面也有很多种方式，这看个人喜好来设置就行了。
说到这里，基本就差不多了。小妮不才，花了五天的时间才把我的设计图完成，初稿出来的时候，我发给我所有觉得能发的朋友，给我指点有什么不好的地方，对他们说：如果您是顾客，觉得哪些地方看了不舒服，哪些地方本来就设计不够好，哪些地方还需要改进（添加或减少里面的设计）。在做整个设计的过程中间有不知从哪里下手，到刚刚设计出一个店招的欣喜，到设计到一半时，接下来的设计不知如何继续下去，有整个店面首页设计出来后，那种骄傲的感觉。整个都是为了我的淘宝，为了我的顾客进到我的店里时会感觉更加温馨，那样就很值得了。
图片做出来之后，花了二天的时候切片、写代码。因为我男朋友是做软件设计这块的，幸好之前的一些切片和代码都还记得，花二天时候帮我搞定布局和代码的问题。而我为了让了让我的设计能快点用到我的店铺上来，我花了一个晚上的时间（从晚上10：00-早上6：00）把全部的图片，链接，和整体的一些修改添加上去。。
我男朋友把有关于切片和如何写代码的贴已经先发到淘宝论坛上了：
题目：成就商城感觉--淘宝店铺装修三步曲
http://bbs.taobao.com/catalog/thread/154521-20699083.htm
如果大家有需要了解的，也可以去看看这篇贴，可能会帮助大家解决一些问题。。
很晚了，小妮来写这篇文章，因为白天比较忙，也没有晚上这么好的思路，希望可以帮助到这一些在这方面有困难的人。小妮的学艺也完全不精，而且文字水平也有限，希望大家不要拍砖呀。。。
评论内容：发表评论不能请不要超过250字；发表评论请自觉遵守互联网相关政策法规。
