购物网站移动端详情页怎样设计才吸引用户眼球

对於一个购物网站而言，网站装修是影响网站流量的重要因素之一，但要导致买家最终决定购买的原因却是产品详情页的设计。即使你的网站装修设计得再好，但产品详情页设计头图页面设计不好，即使为你的网站带来不少流量，但是网站的转化率依然是不尽人意的。那麽，购物网站移动端详情页怎样设计才吸引用户眼球?

※ 头图一定要吸引人

详情页的头图如果能吸引用户的眼球，让他们有兴趣继续往下滚动网页，继而引起用户的关注以及购物慾。那麽，头图怎样吸引人?

① 大

头图作为详情页占比比较大的主题，所以无论是产品、模特还是文字，只要跟产品相关的都要突出，这样就能让用户第一眼就被吸引住。

② 破

如果你觉得头图页面设计太过保守和单调，不妨尝试打破它的界限，比如讲规矩图形异化，或让产品放在界限外。

③ 美

利用帅哥美女的图片作为头图素材，会使人身心愉悦，这会比单纯放产品图更能打动人。如果可能的话，选择品质好一点的产品图或背景素材，会让画面更加美观。

④ 飘

在画面里添加一些飘动元素，能增加画面的层次感和热闹氛围。

⑤ 光影

没有光影的画面会显得乾瘪瘪的，光影的存在给带给画面增加更多真实感和质感，档次一下子就提升了。

※ 整体风格一致

既然详情页是为了介绍产品，我们就需要提取产品的特点，应用在详情页的设计里，例如：

① 元素

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

② 形状

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

③ 色彩

想页面的色彩保持连贯，也可以从产品本身的颜色触发，或者采用产品的近似色或对比色。

④ 质感

善用产品的质地或包装质感纹理，作为详情页的背景使用。

⑤ 成分

不少护肤产品或食品的详情页都喜欢使用产品的成分来做文章，这样会让用户对产品有更深入的认识。

※ 整体风格要搭调

每一款产品都有其独特的气质，因此气质不同，详情页设计的风格也会有所不同，例如：

① 热闹促销风格

这种类型的页面，色彩往往比较丰富艳丽，而且画面丰富具有动感;

② 文艺素雅风格

这种页面不会使用太多色彩，颜色选取上也不会过於艳丽，往往给人宁静柔和的感觉。

③ 年轻时尚风格

这种风格的页面往往棱角分明，色彩没有太多要求，但至少会有一些亮色点缀。

除了以上三种，还有很多风格需要大家去领悟……

※ 整体浏览器体验好

如果你做到前面几步，那麽你可能会产出一份视觉不错的详情页设计，但做到视觉上美观是不足以打动用户购买产品的，你还需要提供更好的用户体验才对。

① 排版布局

其实详情页设计的排版布局与专题页设计布局排版类似，但形式上不能过於浮夸。

② 字号大小

虽然说移动端详情页设计是重中之重，但为了方便大家更舒适地阅读，详情页的文字字号最小不能低於20号，或参考各大平台app 的最小字号。

③ 字体选择

尽量选择便於识别的字体，至於是否便於识别也是相对。不过无论背景怎麽样，字体越大越便於识别，当然还要考虑页面的美观性。

④ 色彩选择

深邃的颜色能给人带来神秘或压抑或沉稳有质感的感觉，而明亮的颜色则给人年轻活力或张扬轻浮的感觉。但颜色搭配上要注意，一定要有明有暗才会比较透气耐看。

详情页虽然跟专题页或首页设计一样都是长长的图，但是详情页设计只有一个主角，所以无论详情页怎样搭配，都应该以这一主角为主，否则就会让整个页面有种喧宾夺主的感觉。