网店详情页面设计（淘宝网店详情页设计应该包含哪些设计要素以及元素）

本文目录

• 淘宝网店详情页设计应该包含哪些设计要素以及元素
• 淘宝店铺详情页怎么设计
• 淘宝详情页设计尺寸
• 淘宝商品详情页面怎么设计效果好
• 美工设计：店铺详情页设计技巧
• 详情页应该如何设计
• 淘宝宝贝详情页设计需要有哪些内容

淘宝网店详情页设计应该包含哪些设计要素以及元素

要确立的六大元素：

1、配色字体文案构图排版氛围

2、常见的宝贝描述页构成框架

3、产品zhidao价值+消费信任=下单

详情页上半部分诉说产品价值，后半部分培养顾客的消费信任感。对于消费信任感不光通过各种证书，品牌认证的图片来树立。

4、使用正确的颜色，字体，还有排版结构，这些对赢得顾客消费信任感也会起到重要的作用。详情页每一块组成都有它的价值，都要经过仔细的推敲和设计。

5、详情页的描述基本遵循以下顺序：

*①引发兴趣

②激发潜在需求

③赢得消费信任

④替客户做决定。

特别要注意的是，由于客户不能真实体验产品，我们宝贝详回情页是要打消买家顾虑，从客户的角度出发，关注最重要的几个方面，并不断强化，告诉顾客我是做这个的专家，我很值得信赖，买家买了都说好，正好店铺有活动，现在下单价格最优。明日即刻涨价。

6、遵循以下原则：

*①文案要运用答情感营销引发共鸣

②对于卖点的提炼要简短易记并反复强调和暗示

③运用好FAB法则具体如何操作请看教程：

1.首先还是进入卖家中心-打开开店铺装修

2.找到店铺左上角的页面-布局管理

3.删除多余的布局模块(只保留1个950的布局和1个190-750的布局)

4.删除190-750布局里多余的模块(如轮播，宝贝推荐等)仅保留左侧的宝贝分类和宝贝排行榜(删除的模块可以随时恢复也可以重新添加)

5.点击保存，即回到装修首页

自定义模块的布局：

现在的主流装修都是用自定义模块添加代码来实现的，鼠标放在新建好的自定义内容区，会出现按钮。

最后显示标题那地方勾选不显示，然后点击代码按钮，把准备好的模板代码直接粘贴进去就ok啦。淘宝网店详情页设计通常包来含以下设计要素：

许多卖家把详情页只是当做商品介绍图，其实不然，详情页的制作也是有一套原则源在里面的，把握好可以带来一系列的转化。

1.详情页要关联相关产品。比如卖牙膏就要有搭配性的产品例如牙刷2113出现在产品页。

2.详情页要有情景式营销。我们卖产品之前要明白目标人群是一个什么样的状态，然后把自己想象成顾客这一类5261人，设计出图文结合的场4102景效果。

3.带上用户打动人心的评价。

4.企业公信力的证明，让顾客买的安心放心。

5.在详情页中承诺对于售后服务的保障。1653

6.促销信息出现在详情页，例如满减优惠。

淘宝店铺详情页怎么设计

确认页面风格

页面风格首要是依据产品自身来定的，如产品的属性、产品功用等。假如产品没有特定的风格属性，能够依据目标销售人群、时节、节日或主题活动来定。

产品和资料收集

前期实拍资料，进行收拾和分类。咱们也要在规划的过程中要学会收拾收集自己的资料库，做好备份。

构架布局框架

依据文案内容，结合实际产品，进行有效的布局树立。

确认配色计划

已有店肆视觉规范的能够直接连续使用。假如没有，能够从产品自身提取，或许从Logo中提取或从产品联想属性提取。在配色过程中，无论用几种色彩来组合，首先要考虑用什么色彩作为主色调。

挑选合适字体类型

字体适当于一个桥梁，适当重要。首要用来对产品进行解释说明，便利顾客阅读，一起，也是起重要信息的引导效果，可通过大小字体调配进行要点显现某项内容。字体使用时一般不超越3种字体并挑选契合产品定位的字体;在要点部分内容进行加粗杰出显现，以加深买家对该信息的印象程度。

整个详情页排版

怎么对图片和文案内容进行排版设置，要检测咱们平时积累下来的规划的水平。越是简约大气的页面，元素务必不要太多，清新舒适的页面多留白，参阅优秀事例，多多学习和学习。

修正定稿

把制造好的首稿输出为JPG或PNG格式，一起保留源文件格式，给团队成员进行阅稿审阅，如不契合要求，进行部分修正。也能够参阅不同的意见进行优化处理，直至定稿保存停止。

切片和优化页面存储

规划制造后的商品详情页往往是一张大图，高度可能达上万像素，而咱们在网上浏览的图是通过Photoshop切片功用进行切割图片后呈现出来的。假如一张数几十MB的图画直接上传网店店肆，网络加载速度会很慢，用户体会差，所以要对图片进行切割优化。

淘宝详情页设计尺寸

一、淘宝主图及详情页如下:

1.淘宝主图尺寸:700*700。主图尺寸:500K以内，建议不要压缩太小。如果很小，画面会失真。一般可以上传4~6张不同角度的图片到主图。

2.详情页的大小:宽度750，而高度要看产品本身的实际情况。最好的尺寸是单幅500K，连体画3M。

二、天猫主图和详情页大小如下:

1.天猫主图尺寸:800*800。

2.详情页面尺寸:宽度790，高度不限。每张纸不得超过1500像素。

相关内容说明:

1.宝贝缩略图:普通店铺首页的宝贝缩略图尺寸为160*160；对于热门店铺，最小尺寸可设置为160*160，最大尺寸可设置为220*220。热门店铺首页的宝贝图片更大更直接。

2.个性推广区:普通店铺首页展示的宝贝只能按时间顺序排序，不能由卖家设定。有一天，商场安装了三个特大柜台。柜台里陈列的宝贝可以按照各种方式、数量、大小分类设置。

3.宝贝推荐区:虽然普通店铺后台可以设置16个推荐宝贝，但是店铺首页仍然只有6个。店铺推荐的部分或全部热门宝贝，可根据所需数量在店铺首页展示。再加上个性化促销区，形成四个专柜，分别展示店内宝贝。

4.自动推荐区:普通店铺每个宝贝的详细描述底部，会有店主设置的6个推荐宝贝。在这六个推荐下，旺铺增加了六个店铺系统自动推荐的宝贝展示。

淘宝商品详情页面怎么设计效果好

淘宝商品详情页面的设计需要考虑多个因素，例如产品的特点、目标受众、品牌风格等等。以下是一些常见的设计技巧：
1. 突出产品特点：在详情页中突出产品的卖点和特点，让顾客更容易理解产品的价值。
2. 简洁明了：详情页内容要简洁明了，不要过于复杂，以免影响用户体验。
3. 图片清晰：商品图片要清晰可见，可以增加顾客对产品的信任感。
4. 文字简洁：文字描述要简洁明了，避免使用过于专业化的术语。
5. 色彩搭配：色彩搭配要协调，不要过于花哨或单调。
6. 布局合理：详情页布局要合理，方便用户浏览和操作。

美工设计：店铺详情页设计技巧

美工设计：店铺详情页设计技巧

　　上过淘宝的朋友都应该了解店铺详情页是什么样子的，那么大家知道店铺详情页是怎么设计的吗？下面我为大家整理了美工设计：店铺详情页设计技巧，希望能帮到大家！

　　 详情页的一般规律

　　1、关联销售

　　2、焦点图

　　3、客户诉求

　　4、产品优势

　　5、产品参数

　　6、产品展示

　　7、细节展示

　　8、证书保障

　　9、买家须知

　　上面只是一般详情页的排版规律，具体落地的时候可以根据产品的类目（例如：母婴，女装，电器，箱包），页面的情况（例如：新店——没有销量基础的；主打高销量款页面——有一定的销量，主要是想优化改善）等等情况，可以酌情对页面顺序进行的调整，可以相应的加上：①晒好评，②品牌故事，③场景展示，④产品结构图，⑤安装说明等等。这些模块，除了给页面增值外，更充分的展示产品的优势。

　　 "三思而后行——做好市场调查"

　　在做每一个设计之前，我建议每一位设计师都动手去做一下市场调查，例如：同行业的数据调查，消费人群的调查，消费人群的购地域调查，消费能力的调查等。做这一系列的调查，除了能加快您对产品的了解外，更能准确的扑捉到产品的针对人群，和定位。然而，一般从哪些途径去做这些调查呢？我为您介绍几个：

　　1、淘宝指数

　　淘宝指数是目前一个对分析消费人群的一个准确性较高的软件，

　　2、淘宝网站

　　在淘宝网站的首页，打上产品的关键词，然后对比同行的数据等等

　　在万事具备后，我们就可以设计页面了吗? 此时此刻，我又不得不大声对各位同学SAY NO，在充分做好市场调查后，我们还有一个步骤要做，就是要定下页面需要做什么风格的，需要用些什么元素？需要用什么色调？然而，要怎样去确定这些要素呢？下面，又是我的开班时间了··

　　 万事开头难——确定风格元素

　　在确定页面的风格，色调，运用元素，这个上面的市场调查有着息息相关的联系。具体要做怎样做，请看我今日开班有说：

　　1、外观

　　1）根据产品的外观去定产品的风格

　　2）根据产品颜色去定页面色调的

　　2、工艺

　　根据产品的’一些独特的工艺，去奠定整个页面的风格调性的

　　3、季节性

　　根据季节性，结合产品的一些买点，完美结合展现页面调性的

　　4、时事性

　　把时事相关的历史几何起来，营造出一个故事的氛围，从而奠定一个页面的调性，例如：美的赤兔马电热水壶

　　 点睛之笔——首焦图

　　首焦图主要包括以下几点：

　　1、页面主题

　　2、产品

　　3、优惠信息/功能性信息

　　客户诉求

　　该板块主要包含了以下几点：

　　1、客户在购买前遇到的烦恼

　　2、客户在使用过程中遇到的烦恼

　　产品优势

　　在展示这一模块的时候，我又要强调一下，很多同学会有这样的错觉：觉得把产品的买点放上来展示就是突出产品的优势了。其实不然，很多时候我们要站在客户的角度去思考，例如：我为什么要买这个热水器？家里不是已经有吗？为什么要换新的？哦~原来它智能的，在±1℃下还能恒温供水。哦~原来他在停电的状态下，还能提供热水，停电的夜晚也不再担心没有热水洗澡了等等。

　　上诉的例子不知道同学们看懂了我的意思没有？透过这个例子，我想告诉各位同学，产品的优势这一模块的展示的最主要作用是用来解决顾客的烦恼的，直白的说就是顾客烦恼什么，我们就要把产品可以为顾客消除烦恼的那一边展示出来。

　　产品参数

　　在到了页面的承上启下的部分，我建议各位同学，把产品的相关参数再次亮出来，第一，可以加深顾客对产品的印象；第二，起到一个转折的作用，产品的参数的相关类容我就粗略的列举下，（备注：根据产品的不同类目，同学们要适当的稍作调整哈）

　　（一）、产品名称

　　（二）、产品型号

　　（三）、产品材质

　　（四）、产品配件

　　（五）、产品颜色等等

　　产品展示

　　产品展示这一块，我就不展开细说了，这一模块顾名思义是：展示产品，引导顾客去深入了解产品的结构的，在此环节，可以适当的加上少量为文案，对产品有一个简单的描述，增加页面的可看性。

　　细节展示

　　到了细节展示这一块，这一个模块的主要作用，是更详细的，更具象的告诉顾客产品的优势在哪里？放大每个细节加深顾客对产品的了解，从而引导顾客购买产品，达成成交额。

　　证书保证

　　提到网购，很多顾客唯一一点比较担心的就是：质量上的问题。要怎样才能让顾客消除一定的心理障碍呢？出来晒好评，晒信誉外，最能证明实力的莫过于一张国家质检合格证书，还有三包服务"包换、包退、保修"

　　所以，我建议各位同学，在做电器产品或者母婴类目的时候最好是吧质检合格证书拿出来，让它占据一席之位，也好给您的页面增增值。

　　买家须知

　　买家须知这一模块，也许很多同学觉得不必要，但是我不得不说有这一个模块可以规避卖家在购买时的不必要误会，减少很多售后问题。

　　数据跟进

　　页面做好后，我建议各位同学不要忘记后面对店铺页面的数据根据，通过观察数据，才能更好的完善和改进页面，进步不是一蹴而就的。

　　综上所述，纵观全文，我今天的授课内容也就说完了，总结起来就是要做好一个详情页面，不但只要一个好的技术操手，更要懂得去分析市场，了解产品，所以，秀的页面做下来会有这些步骤：

　　熟悉详情页的一般排版规律、做好市场调查、确定风格元素、开始制作（首焦图、客户诉求、产品优势、产品参数、产品展示、细节展示、证书保障、买家须知）、数据跟进。

详情页应该如何设计

如何做出吸引客户的详情页

大家都知道详情页面是我们宝贝的核心，我们的宝贝优势。卖点都是从详情页面展示给买家的，并且好的详情页面不仅可以减少客服的工作量，还可以提升我们店铺的转化率。那么详情页面做好了就需要流量，流量对于店铺发展来说至关重要，有这样一句话：有流量不一定有成交，但没有流量就一定 没有成交。但是，有了流量，我们要如何利用店铺优势来体现流量价值呢，这就要做好店铺的 内功：优化好详情页。

目前，电商平台多元化发展，提供给买家选择的机会越来越多，因此，影响买家最终下单 的因素也就更多了。除了商品的价格、质量、客服、物流和售后外，详情页内容的排版也是很 重要的因素。

下面就从以下几个方面，详细说明详情页优化的重点。

一、副标题（这个针对天猫商家）

它的作用是辅助主标题，用更完善的文字来对商品的性价比或当前的促销力度做描述。副标题要将商品 的卖点放大，材质、价格、发货速度等都可以结合来做；也可加入“15分钟内付款即有豪礼相赠”等字样， 来刺激买家积极下单付款。

二、属性

属性是买家了解产品细节的第一道门。属性的完整性和真实性是卖家们要注意的。完整的产品属性， 可以让买家更细致地了解商品，也可以为客服省下很多答疑的麻烦。真实性方面，卖家不能以无充有，以次 充好，真实不虚夸的描述才能建立信任感。

三、商品关联

在关联方面，不要主观放置，要用数据分析来做好关联，建议放置的宝贝在6款以内，放置过多买家注意力会分散，易造成跳失，占据的篇幅太大，也不利于买家浏览体验。

我做了很多思维导图，打造爆款，引爆手淘首页流量，等等，免费送给大家，大家可以加裙前面几位数三三零中间是八零七，然后是三八一，莲起来就能找到了，加必给！

四、商品质量描述

用贴切宝贝属性的文字来描述宝贝，并搭配图片，强调商品质量的优越性；也可以加入商品的视频描 述，对产品的性能和使用等情况进行具体说明。

五、宝贝主图

大家都知道宝贝的主图是非常重要的，我们主图就相当于我们的小详情页面，如果说你的主图只是随随便放的几张产品图，那么买家看一下你的主图之后，不喜欢就直接退出，根本到详情页面的机会都没有。所以主图后面的几张图也要重视起来，要突出宝贝的卖点。店铺的营销点。

六、逐步引导

买家对产品逐步了解的同时，会产生相应的疑虑。卖家要做的，首先是引导买家说出他们的疑虑，然后 从产品的属性和特点入手，为买家私人定制解决方案。此外，详情页左侧的导航也可以为买家浏览提供一个很好的导向，不仅可以为店内其他风格的宝贝提供 流量入口，也可以给买家一个清晰的浏览体验。

七、色差尺寸规格

由于显示器标准不一样，买家看到的颜色可能和你自己拍摄的商品图片有偏差，这会给买家带来误导， 甚至造成退货和差评。为了规避这点，要做好文字说明，打消买家对产品色差的疑虑。至于尺寸说明，不同厂家在产品生产时依照的行业尺寸不完全一样，所以买家在网络中看到同款宝贝也 有可能存在尺寸偏差。这时，卖家要做好所售商品的具体尺寸对比，同时做好尺寸偏差的说明。

八、标榜品质

在对商品信息大体了解后，要继续强化买家信任。这时要注重对宝贝质量和店铺品牌做标榜说明，更好 地强化买家信任。

九、物流和包装

建议加上包装材料的配图，给买家一个简单的画面，让买家对包装更放心。关于物流、合作的快递、发 货时间、运送区域及到达时间等，要分条做好说明。

淘宝宝贝详情页设计需要有哪些内容

1、品牌介绍

在很多淘宝宝贝详情页中，不乏出现品牌的介绍，这样也能够让消费者在很短的时间内了解宝贝品牌信息，同时如果商家是主打自己品牌的淘宝店的话，那么也建议各位把品牌信息放在展示位上哦!

同时也可以放一些品牌故事，这样就能够晓之以情，动之以理，如果消费者对品牌故事感兴趣，或者被感动，也容易促使成交呢!

2、焦点图

消费者们一般在看到宝贝主图之后，然后觉得这款宝贝还不错，就会点击进去，但是点击宝贝进入到店铺之后，商家肯定都希望各位消费者可以快速的切换到焦点图，这样就能够快速吸引并且捕捉他们的眼球，也能够快速的明白这款宝贝的具体情况。

3、尺寸

在做详情页的时候，有必要了解客户的详情使用在哪个平台的，使用的平台的尺寸是多少。现在大多卖家都是用手机来进行购物，在制作详情的时候，用手机竖屏的尺寸来制作。

4、设计风格

了解清楚产品在市场的价格，符合人群，然后确定风格，可以参考一下其他店铺的详情页设计，吸取一下别人的长处。比如想做简单的风格，考虑产品色调用色控制在2-3种。避免出现花哨的感觉。

5、产品图片

详情上应该有场景图、细节图。场景图可以让买家更好的想象产品，

细节图可以帮助买家了解产品的材质。在这里可以放一些同款产品图片和自己产品的进行对比，加强卖点。突出我们产品的亮点。