B2C网站商品详情页应该如何设计？
亲，您好，请允许拥有5年电商美工经验的我，回答您这个问题吧。
电商立体台子怎么做 台子立体图
电商立体台子怎么做 台子立体图
电商立体台子怎么做 台子立体图
?·?
个人的经验总结：一个好的电商详情页的设计主要结合三个大方向（这边用小编的一些个人经验通俗地发表意见）——1，自家产品的市场调研情况；2，你家运营或设计总监的产品需求；3，个人积累的美术感
·?
1.?自身产品的市场调研情况：一般来说要多参考自家产品同行卖得好的产品详情页面，切记是要看卖得好的，多客户看的图，多找几家，看看市场现在流行什么图稿。例如今年的图稿比较注重实拍、客户体验图，那你可以尽量多选择这方面体验在你的页面上。始终要记得电商的图稿要符合市场的走势这是为重要的一点！没有之一的！
2.?其次你家运营或设计总结的产品需求：这个一般就是说你的运营想要什么风格、什么色调、突出产品质感还是使用效果或是其他，一般运营会把需求给到你，你必须把他的要求适当融合进去，但是永远不要抛离点——不能远离市场走向。
3.?该产品衍生出来的个人美术感：这就要求你多平时积累一些排版、设计类的基础，这里小编你关注一个叫“大美工”的网站或者站酷什么的都可以，这个应该是做美工的都知道的，里面每天都在更新的电商页面，平时要养成一个好习惯，看到好看的图稿要保存下来，积累着下次要做图说不定你就有灵感参考了！
?再次感谢邀请，以上纯个人全手打通俗解释的，希望对你有帮助，有任何问题不懂得可以问我，希望看到的能帮我点个赞，
第二次过任务了，希望好心人看到帮我点赞一下！好人一生富贵！感谢您！ 转化率一直都是卖家们所关心的问题，影响到宝贝转化率的因素有很多，其中主要与宝贝的性价比、店铺的动态评分、宝贝的评价、水平，还有一点就是宝贝的详情页，今天我们要说的也是这点：如何打造高转化的宝贝详情页，毕竟实战才是真正所需要的，理论文章毕竟是理论，所以大家看了要去实战运用哈！
：思考+定位
很多卖家的详情页做得都很随便或者说文案做不到点子上，特别是一些小卖家把宝贝的主图加上些描述，然后随便搭个台子详情页就完成了，连自己看后对产品的很多情况都没能完全的了解，这样的详情页怎么能够做好转化呢？起码我们做的详情页先要能够说服自己吧。
好了，回归正题，我们做详情页前要思考些什么？
1.我的产品是卖给谁的？
我们要明白，我们自己的客户群体是谁，应该怎么做产品，怎么探究产品才能得到合适的客户群体！这个问题，很明确的告诉自己，该做的产品跟内页！
2.他们为什么要买我的？
找出自己的产品核心卖点，击败你的竞争对手，比如：你的比别人有什么好？你的有别人也有？你的产品质量如何？这些都能很好让自己怎么去做好内页，文案，详情页的理由！
3.那些同行们他们是什么产品，他们的卖点是什么？
做好分析，参考同行的产品，别人的客单价，促销方案，文案，是多少钱？我要怎么做才能竞争他，究竟是以客单价竞争还是以产品质量竞争呢？先分析，后而行，能够更好把握自己的一个路线跟规划！
4.我的消费者们真正要的是什么？
这个是消费者真正的需求，我们的卖点要针对消费者真正的需求。
上面的问题都非常的泛，不同的行业和不同的产品有着不同的。这些问题是我们一定要去解决的，哪怕得出的是错的我们也要去思考，做市场调研，看数据软件。毕竟商场如战场，而我们就是那位运筹帷幄者！多想，多思考，知己知彼方能百战不殆！
第二：布局设计
我们把以上的问题，都已经一一说清楚了之后，那我们如何布局，设置好一个属于自己的宝贝详情页，文案，促销方案呢？来吧，干货速看以下！下面三张图是设计宝贝详情页常用到的思路。
要买家说好，你的策划、美工，才是真正的好！也相当是数据反馈得好，才是真正的好！
如何打造电商详情页设计？
在电商设计工作中，详情页的设计一直都是衡量电商设计师能力的重要指标，正是因为它的重要程度，所以也就成了困扰很多设计师的难题。目前详情页基本上都采用了分屏式的设计，目的为了提升视觉流畅度以及减少阅读障碍。这种方式就将详情页设计转变为具有组合效应的单屏海报设计。所以做好每一屏海报就成了终需要解决的问题。那么有哪些实用的详情页设计技巧，可助我们一臂之力？
在写这篇文章之前，我翻阅了很多比较不错的详情页首焦设计，发现这么多不同产品和类目的详情页，在设计手法上竟有很多相似之处！不信你来看！
上面是我在翻阅的过程中随机筛选的12张详情页首焦，从视觉角度来看，每张首焦都给人一种干净舒服的感受，元素虽然不多，但却一点也不单调、层次感很强。
从实现难度来看，没有很复杂的设计手法让你望而却步，整体来看实现起来都不算难，明白原理之后，只需多加练习就可以。那么该有同学问了：为什么我看完之后还是不会？这时候，再回过头看上面的12张首焦，着重观察每张图的明暗关系，光影变化！哇！很丰富所以说，简单的场景一样可以做出很有层次感的首焦海报，场景的复杂与否和终的视觉效果没有直接关系。通过设计手法表现出场景元素间的明暗变化在详情页设计中用到的非常多。简而言之就是：营造明暗变化。
什么是光就不解释了，生活中随处可见：灯光、日光、月光……并且物理老师也告诉我们：同种均匀介质中，光是沿直线传播的！无论是在设计，还是现实生活中，我们通常会把光与影放在一起说，即光影，两者密不可分，有光就要有影，有明就要有暗。只是体现光影、明暗关系，就足以让设计作品变得丰富、有层次感，比如现实生活中的汽车：在详情页设计中，光影并不是越复杂越好，反而越实用的越简单。注意：在详情页设计中，一般情况下不会用到直观的光源，大多都是拟定光源位置，一但光源位置确定，画面中的所有元素（包括背景）都要遵循：靠近光源的位置亮，远离光源的位置暗。那么如果光源位置确定，应该在背景上如何体现？上图所示就是拟定光源位置后，背景明暗关系对照图，其实做起来很简单，就是通过渐变叠加实现的，相比纯色底，这种渐变的背景是不是更实用？在详情页设计中，一些有模特的场景图，大部分都使用渐变的背景，下面看两个案例：
渐变的背景增加了整体的层次感，模拟了一个设计上的环境感，而且模特的形象因此也更加立体，作品整体也不显单调。
产品特写或者局部放大时，渐变背景用到的也很多！
一、产品即是场景详情页设计，核心还是产品，很多时候产品素材本身通过修图，明暗变化就很强，这时就可以完全依靠产品素材，做好背景处理及文字排版就可以了，下面看几个案例：
看似案例很简单，实则很考验设计功底，渐变的背景用的恰到好处，模拟了一种有光源的视觉变化，从而提升了画面整体的视觉层次感。简洁大气的作品也更易于大众接受。下面我们看个实案例：
终成品
如上图案例所示，依靠产品自身丰富的明暗变化，利用简单的构图形式，一张详情页首焦轻松完成。但这种形式受产品自身影响，有一定局限性，并不是所有的产品都适用。接下来我们继续！
二、搭建小场景搭建小场景在详情页设计中也是非常实用的，为什么要说小场景呢？小不是代表体积小，而是场景要简约，无需特别复杂，简约并不意味着简单，重点是要有层次感、把控好整体的明暗变化和光影。还是不太懂？下面看一个基础的小场景搭建：
上图案例是不是给你的感觉很简单，除掉产品和文案，几乎没有任何多余的元素装饰，那么有个问题：为什么一点也不单调呢？剖析一下：
看似简单的场景，对设计功底的考验一点也不少，小场景设计中，如何体现光影是非常重要的。说完基础的小场景，我们继续往下延伸。很多产品的详情页设计都用到了更真实的使用或者摆放场景，目的是让用户更加直观的了解产品，视觉上更有代入感。在偏真实的小场景设计中，对于光的表现还可以再丰富，比如现实生活中的窗户格、植物、阳光等等，都是对光的一种加强体现，下面我为大家总结一些实用的表现形式：
类似上图中的光的表现形式有很多种，在详情页中都非常实用，它能起到加强光感、赋予整体环境感的作用，并且对提升作品层次感有很大帮助。下面我们看下在设计中的使用。窗户格形式
光照效果
素材影子
不管是哪种表现形式，其目的都是在营造一种光影的环境感，提升作品整体视觉变化强度，避免单调！也让产品更贴合现实，易于解读和表达。
下面再看个实案例：
终成品
在实案例中，对于场景的搭建并不难，如何体现光的感觉才是重要的一笔，光赋予了作品环境感，视觉上的明暗的变化使得作品给人的感觉丰富有层次。
对于详情页中的小场景搭建，前后遮挡用到的很多，根据实际情况选择合适的遮挡物即可。
在详情页设计中，对于光的表现形式远不至于文中所说到的，这里只是为大家提供一些实用的设计思路。不妨找一些不错的详情设计，对应着本文内容，自己再验证、总结一下，这样印象会更深刻。
ps用fx做圆形台子怎么做
ps用fx做圆形台子作方法如下
用电脑打开PS软件,使用鼠标点击文件,找出剪裁的.
在图像处理器上平整好所要剪裁的,使用鼠标点击处理器的左侧椭圆选框工具.同时按住shift和鼠标左键,选择圈圈的大小。
如何走好电商设计这条路？
关于这个问题，以下三个方面将予以说明。
1.软件技能
店铺类的电商设计师可能不仅要会用Ps之类的设计软件，还需要懂一些CSS方面的代码知识，往往设计还要切图，需要用到Dw，而越是大的电商平台，越是设计公司分工都会比较明确一些，设计师可能只需要掌握Ps、Ai或Cdr这些软件就好了，专注于视觉设计和创意这块，不强制要求会切图。
Axure是交互设计要用到的软件，能懂一些的话当然不会有坏处，如果你的合作对象是用Word画交互框架图或者交互稿的，那么也许你还需要懂Word。总之除了视觉设计以外的工具和软件都是因为你可能需要去跟其他人沟通合作，而需要掌握。绘画对设计师来说是非常加分的一项技能，虽然并不是必须要掌握的。
2．需要了解的知识点
设计需要掌握的知识，包括色彩构成、平面构成、立体构成这三大构成，文案创意、市场营销、用户体验等等这些方面。因为我们的设计活动都是与活动销售额挂钩的，商业设计就需要在确定其活动目的的基础上做合适的设计，要面对需求人、面对消费者。
3．其他方面
其他方面主要是指沟通技巧、思考方式、是否对自己的职业感兴趣等，分为三个方面:上下级之间、上下游之间、自我驱动力。