详情页除了让消费者了解产品,更重要的是帮助商家提升销量。打造一款优秀的详情页,要用60%的时间去调查构思,确定方向,40%的时间去设计。当然,详情页只是例如淘宝店铺装修中的一个内容,但主图店招也是同样的道理。
确定页面风格
页面风格主要是根据产品本身来定的,如产品的属性、产品功能等。如果产品没有特定的风格属性,可以根据目标销售人群、季节、节日或主题活动来定。
产品和素材搜集
前期实拍素材,进行整理和分类。我们也要在设计的过程中要学会整理搜集自己的素材库,做好备份。
构架布局框架
根据文案内容,结合实际产品,进行有效的布局建立,可以从下面八个方面入手操作:
产品海报 -- 引起注意。
产品属性功能 -- 提升兴趣,了解产品。
产品全景 -- 提升兴趣。
产品细节展示 -- 提升兴趣,了解产品。
痛点挖掘 -- 拉近客户。
检测报告 -- 建立信任。
卖点优势 -- 体现产品价值。
好评分享展示 -- 进一步加强购买欲望。
确定配色方案
已有店铺视觉规范的可以直接延续使用。如果没有,可以从产品本身提取,或者从Logo中提取或从产品联想属性提取。在配色过程中,无论用几种颜色来组合,首先要考虑用什么颜色作为主色调。
在选择配色时应根据企业自身文化特点、产品特色、店铺的风格等选择一个色系的某一种颜色作为主色调,然后通过调整颜色的透明度或饱和度来获得其他搭配颜色,并将其作为辅助色,这样得到的整个页面看起来色彩统一、有层次感。选用颜色时切记使用的颜色数不宜过多,应限制在三种之内。
选择合适字体类型
字体相当于一个桥梁,相当重要。主要用来对产品进行解释说明,方便顾客阅读,同时,也是起重要信息的引导作用,可通过大小字体搭配进行重点显示某项内容。字体使用时一般不超过3种字体并选择符合产品定位的字体;在重点部分内容进行加粗突出显示,以加深买家对该信息的印象程度。
整个详情页排版
怎么对图片和文案内容进行排版设置,要考验我们平时积累下来的设计的水平。越是简约大气的页面,元素务必不要太多,清爽舒适的页面多留白,多学习,多总结,扩展想法,拓展思维,建立自己的设计风格。
电商详情页设计的风格及方向
01.数码电器更加简约/轻量化
就像苹果手机影响手机行业一样。国内设计师既受behance影响,同时又受国内小米为代表的大厂风格影响。
这类详情页的特点是越发扁平、简约化、信息和产品重点突出,品牌质感加强。
含有大量点缀性质的英文页面已不常见,一般仅用于标题辅助。
用户长期的视觉疲劳,影响数码产品本身展示的,杂乱重特效风格将会减少。而轻视觉特效则会越来越多,视觉感也较为舒适。
通过强烈的明暗对比、视觉穿插、产品破格都可以用来加强页面形式感。越是看似简单的画面,越考验基本功。
02.俏皮插画相结合
插画应用一直非常广泛。对于家居、创意、小工艺品等品类,简单的轻松插画出现,可以起到拉近观者距离,增加品牌感等功能。特别是一些产品使用场景的气氛渲染。
03.合成类依然使用广泛
合成类详情页的审美一直在变化,过重视觉的炫酷轰炸久而必倦。其实对很多人而言,疲倦的不是技术本身,而是太重视觉从而影响产品自身的视觉体验。但无论如何合成技术仍是设计师需要掌握的必要技能,合成目前在食品、母婴、化妆品等大品类依然有很大发挥空间,关键点在于用技术去衬托产品,而非喧宾夺主。
04.C4D继续顺势向上
C4D自从前几年爆发之后,热度依然不减,但是目前在除了在电商大促页面常见之外,平时主要在3C、电器、化妆品等人造产品出现频次较高。C4D建模可以实现PS修图达不到的效果,但是缺点就是耗时太长。
05.国风新视觉风格爆发
大家都会从传统文化中寻找一些东西来满足需求,因此传统文化重新被重视,汉服再次复兴,国潮风产品的热销就是其直接体现。每个新品类的诞生都是绝佳市场良机,比如最近火爆的花西子就是一个典型的新品牌,定位东方美妆,其新古典设计风格一度引来众多模仿对象。
整体色调中国风,字体上使用宋体字,细节上采用拼音做装饰,同时加上国风素材、肌理、光影来渲染画面。
这类新国风类产品,要求整个画面的色彩、字体、图案、肌理样式都要与产品调性保持一致,不然就会有违和感。
细节上与数码类详情页完全相反,需要大量的装饰性元素去烘托产品的调性,以及传统文化的厚重感。
06.新视觉混搭尝试
不少有灵性的设计师开始尝试各种风格混搭,比如波普、孟菲斯、故障艺术、杂志风、等等,以求突破传统。
总的来看,当下的电商已进入存量竞争。5年前,我们由PC转向移动手机,紧接着手机详情页开始竖屏化适配手机。
但是随着5G带来,资费的降低,去年抖音、淘宝直播开始迅猛爆发。
相信未来详情页除了传统图文模式外,也会有竖屏视频化的可能,那时视频剪辑也会慢慢成为设计师必备技能。
但是无论技术如何发展,我们商业设计永远不是为了设计而设计,而是永远为了产品和品牌服务。国内电商已经发展了20年,其实真正发展在2010年后,相对比国内其他行业算是最年轻的行业之一。顺势而为,展望未来,我们相信电商设计依然大有可为。
详情页除了让消费者了解产品,更重要的是帮助商家提升销量。打造一款优秀的详情页,要用60%的时间去调查构思,确定方向,40%的时间去设计。
确定页面风格
页面风格主要是根据产品本身来定的,如产品的属性、产品功能等。如果产品没有特定的风格属性,可以根据目标销售人群、季节、节日或主题活动来定。
产品和素材搜集
前期实拍素材,进行整理和分类。我们也要在设计的过程中要学会整理搜集自己的素材库,做好备份。
构架布局框架
根据文案内容,结合实际产品,进行有效的布局建立,可以从下面八个方面入手操作:
产品海报 -- 引起注意。
产品属性功能 -- 提升兴趣,了解产品。
产品全景 -- 提升兴趣。
产品细节展示 -- 提升兴趣,了解产品。
痛点挖掘 -- 拉近客户。
检测报告 -- 建立信任。
卖点优势 -- 体现产品价值。
好评分享展示 -- 进一步加强购买欲望。
确定配色方案
已有店铺视觉规范的可以直接延续使用。如果没有,可以从产品本身提取,或者从Logo中提取或从产品联想属性提取。在配色过程中,无论用几种颜色来组合,首先要考虑用什么颜色作为主色调。
在选择配色时应根据企业自身文化特点、产品特色、店铺的风格等选择一个色系的某一种颜色作为主色调,然后通过调整颜色的透明度或饱和度来获得其他搭配颜色,并将其作为辅助色,这样得到的整个页面看起来色彩统一、有层次感。选用颜色时切记使用的颜色数不宜过多,应限制在三种之内。
选择合适字体类型
字体相当于一个桥梁,相当重要。主要用来对产品进行解释说明,方便顾客阅读,同时,也是起重要信息的引导作用,可通过大小字体搭配进行重点显示某项内容。字体使用时一般不超过3种字体并选择符合产品定位的字体;在重点部分内容进行加粗突出显示,以加深买家对该信息的印象程度。
整个详情页排版
怎么对图片和文案内容进行排版设置,要考验我们平时积累下来的设计的水平。越是简约大气的页面,元素务必不要太多,清爽舒适的页面多留白,多学习,多总结,扩展想法,拓展思维,建立自己的设计风格。
电商详情页的设计风格及方向
01.数码电器更加简约/轻量化
就像苹果手机影响手机行业一样。国内设计师既受behance影响,同时又受国内小米为代表的大厂风格影响。
这类详情页的特点是越发扁平、简约化、信息和产品重点突出,品牌质感加强。
含有大量点缀性质的英文页面已不常见,一般仅用于标题辅助。
用户长期的视觉疲劳,影响数码产品本身展示的,杂乱重特效风格将会减少。而轻视觉特效则会越来越多,视觉感也较为舒适。
通过强烈的明暗对比、视觉穿插、产品破格都可以用来加强页面形式感。越是看似简单的画面,越考验基本功。
02.俏皮插画相结合
插画应用一直非常广泛。对于家居、创意、小工艺品等品类,简单的轻松插画出现,可以起到拉近观者距离,增加品牌感等功能。特别是一些产品使用场景的气氛渲染。
03.合成类依然使用广泛
合成类详情页的审美一直在变化,过重视觉的炫酷轰炸久而必倦。其实对很多人而言,疲倦的不是技术本身,而是太重视觉从而影响产品自身的视觉体验。但无论如何合成技术仍是设计师需要掌握的必要技能,合成目前在食品、母婴、化妆品等大品类依然有很大发挥空间,关键点在于用技术去衬托产品,而非喧宾夺主。
04.C4D继续顺势向上
C4D自从前几年爆发之后,热度依然不减,但是目前在除了在电商大促页面常见之外,平时主要在3C、电器、化妆品等人造产品出现频次较高。C4D建模可以实现PS修图达不到的效果,但是缺点就是耗时太长。
05.国风新视觉风格爆发
大家都会从传统文化中寻找一些东西来满足需求,因此传统文化重新被重视,汉服再次复兴,国潮风产品的热销就是其直接体现。每个新品类的诞生都是绝佳市场良机,比如最近火爆的花西子就是一个典型的新品牌,定位东方美妆,其新古典设计风格一度引来众多模仿对象。
整体色调中国风,字体上使用宋体字,细节上采用拼音做装饰,同时加上国风素材、肌理、光影来渲染画面。
这类新国风类产品,要求整个画面的色彩、字体、图案、肌理样式都要与产品调性保持一致,不然就会有违和感。
细节上与数码类详情页完全相反,需要大量的装饰性元素去烘托产品的调性,以及传统文化的厚重感。
06.新视觉混搭尝试
不少有灵性的设计师开始尝试各种风格混搭,比如波普、孟菲斯、故障艺术、杂志风、等等,以求突破传统。
总的来看,当下的电商已进入存量竞争。5年前,我们由PC转向移动手机,紧接着手机详情页开始竖屏化适配手机。
但是随着5G带来,资费的降低,去年抖音、淘宝直播开始迅猛爆发。
相信未来详情页除了传统图文模式外,也会有竖屏视频化的可能,那时视频剪辑也会慢慢成为设计师必备技能。
但是无论技术如何发展,我们商业设计永远不是为了设计而设计,而是永远为了产品和品牌服务。国内电商已经发展了20年,其实真正发展在2010年后,相对比国内其他行业算是最年轻的行业之一。顺势而为,展望未来,我们相信电商设计依然大有可为。
品牌策划
品牌命名
品牌诊断
品牌故事
市场调研
品牌战略定位设计
品牌VI系统设计
品牌超级符号设计
品牌IP形象设计
Logo/VI设计
定制画册设计
创意海报设计
创意空间/SI设计
导视设计
创意包装设计
物料设计与制作 (画册、目录、海报)
数字化设计与开发 (官网、微信、APP)
视频 (宣传片、场景、周年庆典拍摄)
展会设计与搭建 (标准展、特装设计与搭建)
摄影 (产品、企业形象、团队形象等拍摄)
活动策划与执行