本节简介:本节课主要详细介绍详情页的具体设计流程,包括前期沟通、竞品分析、模板确定,视觉符号的表现等等。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
排版举例:字体(字体的选择—男性字体:硬朗、阳光、粗矿、力量、大气 / 女性字体:修长、气质、随意、时尚、活泼、秀气、纤细)、字号(化繁为简,字号层级清晰)、位置、对齐方式、行间距(间距:1大于2大于3)、点线面
买家在详情页中关心什么?以服装为例:买家评价详情、细节图、产品图、尺码图、模特图、他人尺码试穿、服装品牌的吊牌。
最小的字号一般用16号字体说明性的文案或者是18号,网页可正常浏览的最小号为14号,12号字体为注释字体,通常网页字体要放大一倍,为保证pc和移动端都可使用,建议控制在18-24号中间。
排版:字体(合适的字体风格 )/字号(重要内容用标题展示)/位置( 重要文案多留白)/颜色( 颜色留给核心内容 )——突出强度依次增加
色彩搭配:70/25/5 70是整个画面的色调,25是对70的颜色进行突出,5是强调色。(颜色搭配不要超过三种)
视觉输出(需注意的9个点):1 色彩的统一性 2 文字排版、对齐方式 3 字体的统一性 4 图片、素材风格 5 分割线、隔离符 6 留白、样式统一 7 光影、明暗、色调 8 插入图片处理方式 9 方向、层次统一
五、优秀的视觉输出:素材、颜色、排版(字体、点线面)
5、运营策划稿:向运营(老板)获取更多的资源(设计参考、设计风格、运营(老板)喜欢的风格、目标店铺)
视觉符号—符号塑造价值:1、符号塑造价值就是通过符号把购买理由表现出来。用一些大家熟悉的标志或图形,让买家去快速的了解一个复杂的难以理解的信息,简洁的讲:就是以熟悉的东西讲述不熟悉的东西 2、为什么要用符号来表现购买理由? (1)消费者是懒惰的,他不希望通过很复杂的方式(尤其是文字)来了解产品的购买理由。很多年前的淘宝文字较多,现在是读图时代 (2)人的潜意识更愿意用符号来了解信息,符号能快速准确形象的传达产品的信息。
4、视觉符号:一个核心点(素材风格、排版、字体、色彩使用、点线面)
确定模板:1、 前几屏→满足买家需求:(海报,文字引导,紧迫感,购物保障)>黄金30秒,模特图/实拍图/重要卖点图; 2、传递产品价值:卖点展示,细节展示,同质化对比;3、其他:促成交,其他,产品关联。
确定模板 :1.主海报 2.品牌说明 3.卖点说明海报2张 4.商品参数 5.尺寸 6.颜色展示 7.商品展示 8.细节展示 9.商品检测 10.安装说明 11.工厂展示 12.品牌故事 13.常见问题