本港台开奖现场直播 j2开奖直播报码现场
当前位置: 新闻频道 > IT新闻 >

码报:四步解说,搞定吸引人的移动端详情页设计(3)

时间:2017-07-30 05:44来源:118论坛 作者:118开奖 点击:
比如形状上 ,如果产品本身的形状是比较柔和的曲线,你却使用太过菱角的图形元素装饰页面那就会显得不协调,而用同样比较柔和的曲线会感觉更协调

比如形状上,如果产品本身的形状是比较柔和的曲线,你却使用太过菱角的图形元素装饰页面那就会显得不协调,而用同样比较柔和的曲线会感觉更协调。

码报:四步解说,搞定吸引人的移动端详情页设计

比如元素上,我们其实在做设计的时候都是可以从产品的包装或功效上提取元素使用的。

码报:四步解说,搞定吸引人的移动端详情页设计

其实不知道大家发现没有,产品的品牌定位或功效往往决定了他的外包装设计,而他的外包装设计或者说vi设计又会决定她的详情页设计,所以电商设计师以后的发展趋势可能不止是要关注线上就够了,有时间的话平时也留意下线下传统平面设计方面的知识吧,现在很多店铺在品牌视觉统一方面的意识还是比较欠缺的,而这也正好是设计师们可以去发挥的机会。

四、整体浏览器体验要好

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

关键词:人性化

如果你能做到前面几步,那么你可能会产出一份视觉不错的详情页设计,但光只是做到视觉上的美观还不足以打动人去购买你的产品,你还得给人更好的浏览体验才对,具体表现在以下几个方面:

(1)在排版布局上

形式不能过于浮夸,那么一些比较常用的布局方式有哪些呢?我给大家汇总了一下,其实跟专题页设计布局排版是类似的,我干脆拿以前总结的样式给大家看一下:

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

码报:四步解说,搞定吸引人的移动端详情页设计

S形的专题页,这种形式的专题页基本上不管什么需求的设计都可以尝试,因为它相比于平铺直叙的形式既不会显得那么呆板,同时阅读起来也很流畅,举例:

码报:四步解说,搞定吸引人的移动端详情页设计

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

码报:四步解说,搞定吸引人的移动端详情页设计

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

码报:四步解说,搞定吸引人的移动端详情页设计

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

码报:四步解说,搞定吸引人的移动端详情页设计

同理,楼层类型的专题页还可以做一些一些细微的演变,比如从上至下,背景不做切割,始终是一个整体,只是保证中间的内容在一个安全数值以内就好了,比如京东的中间内容区域一般是990Px:

码报:四步解说,搞定吸引人的移动端详情页设计

还有在原来的基础上,在某一块楼层里做一些排版小变化,比如切分成一小块一小块的自由排版:

码报:四步解说,搞定吸引人的移动端详情页设计

码报:四步解说,搞定吸引人的移动端详情页设计

(责任编辑:本港台直播)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容