对于设计师来说，在电商设计工作中，详情页的设计是我们不得不面对的一大难题，详情页设计更多的是对文案、卖点进行视觉提炼、视觉表达的过程。详情页设计中第一屏—头图，对于整体而言的重要程度也非同一般，一张优秀的头图设计可以吸引用户继续阅读、提升用户的停留时长、间接的促进订单买成。

头图设计既然这么重要，我们在进行设计工作的时候应该注意些什么？哪些设计技巧可以提升我们详情页头图设计的视觉表现？今天就和大家一起通过分析、总结的方式探讨。

头图设计的注意点

1

视觉流畅性，也就是说第一屏要让别人看起来舒服，文案与视觉所传递的信息能一目了然，不会给人一种阅读困难的感觉。

2

头图复杂不代表出众，这里可以提到「少即是多」的理论，过多、复杂的效果有时候反而会影响视觉传达。要充分与产品结合，要让产品出现在合理的场景内。

提升头图设计的视觉表现的技巧

01

产品局部放大

在详情页头图设计中，产品局部放大是一种比较常用的视觉表达形式，因为它会给用户呈现出一种简洁大气的视觉感受和比较强烈的视觉冲击力，同时也会让你的设计整体显得饱满、有内容、不单调。

比如：

案例中均为一些优秀的详情页的头图设计，从整体来看，这种放大产品或者说以产品为核心的海报设计，有以下几点优势：

（1）画面整体简洁、大气，视觉的流畅性以及可读性很强，给人的视觉感受很舒服，有种品牌感、高级感。

（2）绝对的产品核心，直奔主题，而且因为增大了产品所占画面的比例，不会给人一种缺少内容，或者空的感觉，整体视觉重点很明显，没有太多辅助性的元素分散用户注意力。

（3）背景设计很有特点，看似都是简单的颜色背景，实则特点溢于言表。

下面我们稍作改动，对比来看：

显而易见，有光感的设计更有表现力。这种光感应该怎么体现？它的原理就是：「确定光源方向——靠近光源的视觉元素亮——远离光源的视觉元素暗」搞清明暗关系就能很好地体现出场景感。

02

场景表现法

所谓场景表现法，顾名思义就是将产品置于某一个视觉场景内，这样做的目的在于提升详情页第一屏的视觉代入感，通过场景表现对产品的用途、功能、卖点等等进行视觉表达，这种形式既体现了视觉又兼顾了产品，给用户形成的视觉感受更加形象、立体、鲜明。

下面举例说明：