干货：企业移动端网站该如何做好专题详情页

随着移动互联市场的迅速发展，目前除了pc端网站外，移动网站也逐渐成为各企业的竞相争逐的重点对象。虽说移动网站其作用和pc端网站作用功能都差不多，但其在网站设计上还是有所区别。pc网站重再产品的展示，而移动网站则更加注重实用性。要知道之所以称之为移动，那肯定是要更加快速的便捷。所以，当网站设计师在进行移动网站详情页制作时，需要更加了解用户的心理。

一、整体风格要融洽

1、质感：详情页是为介绍产品而用的，在做设计的时候可以用提取法。比如提取产品包装上的元素或形状，提取产品的色彩或质感，提取产品的成分或功效，再应用到详情页里。

2、形状：可以从产品的形状着手，提取基本型进行构图创作，也可以保证统一连贯性。比如说包图网的素材海报，设计师就画了几个菜的形状。

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

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

5、成分：食品或者美装护肤品详情页最喜欢用产品的成分来做文章了，比如说饮料就用产品成本直接区分口味。

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

二、头图要惊艳

1、头图得有一个占比比较大的作为主体，无论是产品／模特还是文字，可以第一眼就抓住人眼球。

2、能用美女或帅哥的地方千万别浪费，因为当用户在浏览这些页面的时候，会感觉是有一位美女或帅哥在对你解说，或者让用户觉得自己也能成为美女或帅哥一样，使人身心愉悦，比单纯放产品图更能打动人

3、有时在画面里添加一些飘动的元素，可以增加画面的层次感和热闹氛围。

4、脑洞，可以是技术方面的也可以创意想法方面的，技术方面的比如合成／手绘／C4D与构图的运用，创意想法方面其实就因人而异了，并没有什么固定的套路，然后你能用你所掌握的技术把这些创意想法表现出来就行。

5、没有光影的画面会显得干瘪瘪的，光影的存在会给画面增加更多真实感和质感，赏心悦目，档次一下就提升了。

三、整体气质要和谐

每一个详情页其实对应的就是一款产品一个主题，主题活动或产品不同，其气质肯定就不一样了，所以这里的协调反应出来的首先其实是气质上的协调。而且画面要么很简洁有质感，有么很华丽有光泽

四、浏览体验要好

如果你能做到前面几步，那么你可能会产出一份视觉不错的详情页设计，但光只是做到视觉上的美观还不足以打动人去购买你的产品，你还得给人更好的浏览体验才对，在排版布局时不能过于浮夸，那么在设计排版布局时都有哪些好的形式呢：

1、左右对比形：专题页，常见于需要表现出PK或者VS对决类的专题页设计。

2、S形：整体浏览视觉效果让用户觉得很轻松，没有带来视觉上的压力。

3、Z形：这种形式的专题页其实跟S形的作用是类似的，只是说这种Z形会比S形硬朗，更适合用作一些比较男性化的风格页面或者品类里，比如电子器械／汽车／男士护肤／游戏等

4、1字形：有一种硬朗和厚重的感觉，这种形式的专题页除非是有如下图所示的这种高质量模特大图或产品图镇楼，一般情况下很少用到，尤其是在卖货类型的专题页里，可能会显得背景有点抢镜了。

5、常规楼层型：这种页面会显得比较简洁好把控，主要在于背景颜色要有深－浅－深－浅的节奏，同时每一个楼层都是单独的模块，有利于信息阅读。

6、自由排版型：这种专题页设计比较适合那些想走高逼格路线的时尚服饰类目，同时这种设计往往是看着简洁，但是对设计师的排版功力要求比较高，不建议新手或没什么功力的人尝试。

四、总结：

设计永远是一样为了讨好客户而做的工作。这些所做的一切，都是为了能够讨好进入到自己移动端网站来浏览客户，希望客户在阅读了自己的网站之后能够成为真实的客户，转化为真实的资源。也希望以上的分享可以帮到你。