电商详情页面设计案例

2021-12-02 18:39:00

阅读 8996次标签：详情页设计作者：陈先生12121

详细页的设计是设计的一环中非常重要的项目，详细页在购买的一环中可以实现一定的转变，促进交易，产品的定位和视觉效果相匹配的详细页是众多电器所追求的，可是详情页设计和PC端设计方案在視覺展现的全过程中是有必须区别的，用PC的设计方案习惯性做商品宝贝详情，总是瞻前顾后，因此这期的內容就是说：详情页设计应当特别注意哪些呢

常见的误区

很多人做不好详情页并不是因为不会做，而是走进了很多误区，最终导致作品不尽如人意，那么在详情页设计中常见的误区有哪些：

误区一：用PC的设计思维做详情页设计，这种现象是极其常见的，意思是只兼顾PC端，而忽略手机端，要知道现在电商流量95%来自于移动端，PC端设计思维在电商详情页制作中是不通用的！

误区二：只追求效果而忽略了最基础的信息传达，详情页目的在于向用户诠释产品的特性、亮点、功能，是向用户传达要表达的产品信息，使得用户能够充分了解产品特征、优点、亮点，从而促进买成交易，而不是一味的只追求视觉效果而忽略信息传递！

误区三：文案、产品、功能、视觉不能做到很多的串联，也就是俗话说的驴头不对马嘴，不能将这四点很好的结合在一起！

那么在详情页设计中常用的形式有哪些？该注意些什么？

常用设计形式

在详情页设计中，很多设计手法、形式是实用且有效的，总结常用的设计形式也有助于提升工作效率，提供设计思路，那么常用设计形式可以简单分为以下几种：

形式一：采用竖屏的设计思维，分屏制作，更利于信息传递以及视觉效果的体现，这也是做电商详情页最常用的形式之一，这样做的目的更多的兼顾移动端，以移动端为主，提升视觉流畅度以及信息传达率，比如：

传统的电商详情页设计是基于PC的，无法兼顾手机端，从视觉流畅度和信息传达方面都有很大的缺陷，而采用分屏制作的形式就能很好的兼顾手机端，大大提升视觉流畅度和用户捕捉信息的速度！

形式二：善用图标元素，当画面出现数字时可以做特殊处理或者放大，因为大字号和数字能起到很好的装饰性且也能起到突出的作用，增加画面的设计感，比如：

大字号的数字或者英文能起到很好的装饰性，目的是打破原本比较相似的构图形式，使得整体画面在统一的前提下又不显单调，同时也起到了很好的突出强调关键词的作用！

形式三：很多人对于详情页配图不太精通，原因是拿到文案不知道如何去选图才能更好地切合产品和主题，常见的配图形式分为两种，即：以产品为中心配图和关键词配图两种形式，这两种形式也可以结合着用，虽然详情页是以商品为主，但是如果每一屏都出现产品图，会给人一种重复感很强甚至太刻意的感觉，那么我们可以以文案的关键词作为配图参考，这样同样能保证切合主题：