淘宝天猫VIP

阿里国内站VIP

阿里国际站VIP

京东平台VIP

全站通VIP

当前位置: 首页 设计师后期类教程分享 图片设计教程

宝贝详情页的思路和设计流程

收藏 邀请

很多新手美工以为做详情页就是简单的摆放几张产品图,其实不是,接下来给大家讲解如何打造一张优秀的详情页,一起来学习吧

详情页除了让消费者了解产品,更重要的是帮助商家提升销量。打造一款优秀的详情页,要用60%的时间去调查构思,确定方向,40%的时间去设计。

确定页面风格

页面风格主要是根据产品本身来定的,如产品的属性、产品功能等。如果产品没有特定的风格属性,可以根据目标销售人群、季节、节日或主题活动来定。

产品详情页设计流程

产品和素材搜集

前期实拍素材,进行整理和分类。我们也要在设计的过程中要学会整理搜集自己的素材库,做好备份。

产品详情页设计流程

构架布局框架

根据文案内容,结合实际产品,进行有效的布局建立,可以从下面八个方面入手操作:

产品详情页设计流程

产品海报 -- 引起注意。

产品属性功能 -- 提升兴趣,了解产品。

产品全景 -- 提升兴趣。

产品细节展示 -- 提升兴趣,了解产品。

痛点挖掘 -- 拉近客户。

产品详情页设计流程

检测报告 -- 建立信任。

卖点优势 -- 体现产品价值。

好评分享展示 -- 进一步加强购买欲望。

产品详情页设计流程

确定配色方案

已有店铺视觉规范的可以直接延续使用。如果没有,可以从产品本身提取,或者从Logo中提取或从产品联想属性提取。在配色过程中,无论用几种颜色来组合,首先要考虑用什么颜色作为主色调。

产品详情页设计流程

在选择配色时应根据企业自身文化特点、产品特色、店铺的风格等选择一个色系的某一种颜色作为主色调,然后通过调整颜色的透明度或饱和度来获得其他搭配颜色,并将其作为辅助色,这样得到的整个页面看起来色彩统一、有层次感。选用颜色时切记使用的颜色数不宜过多,应限制在三种之内。

产品详情页设计流程

选择合适字体类型

字体相当于一个桥梁,相当重要。主要用来对产品进行解释说明,方便顾客阅读,同时,也是起重要信息的引导作用,可通过大小字体搭配进行重点显示某项内容。字体使用时一般不超过3种字体并选择符合产品定位的字体;在重点部分内容进行加粗突出显示,以加深买家对该信息的印象程度。

产品详情页设计流程

整个详情页排版

怎么对图片和文案内容进行排版设置,要考验我们平时积累下来的设计的水平。越是简约大气的页面,元素务必不要太多,清爽舒适的页面多留白,参考优秀案例,多多借鉴和学习。学习是没有止境的,同样,详情页的设计排版也是。多学习,多总结,扩展想法,拓展思维,建立自己的设计风格。

产品详情页设计流程

修改定稿

把制作好的首稿输出为JPG或PNG格式,同时保留源文件格式,给团队成员进行阅稿审核,如不符合要求,进行局部修改。也可以参考不同的意见进行优化处理,直至定稿保存为止。

产品详情页设计流程

切片和优化页面存储

设计制作后的商品详情页往往是一张大图,高度可能达上万像素,而我们在网上浏览的图是经过Photoshop切片功能进行切割图片后呈现出来的。如果一张数几十MB的图像直接上传网店店铺,网络加载速度会很慢,用户体验差,所以要对图片进行切割优化。

产品详情页设计流程

一个店铺的转化率高底,客户体验是否良好,都可以直接从详情页的好坏体现出来。除了运用静态图片来表达产品详细信息外,我们也可以适当加入详情页视频来介绍产品,充分运用图、文、音频、视频来吸引用户进行购买。

产品详情页设计流程
以上就是今天的内容,关注疯狂的美工官网,每天分享不同设计教程!

鲜花

握手

雷人

路过

鸡蛋
上一篇:
平面设计怎么排版才能更吸引人眼球发布时间:2020-09-18
下一篇:
让人意想不到的通道混合器的调色方法发布时间:2020-09-22

阅读排行榜

关注官方微信

开放QQ群

美工5群:1061710658

美工3群:199**044(满

极限词群:951970623

平台简介

六年疯狂 初心不变:从2013年至今我们一直在研究和探索电商设计师所面临的难题最佳解决方案,我们致力打造一款更好用,更实用电商设计师辅助工具,疯狂六年只为做好一件事,以开放共享共赢的心态,更好的服务于广大电商设计师。
by:疯狂的美工电商设计师学习交流平台

手机版- 疯狂的美工 |网站地图

赣公网安备 36070202000375号

Powered by Fkdmg.Com © 2013-2021    赣ICP备18006944号-1