零基础转行淘宝电商设计这些东西少不了

这次跟大家聊聊我们电商美工日常必做的详情页设计

这也是大家不陌生的一个工作内容，

想必大家也是非常的重视，但是如何做好详情页的设计呢？

下面可以认真看下，看完之后你一定会有收获的！

#一款好的详情页，都具备哪些要素呢？

首先最重要的一点就是明确的信息传达，现在各店铺当中肯定都是以手机端为主，那么手机端的浏览习惯和电脑端肯定是不一样的，竖屏思维相信有些做过一段时间的美工都会有所了解，那么为什么要做竖屏？我们看下案例：

编辑

编辑

大家肯定能够清晰的分辨出来，你在手机端看到的这2张图片，哪个会让你最直接的看到要传达的信息和舒服的浏览体验，肯定是第二张了。

所以我们首先要明白，我们做竖屏的设计，就是为了能够让消费者在手机端上用最快的时间最直接的表达，让消费者接受到你传达的信息，否则他就是一张垃圾图片，毫无意义可言！

其次在设计详情页的时候，有几种排版方式，是我们经常会用到的，居左居中居右……

看似简单易做的排版方式，却是一个非常实用的排版方式。

编辑

编辑

编辑

编辑

当然除了这3种排版方式，还有一些其他的形式，这个就需要看情况而定了。

编辑

编辑

编辑

其实，详情页中的排版并不难，只要能够达到基本的版式要求，根据画面进行合理的排版就可以了，因为设计的本质就是信息的传递，能够清晰直接的让消费者接收就可以了。

详情页设计不可忽视的两点：视觉的流畅度以及文案辨识度。一般情况下，一款详情页大概有2-4屏比较出彩的即可，能形成一定的对比，不至于视觉疲劳、千篇一律！

如果你看的够多，并且仔细观察的话，每张图都有一个共性，那就是文案和整体画面的一个比例关系。

编辑

编辑

我们可以从这2张图中看出来 文案和整个背景的一个比例关系。如果你再多看一些详情页的话就会发现这样的规律。

编辑

编辑

我这里就先展示这么多，大家应该都能看明白了，这样的一个比例关系是每屏设计的一个规律，产品是画面的重点，文案辅助说明。只要做到这样的比例关系效果自然就出来了，而且不会影响你的文案信息的传达。

只要在做详情页的时候，把每一屏都当做一个竖屏海报来做，统一你的排版形式和场景风格，一版高质量的详情页就可以轻松产出，需要做的就是多看，多练，多思考，随时你的经验增多和时间的推移，你的设计能力必然是不断提升的，所以明白了这些原理之后，就动手试试去吧，能够做到真的执行的人才能获得提高，而不是看看而已。