6.2详情页设计理念(课件）-《电商视觉营销》同步教学（西南财经大学出版社）

详情页视觉设计 项目六 1 YCF 01 详情页布局 03 制作商品详情页 02 详情页设计理念 目录 CATALOG 2 思政课堂 2020 年年初，一场新型冠状病毒肺炎疫情席卷全国。在我国政府的正确引导下，中国人民战胜了疫情。请你为一家生产口罩的企业设计网店详情页，要求突出“战疫”元素，突出中国的医生、护士、大众对疫情的抗争。请将你的设计思路写在下面，并思考中国能够获得“抗疫”胜利的原因。 3 详情页视觉设计是针对网店中某个商品的视觉营销。详情页视觉设计的质量决定了被浏览的商品是否会转化为订单。详情页视觉设计是一项具体而细致的工作，要考虑到经营者和消费者的双重需求，尽可能高效率地利用有限的空间展示商品，通过店铺的整体风格和内部设计为消费者提供便捷、舒适的网络购物环境，形成美好的购物经历。 项目导读 01 掌握网店商品详情页的布局。 02 理解网店商品详情页设计的主要思路。 学习目标 03 能够制作详情页焦点图。 04 能够制作详情页搭配建议模块。 05 能够制作商品亮点图。 06 能够制作详情页商品展示图。 07 能够制作详情页商品细节图。 02 详情页设计理念 一、详情页设计要求 二、爆款商品详情页设计理念 三、人气商品详情页设计理念 6 一、详情页设计要求 （1）商品详情页的风格应该与店标风格、店招风格等一致，不能相差太大，以免页面整体不协调。 （2）商品详情页的内容一般都比较多，为了避免消费者浏览详情页时出现加载过慢的问题，建议不要使用太大的图片。 （3）商品详情页主要通过浏览器进行浏览，因此要保证图片链接正确，其设计也应该符合电子商务网站网页设计的语法要求，防止出现浏览显示错误的问题。 （4）商品详情页的宽度和高度没有强制限制，但是宽度一般在750像素以内。 7 2.准确详细的商品信息介绍 1.页面生动有趣 3.通过图片直观展示商品实际大小 4.引导购买 5.文字清晰易读 二、爆款商品详情页设计理念 8 二、爆款商品详情页设计理念 让消费者耐心读完长的商品描述特别难，因此商品页面的设计必须使消费者在购物过程中保持新鲜感。结构上要展示商品并搭配商品各种照片，使消费者愉快地下拉滚动条。 1.页面生动有趣 如果不能做到有趣，则不要盲目追求长页面。 提示 9 二、爆款商品详情页设计理念 商品描述要能全面概括商品的内容、相关属性，最好还能介绍一些使用方法和注意事项，更加贴心地为消费者考虑。 注意展示一些消费者平时很关心的问题，如有关商品问题的介绍和解释等，如图所示。 2.准确详细的商品信息介绍 10 二、爆款商品详情页设计理念 很多服装类卖家用真人模特进行拍摄，并且标明模特身材和商品尺寸，这样的拍摄方式不仅能够让消费者了解商品的实际大小尺寸，还能更好地展示商品的线条和样式，甚至是商品的质感，如图所示。 3.通过图片直观展示商品实际大小 11 二、爆款商品详情页设计理念 消费者买了某件商品就会想着再找到和这商品搭配的商品，如买了衣服就还想买能搭配的裤子。 4.引导购买 卖家可以在这个时候抓住机会，把几个相关商品搭配组合成套餐，如护肤品组合、数码套餐、服装搭配套餐等，消费者可以灵活选择套餐中的任意几个商品购买，套餐的总价低于原商品一口价的总和，以起到引导购买的作用。 提示 12 二、爆款商品详情页设计理念 文字在商品描述中虽然主要是为了传达信息，但同时也可以作为设计要素。与图片同时使用的文字既能吸引消费者的注意，也会使页面更加生动亲切。如图所示，在红色背景上使用白色字体，提高了文字的可读性。 5.文字清晰易读 13 1.营造良好氛围 2.注重细节展示 3.从消费者视角出发 4.不要让其他装饰喧宾夺主 三、人气商品详情页设计理念 14 1.营造良好氛围 人气商品详情页装修应在页面氛围上多花些心思，尽可能地把商品本身的特点充分体现出来，激起他们的购买欲望。 三、人气商品详情页设计理念 15 2.注重细节展示 即使同类商品，颜色和尺寸的不同，人们的感觉也会有很大差异。对于消费者想要了解的内容、商品的特别之处，卖家都要拍摄细节图，认真、详细、如实地介绍给消费者。 三、人气商品详情页设计理念 16 3.从消费者视角出发 在确定了商品的消费者画像后，商品页面设计最好迎合消费者的眼光，不仅要让商品为消费者所认同，还要为消费者搭建一个共有的空间。 例如，张小盒的商品详情页就设计得既活泼，又有充实的质感，如图所示。 三、人气商品详情页设计理念 17 4.不要让其他装饰喧宾夺主 有的卖家为了使页面看起来更丰富美观，喜欢使用各种手段吸引消费者实现，让页面变得眼花缭乱，使用过重或过多的色彩，或者是随意放置一些不相关的图片。如图所示。 三、人气商品详情页设计理念 当这些装饰要素过分吸引眼球的时候，本应突出的商品就会被埋没。 提示 18 $$