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

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

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

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

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

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

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

　　三、整体气质要搭调

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

　　关键词：协调

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

　　(1)高冷的大牌的气质

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

　　(2)活泼可爱的气质

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

　　(3)热闹促销的气质

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

　　(4)文艺素雅的气质

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

　　(5)年轻时尚的气质

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

　　(6)科技质感的气质

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

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

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

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