-本文由深度链 一、详情页设计重难点解析 正确的执行步骤 1 了解该产品背后的行业 2 理解应该用什么文案 3 确定整体详情页风格 4利用手头的素材,形成创意,并制作 女装卫衣 对比这两个搜索出来的详情可以看出他们的主图区别女装卫衣大多是以显示款式图产品图片为主,而牛皮纸袋是重文案来展现的。 牛皮纸袋 女装一般是以款式来决定客户是否会看下去,之后才看质量。 搜索包装牛皮纸袋的时候,首先我们在乎的是什么? 这个袋子我们是否是有什么功能,它的质量是怎样? 所以这两款产品是相反的卫衣首先在乎的是款式,而后是质量,而牛皮纸袋先是看质量,再是看他的款式。所以一定要确认你产品的详情方向。 二、详情页设计的逻辑框架 (从上往下依次类推) ( 1 )店铺活动 ( 2 )风险承诺 ( 3 )产品海报 ( 4 )产品概述 ( 5 )痛点挖屈 ( 6 )功能 功效 ( 7 )证书 认证 好评 ( 8 )工艺细节 ( 9 )产品实拍 ( 10 )售后 物流 保障 包装 ( 11 )品牌 工厂车间 三、整体风格把控 我们先来看第一个色彩搭配的问题 这张图我们看到这张图的时候,她里面有各样的颜色,主要是以黄色为主,我们要考虑的是它的颜色的纯度 首先,在我们的右下角方式有个颜色,同时我们会看到他纯度越高,左上角走的时候, 最上方是白色,最下方是黑色,所以要控制他颜色的纯度问题, 尽量不要维持斜角调色 再看左边,一张灰色,一张红色,看这个灰色时候人可能会有点压抑的感觉,红色加白色的搭配会比较活跃,一眼就可以眼前一亮 四、色彩搭配 整个详情当中不要超过三个主要颜色,第一个可以选一个偏白的颜色,第二个可以选择纯度比较高的颜色,第三个可以选择颜色较深的
五、分隔样式 1.色块分割也就是说,第一个页面跟第二个页面用深浅不同的颜色来做分割 2. 线条分割 用线条可以用曲线,也可以用波浪线,你可以用细线都可以,这是我们线条分割第一屏第二屏的内容是不一样的, 3.标题分割 我们的标题,我也就是说,我们这个卖点也好,标题好可以用这种方式分割 六、背景肌理 我们做详情页图片,会丰富店铺首页背景,如果运用到一些元素,像实拍纹理,比如说木纹怎样去做呢? 我们在第一张和第二张,第三张都可以有这种大块的背景图,那整个重复的时候,画面感会比较统一,第二个是色彩填充方式,他也是可以统一整个详情页的风格,加上细小的图案填充。 七、文字排版 八、手机端详情页设置技巧 直接使用PC端会浪费三分之二屏幕 信息密集度提高 识别度降低 阅读吃力 体验降低 阿里的详情中,手机端宽度为790,高度为1185像素做出来立马就会非常清晰 如果你有更好的方法请在评论区留言 如果你觉得这篇文章有用请分享给更多人 |
|