既然详情页是为介绍产品而用的，那么我们在做设计的时候当然就可以用提取法了，比如提取产品包装上的元素或形状，提取产品的色彩或质感，提取产品的成分或功效，然后应用在详情页设计里，例如：

元素，我们可以从产品包装上提取元素应用在详情页设计里，保证整体风格连贯性。

形状，我们也可以从产品的形状着手，提取基本型进行构图创作，同様也可以保证统一连贯性。

色彩，如果你想要页面在色彩上保持连贯，也可以从产品本身的颜色出发，比如采用近似色或对比色也可以。

质感，善用产品的质地或包装的质感纹理，并提取出来做详情页背景用。

成分，j2直播，食品美装护肤品详情页最喜欢用产品的成分来做文章了，比如草本植物／芦荟海藻提取物／蜂蜜牛奶等等。

功效，比如补水功效，就会在页面里用到一些水的特效做氛围点缀。

三、整体气质要搭调

那么怎样才能吸引人呢？我给大家总结了一些关键词：

关键词：协调

每一个详情页其实对应的就是一款产品一个主题，主题活动或产品不同，其气质肯定就不一样了，所以这里的协调反应出来的首先其实是气质上的协调，比如：

（1）高冷的大牌的气质

画面要么很简洁有质感，有么很华丽有光泽：

（2）活泼可爱的气质

比如可爱的模特／字体／或粉能的颜色／手绘元素等。

（3）热闹促销的气质

这种类型的页面往往色彩丰富艳丽，而且画面丰富又具有动感（因为花瓣网今天一天都打不开，所以我没有找到合适的案例，姑且先把这个以前的案例banner拿来举例吧）。

（4）文艺素雅的气质

这种页面色彩不会台艳丽也不会特别多彩，往往质感也比较柔和，给人宁静的感觉。

（5）年轻时尚的气质

这种气质的页面往往棱角比较分明，色彩上貌似没什么太多要求，主要看怎么搭配，但至少会有一些亮色点缀。

（6）科技质感的气质

这类气质的页面主要是会有一些比较男性化的元素／色彩，比如机械零件／暗色蓝色／菱角矩形之类的。

还有很多其他气质大家自行体会吧～

而气质上的协调又基本是由色彩／元素／字体／形状／质感／氛围等等方面的协调整体塑造出来的一种感觉。

比如色彩上，产品如果是这样比较女性化的色彩，那你就不可能去使用男性化的色彩去包装它，这会显得很突兀，反之亦然。