详情页排版逻辑,淘宝手机端详情页纯文本怎么排版才能左对齐

手机端的详情页的文字默认是居中对齐的，淘宝助理也没有更改对齐方式的工具，建议你可以把文字坐在图片上这样，对齐是非常容易的

首先软件方面一般都会使用ps，就是photoshop软件，

1.实行形式

当然会使用软件只是详情页的实现模式，你要看你所属行业的类型来做页面。

2.色彩搭配

根据你所属行业选择适应的颜色搭配。比如科技类的，很多使用蓝色；环保类对很多使用绿色；食品类对很多使用橙色等等等等，不同的颜色体系不同，颜色的冷暖，和我们感知到的是一样的，就好像橙色，我们会想到橙子，麦子，代表的是温暖，我们一看到就想到了吃，食物与美好！

3.文字内容

需要针对不通过的行业写一些文字，你想要给客户传达的是什么信息，比如卖衣服，很多有尺码大小颜色，等等，商品的正反背面信息。你商品的优势，你的客户评价，这些都是文字内容。等等等等

下面就根据各大电商平台的页面，做一下分析。

一、详情页的组成部分有哪些？

二、详情页的排版分析？

三、总结

一、详情页的组成部分有哪些？

各类电商网站中，每款商品所包含的展示内容，都有固定的分析，使之让买家对产品进行一个详细的了解，说明，既而有购买的冲动。

就详情页面来说，由这几个部分组成：

1.商品展示类

2.实力展示类

3.吸引购买类

4.交易说明类

5.促销说明类

进而我们对这几项进行延伸：

1.商品展示类：平拍，色彩，细节，卖点，场景效果，搭配，包装

2.实力展示类：品牌，荣誉，资质，销量，生产，仓储

3.吸引购买类：情感打动，品质打动，实力打动，买家打动

4.交易说明类：尺码规格，维护保养，购买，发货，验货，退换货，保修

5.促销说明类：促销活动，关联销售，搭配商品，优惠方式

二、详情页的排版分析？

由上面的分析，可以归纳出详情页可以分为这七大部分：

1.广告图2.产品概况3.情景展示4.产品展示5.细节展示6.质保7.品牌

下面我拿一个产品详情页做一下分析

很快就会明白了。

恰 好，我前几天写了一篇关于如何做好一个详情页的文章。

我们先大概了解一下详情页的数据:

手机端详情页的尺寸

上图是手淘无端的详情最大尺寸，宽750-790px,高度是20000px，在使用手淘浏览的时候，20000px的高度，大概在手机的20-25屏左右翻动。

详情页的基本框架

上图是一个详情页，基本上都会用的到的一些框架内容，比如顶部的通用关联促销区，吸引人的特效首-屏海报。

接下来的产品一些实拍、细节、材质、场景等等产品的展示内容。然后是说下企业有什么实力、服务怎么样、产品有哪些参数属性等。

以上基本上就是一个详情页的完整内容展示，现在的详情页，很多时候注重的是设计的美感，更多应用的是设计的手法和技巧，这样能让详情页，首先在视觉上打高分，另外说是设计师能体现他的存在感。

这次我想讲的是，我在做运营和美工的过程中，学会的一个小技巧，就是在做设计详情页的时候，不能太过注重于这些表面的设计手法或是视觉美感，当然这个是很重要的，但更加重要的，应该是转化，如何让消费都看能有转化才是重点。

这就是运营和设计两者的区别，运营脑子里思考的是这个产品消费者在什么时候会使用，跟竞品对比有什么地方是他们没有的，这个行业的顾客人群画像是什么样的...等等这些数据。

详情页设计技巧

所以在常规的设计框架内，我觉得上图所列的美工技巧，同样很重要，这个能直接影响到顾客看了后是否会BUY的因素。

比如第一个详情页的产品展示中，不应该说太多的特点，因为正常一个详情页的浏览时长大概就在1-2分钟时间（这已经是长时间了），所以消费者不会认真的像一个设计师一样的去看详情，20屏的页面，手速快的人一下就翻完了，说太多的特 点，人家根本记不住。

所以必要的时候，只说一个最重要的特点，并且重复的说，20屏里面，有10屏都在说这个，人家肯定就记的更牢固了。那你的产品跟别人的产品，一下就对比出来了。

另外就是产品需求延伸的展示，为什么要做这个到详情页里面，目的就是通过如买家秀的图文、视频，来体现这个产品，当你在某个场景的时候，一定会用到，而且用的很舒心。顾客有一种代入感，就会想早知道买了这个，当初就可以这样用了，那详情的转化率就会自然而然的提高。

这个需要根据不同的行业、不同的产品，设计师自己去挖掘背后的人群画像和需求信息，才能做出合格的高转化详情。

如果想要了解更多的内容，可以到我头条主页查看。个人的经验，希望采纳，谢谢

手淘详情页的设计可以从以下几个方面入手：

1、页面的长度、字体大小、图片的加载速度要做好把控，内容简洁清晰明了，页面加载速度要快。

2、根据购买人群的行为习惯去定位页面风格及文字描述。

3、详情页可以适当的加些营销性质的内容进去，不要都是干巴巴的产品介绍。

诺思星聊电商，专注于电商知识的传播与分享，欢迎关注我！

一个好的详情页，可以有效的提升单品的转化率，能够直观的提升店铺的销售额，等同于盈利！

比如咱平时在路上看到一个美女，首先看到脸觉得好看（宝贝主图）然后上去搭讪，搭讪后发现这个美女没什么素质，也没什么涵养，比较粗鄙（详情细节一塌糊涂），你还会有喜欢的欲望吗？还会购买这样的产品吗？

那么优秀的详情页布局应该怎么做？

首先要知道我们的目标客户是哪些人。

这个关键点要迅速告诉顾客，这个宝贝的目标群体是谁，以及买这个宝贝的使用人群是哪些。

一般目标客户分为两个，一个是宝贝使用者，一个是购买者。

例如，男装类目的购买者，多数是他的配偶或者女伴，所以要清楚界定出宝贝的客户对象，可以有目标地销售。

站在目标客户的角度，围绕产品的特性打造优质的详情页。

接下来就是了解详情页布局的几大板块：

店铺活动、产品概述、产品海报、工艺细节、产品实拍、功能功效、换位发现问题、产品包装和运输、产品保障和售后、工厂车间、取得的相关证书和认证等等....

还有一些店铺营销活动、产品的关联销售也要在详情页中以显眼的方式展现出来。

一个好的图片对于我们掌柜来说，就是一个自己的脸面，当买家点击宝贝进店后浏览宝贝首先展示给买家的第一屏信息非常重要，决定者买家是不是继续往下浏览宝贝，第一眼给人的感觉印象是最深的。

所以，很多卖家都喜欢用手机进行拍照，做成详情，这样的详情再好，它的转化率也是非常低，为什么？

因为这些图片没有美感，吸引不了客户，买家感受不到产品的档次，或则说感受不到产品的价值和附加值。所以这些图片设计，最好有专门的团队来进行拍摄！

另外第一张图一定要抓住买家的眼球，详情页的图片丶文字丶媒体，文案等就是这款商品的简历，促销型的客户不是我们的目标，所以为了用户的体验，尽可能的缩短详情页，这样才不会让客户产生审美疲劳。

最后就是要把产品的卖点营销（痛点）充分展现出来。

不同的产品有不同的风格定位，不同的定位先后展示顺序是不同的。

在进行设计的时候要根据产品灵活调整展示顺序和位置。要遵循买家的购物习惯，合理的搭配文案，有条理的进行设计才能设计出一款高转化的详情页。

要根据不同类型的人群，来涵盖他们所在乎的点。也就是他们的痛点，做一款产品，想要做好他的差异性，和他的附加值，承载这些的就是产品的痛点！

做好换位思考，以买家的立场想问题，先明确自己的产品卖点在哪——也就是买家们关注的点在哪。

就比如说小家电类的产品

买家看重的点无非就是：产品安不安全？产品质量好不好？产品耐用吗，不会一用就坏吧？产品功能怎么样？产品耗电吗？产品包装结不结实，会不会在物流过程中损坏？等等诸如此类的问题。

再比如下图的连衣裙，现在的女生大多关心的就是这件衣服自己穿着漂不漂亮等等！

所以我们需要做的就是在详情页里把这些买家的顾虑全部打消，把这些买家担心的点变成我们宣传的卖点！这就需要各位对自己行业和产品有一个很深的认识了。学会换位思考！

如果不会，那么就去同行家店铺，去看他的详情页，去看他的评价。别人的差评肯定就是买家所关心的点，那么我们就可以把这些店作为自己的卖点。

篇幅有限，以上只是详情页制作的几个要点，如果需要更详细的解答，我在头条专栏里也分享过相应的文章。

专栏地址：https://mp.toutiao.com/profile_v3/xigua/content-manage

如果你在淘宝运营中，遇到其他问题，欢迎交流，有问必答！我会送你一系列实战课程，相信你受益匪浅。

我是花和尚，希望我的回答能够帮助大家少走弯路、有所启发。

1

做好一个完美的款式首先要在产品修图跟详情页排版开始，因为这次是讲解如何做好详情图，所以不含修图教程在内，修图的话主要是修好细节，展现版型特点，就比如宽松款式吧，宽松款式主要给人的是什么感觉，舒适与自然，只要修出这种感觉就能让人体会到衣服的好处！

2

首先先把要上的宝贝图片都修好，在打开PS-文件-新建-设置像素宽度高度-宽度750（天猫是790），高度不超过15000足够用就可以了

3

新建好以后先把窗口调到50%，这样方便排版（按个人习惯就好不必介意），排版只能靠自己的创作或者模仿其他详情页去做，详情页一般都会包含（小海报-款式讲解-细节介绍-版型讲解-面料或者材料说

详情页是产品与客户的对话，从3个层面分析：1、客户思维逻辑，详情页要符合客户逻辑，不是你要表达什么，而是客户关心什么，顾虑什么，需要什么，比如你的产品好，但只有你知道，客户不一定能够明白你表达的意思，因此要用客户话术而不是产品话术；2、页面美观度，这点很重要，因为人性喜欢美好的东西，男人喜欢漂亮的女人，客户也喜欢好看的页面，配色，框架，字号，标题，排版都应该看着舒服，而不是一堆堆文字；3、内页要符合搜索引擎规则，合理的布局关键词，毕竟客户如果看不到详情页等于0，要排到首页增加曝光才能把页面的转化效能达到最大，因此关键词布局和密度也要考虑！

简单，粗暴，然后就是细节。最重要还是评论，买家秀。按自己的购物习惯大部分都是看评论？

1.首先，打开美图王，选择详情页制作进入制作页面。

2.我们选择详情页制作，进入选择宝贝界面， 选中需要制作详情的宝贝，点击电脑端的详情页下方的编辑按钮进入编辑页。 （这里选择电脑端的话后边可以一键生成手机端。）选择一个合适模板开始制作详情页。 我自己是服装类目，所以我选一个做的好看的服装，可以先预览一下是否符合心意，然后点击开始使用即可。

3.之后进入，详情页的编辑界面，左侧边框是详情页的功能导航栏，主要展示这个详情的结构，模板不符合产品的话可以从这里删除。修改部分主要是图和文字，点击图片或者文字可以替换图片或者文字，根据需求调整即可。

4.所有的页面调整好后，检查无误后，可以在右侧工具栏中将详情保存到我的模板，然后发布到淘宝，这样做的好处是以后想修改页面。直接就可以在我的模板中找到。

5.点击发布到淘宝后等待几秒，会出现弹窗发布成功，可以点击查看pc详情来查看效果。确认无误后，点击同步手机详情页，系统会自动生成手机详情并发布。

6.详情页制作完成。