怎么设计淘宝网页

如果想要提升广告的可视性和点击率，可以将其设置于最能引起人兴趣的内容一旁，整合进网页的设计里。下面介绍怎么设计淘宝网页，希望可以帮到各位。

1.将广告放置与最佳内容一旁也可以提升注意力

如果想要提升广告的可视性和点击率，可以将其设置于最能引起人兴趣的内容一旁，整合进网页的设计里。这样，用户既可以找到所需的内容，你也能提升广告的效益。

2.在各种测试中，人们阅读文字广告最为专心

正如上面提到的，一般的互联网用户不会花费太多时间用于查看那些一眼就能看出是广告的内容。这就是文字广告表现出众的原因。他们并没有分散注意力，而是与网页的其它部分内容融为一体，这让他们减少了对读者的视觉刺激，也使这一广告形式获得成功的阅读率。

3.越大的图像吸引越多的注意力

如果要在网页中使用图片，那越大越好。人们更倾向于查看那些能够清楚地看到细节和获取信息的图像。要保证你所用的图片与文章内容相关，否则它更容易被忽视。大多数读者都拥有高速的连接速度，所以请放心在你的网站上使用那些较大体积的图片。

4.干净、清晰的特写图片能吸引更多的视觉注意

可能那些抽象的艺术图片会让你的网站看起来很有味道，但是他们并不会吸引多少读者的注意力。如果你需要使用到这些图片，请确保所用图片的清晰以及其表达内容的简单可读性。必须注意的是，那些与真实的“人”相关的图片比所谓的模特图片更为“优秀”。

5.标题能吸引眼球

浏览网页时，读者能发现的第一内容是标题。确保网页的所有相关链接畅通和有效，以让读者顺利的通过网站进一步搜索。

6.用户花费大量时间察看按钮和菜单

所以，你需要花费额外的时间维护你的精心设计。毕竟，他们不仅吸引了读者的眼球，更是网站设计的重要组成要素。

7.表单格式可以延长读者的注意时间

分解内容和段落，大量使用表单形式来表现你的文章，可以保证读者的浏览率。使用数字和其它标记符号来突出文章的重要内容，会让网站更容易浏览，用户更快的找到所需的信息。

8.避免呈现大块的文本

研究显示，一般的网络浏览者不会花费时间去阅读大块的文本，无论他们有多重要或写得多好。因此，必须把这些大文本分解为若干小段落。突出重要的地方，放置点击的按钮也可以提高用户的注意力。

9.格式可以吸引注意力

在文中使用粗体、大写、彩体、下划线可以帮助用户获取正文所表达的最主要的信息。使用时需要谨慎，因为过多的使用会使你的网页难以阅读，把读者吓跑。

10.利用好空白

尽管把网页的每寸空间都填满这个想法十分诱人，但事实上让网站留出部分剩余更为不错。网站的过量信息会把用户淹没，同时他们也会忘记所提供的大部分的内容。所以保持网页的简洁，给读者预留出一些视觉空间来供读者休息。

11.放置于网页顶部，导航工具的作用将更好的发挥

理想情况下，你不会满足于当读者打开你的网站时仅浏览初始页，而是希望他们浏览翻阅，察看其它感兴趣的内容。将导航器置于网页顶部，就可以让用户通过使用这个工具轻松的找到所需的目标内容。

一、页面的图片设计技巧

手机淘宝页面的图片一般来说主要是海报图片和宝贝图片。就海报图片来说只要一张便够了。海报图片要求高端大气上档次，海报内容可以是产品的海报，也可以是店铺品牌形象的展示。不过要注意的是手机端的海报图片不能像pc端那般做链接哦!另外不要越雷池，就是把pc端的图片都照搬过来。因为屏幕尺寸大小的原因。在pc端的图片不适用于手机端了，反而图片会大大变形。其次就是宝贝图片要契合店铺的整体风格。在色彩的使用上要搭配得当，不要过多的浓墨重彩。手机端的图片建议追求清新简约风。内容要精而少。这样看起来那就比较舒服了。图片不要太大了。毕竟看图片是要网络流量的。加载太久，买家就直接跳到下一家了。跳失率也就会比较高了。

二、店招

在手机端的淘宝店铺一般都是没有店招的，只有在pc端才有。因而我时常觉得pc端的大屏显示和店招会显得更加大气沉稳。于是我们可以给手机淘宝店铺也设计一个店招，加上自己店铺独有的Logo。某某某店铺，会给买家增加一种仪式感，能够提升店铺形象。

三、字体大小

为了更加适合无线端用户去浏览淘宝网，毕竟手机屏幕有限。手机淘宝页面要满足大部分买家的眼睛可以接受的视觉效果。对于文字大小要进行适当的调整。经验之谈可以说18px的字号是手机阅读刚刚好可以达到清楚的程度，若是选择稍大一点的24px是比较舒服的状态，但经过测试发现26x的雅黑字体在手机阅读时是最舒服的阅读体验。若是达到30px就是大标题的字体大小了。不过整屏都是大字体，卖家一定没有耐心看完，而且影响阅读速度。因而大标题自然是为了凸出重点了。比如价格，促销活动等这样的字眼。

分析产品的特点，做好产品的规划，罗列详情页上的内容。如图，做出规划。

依据规划做出详情页，其中详情页的前三屏是比较重要的，一屏大概在700-800像素左右，前三屏直接影响浏览者是否继续观看详情页。第一屏普遍默认是做海报，一张体现产品最大卖点的海报，要吸引人。淘宝详情普遍默认宽度为750PX，高度不限制，但不要过长，淘宝推荐在8000PX最佳，基本上就是10屏的长度。

产品的卖点可以有很多，但要总结出最大的卖点，进行宣传，前三屏只展示最大的卖点即可，第二屏并没有什么普遍默认的，但一定要说产品的最大卖点，例如品质好。如图。这是一种挖痛的展示方法，玻璃制品，易碎，直接揭示买家的最担心的痛点，一针见血。

由于是实验用具，有规格，需要展示罗列规格，让买家一目了然，直接选择自己需要的大小。也可以做到第四屏，之前再做一屏产品最大卖点的展示。

前三屏展示完，下面就要根据产品的特点，其他的卖点，做介绍了，各个根据之前的规划，把特点，优势等放到详情上。产品优势不止一两个，至少也要3 4个。

按规划，展示产品的特点，细节，内部结构等，让买家全面了解产品，还可以展示厂家实力，或是服务，买家评价等。

新建一个宽度为1920像素的画布，高度不限，后期可以增加，宽度这么大我们也是用不完的，我们只用950像素即可。

新建图层，选择矩形选框工具，样式改为固定大小，宽度设置为950像素，高度随意，在背景上点击，填充任意颜色，与背景颜色区别即可，然后选择背景和填充颜色图层，选择移动工具，点击居中，然后拉两条参考线在填充颜色区域的两边，最后删掉填充图层即可。

这两根参考线的区域是我们显示区域，我们的文案，图像等都要尽可能显示在参考线区域。

淘宝首页的上面部分是高度为120像素的店招，还有高度为30像素的导航栏，下面就是自己设计了。

对于颜色的选择，我们可以根据店铺的产品来定，例如产品是防护类的可以选择绿色等给人健康的感觉，如果是食品可以使用白色或其他颜色，给人一种干净卫生的感觉，颜色不要太多，一般不超过三种。

可以先做出背景，然后把产品直接放进去，做一些修饰即可。