淘宝美工/电商设计：常用的详情页头图设计的表现形式之场景表现法

更新时间：2019-11-14 16:11:01 来源：环球网校

浏览

摘要详情页设计中第一屏也就是头图对于整体而言的重要程度也非同一般，一张优秀的头图设计可以吸引用户继续阅读、提升用户的停留时长、间接的促进订单买成。那么既然这么重要，我们在进行设计工作的时候应该注意些什么？今天讲常用的详情页头图设计的表现形式之场景表现法。

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

产品与场景的结合很容易被其他视觉元素抢，那么我们通常可以：

场景表现法1：

将次要视觉元素模糊处理，用类似景深的视觉效果表现主体。

场景表现法2：

将主体放大，其他视觉元素按照正常比例呈现，也能很好的突出主体。

场景表现法3：

弱化周围视觉元素，比如将产品置于夜晚的情景内等等。

这种场景表现法的形式，最重要的就是最终的场景感和产品的融入是否合理，同样场景不易过于复杂，无论什么样的形式，视觉流畅度都是要兼顾的。有些场景也可以在花瓣、站酷或者其他的素材网站上去找，只要与产品的结合度可以，稍微修改即可。

好啦，今天的淘宝美工/电商设计：常用的详情页头图设计的表现形式之场景表现法，就到这里啦。详情页设计中第一屏也就是头图对于整体而言的重要程度也非同一般，一张优秀的头图设计可以吸引用户继续阅读、提升用户的停留时长、间接的促进订单买成。更多关于环球网校的精彩内容请持续关注我们~

编辑推荐

分享到：编辑：罗彬

资料下载精选课程老师直播真题练习

更多资料

更多课程

更多直播

更多真题