众所周知，服装品类商品详情页，直接影响商品的展示、用户的购买以及用户对店铺的品牌定位。服装是非标品，上新频率大，且新款多，即便是混迹电商数十年的视觉设计人才，也无法真正全局把控商品详情页的排版与设计。 j银爪网就来跟大家分享一下详情页排版设计的核心要素与结构逻辑。 细节决定好坏：优良详情页-慢工出细活 传统美工用Photoshop操作，一款普通详情页的设计排版要耗费美工40-60分钟，而相对版面复杂，且具视觉设计感、对细节要求高的详情页，这可是一门精雕细琢的手艺活儿，就需要长的时间了。 那么，为了快速上新需要，如何在保证详情页视觉排版优良的情况下又做到快速高的效率上新，满足商家当日数百款批量快速上新? 一次数百款详情页排版上新，几十分钟完成十几个美工一周的任务 美工机器人，复制美工设计优良思维，打破传统人工单线程工作局限，操作人员只需要在系统输入产品货号、颜色等商品字段信息，将摄影图片包上传，即可通过机器人在几十分钟内自动完成几百款的详情页设计排版上新工作。在保证批量化快速高的效率上新的同时，做到详情页面视觉效果能与优良美工设计的相媲美。 那么美工机器人设计的详情页质量到底如何呢?让我们来看一下： 以下是美工机器人自动生成的韩国原创设计师品牌LACKLET商品详情页为例，让我们分模块来细看美工机器人详情页设计效果。 美工机器人设计的LACKLET详情页 结构逻辑海报展示 卖点优化 商品信息 搭配推荐 模特展示 平铺细节 1. 海报展示区 · 抓住眼球 一张优良的海报能立刻抓住眼球，吸引消费者。美工机器人能在几秒钟内从图片包中自动识别筛选出模特摆资具吸引力、具视觉冲击力的一张，并且根据要展示的服装主体(此款为白色马甲)进行图片裁剪，摆放在详情页一屏，从而完整呈现服装效果与亮点的，增加用户对品牌的认知度，渲染气氛、体现调性。 海报图：自动筛选、裁剪，彰显品牌调性、渲染气氛 2. 卖点优化区 · 提炼亮点 卖点优化区由图片和文案组成。卖点的提炼除了从产品自身特点出发，要站在消费者角度，了解消费需求与关注点。但实际工作中，考虑到时间及人力投入，不是每款商品都能够做到卖点优化，因此商家在实际操作中会针对商品或牛品做文案细究。 通常美工机器人在设计规划时，确定文案的样式并使用通用文案放置卖点区域，文案人员可通过后期有针对性地修改商品的卖点描述，做到内容与视觉效果并重。 卖点优化区：自动匹配通用文案、后期优化解读 3. 商品信息区 · 准确真实 准确、真实、有效且美观地展示商品的面料、指数、尺码等信息能够直接促成客户购买行为。而该区域制作也是非常考验美工人员对细节的认真程度。 传统美工在套版时，通过PSD文件中既定的表格样式，对每款商品信息进行填写或修改，不仅耗费大量时间，而且容易出差错——排列上行首不对齐、多空格等，这些看似细小的错误，非常影响详情页的整体美观。因此美工机器人通过设定商家需求的样式，将商品信息区域HTML化，实现内容在线实时编辑修改，提升制作该区域的效率与输出效果。 商品信息：自动生成，且样式统一、信息准确 4. 搭配推荐区 · 场景生成 根据市面上不同搭配形式，视觉团队将搭配推荐分为三大类：场景化搭配、关联搭配和同类推荐。其中场景化搭配是能体现商品特性，提升用户购买带入感的搭配方式。场景化搭销是基于着装搭配逻辑，在商品拍摄阶段，让模特穿上搭配好的多款同期在售商品进行拍摄，并在详情页中合理嵌入对应搭配产品图片及链接，将用户带入着装搭配场景中，从而实现用户联单购买。 然而，目前除了规模较大、人力充足的服装商家，多数商家并未制作场景化搭销。主要难度有：需要从摄影策划端开始规划搭配;搭配图片及链接的制作，以及后期维护需要花费较多时间，且涉及一定难度的代码编写。 为降低此类搭配区域的制作门槛与时间成本，利用其AI技术，对素材图进行智能分析、自动生成搭配区域、自动添加对应商品链接，为商家带来巨大便捷。 场景搭销：样式代码化，图片切割准确，链接实时维护 5. 模特展示区 · 全方位呈现 模特展示区是服装商品上身效果展示的，能让购买者通过模特图效果以及排列逻辑顺序了解商品，可以理解为是上身效果的重现。美工机器人可从图片包当中，自动筛选照片，从模特的正、侧、背面在详情页当中全方位展示。 而对于一款多色的商品，不同颜色模特图的排列逻辑就显得至关重要。美工机器人可按主、副色依次展示，先展示4—5张主推颜色图片，再展示3—4张辅推颜色商品图片。 这里需要强调一点，很多商家会误认为模特图展示数量越多越好，这是不对的，就好比讲故事越冗长越容易让读者找不到。并且图片太多会造成详情页冗长，加载慢，导致用户跳失。因此，在模特展示部分，美工机器人可做到全方位且突出地展示照片。 模特展示：多角度，颜色排列主次分明(此展示款为单色) 6. 平铺细节区·多角度展示 平铺图、细节图，买家必关注的质量与材质的图片。由于平台化的购物无法让买家直接多角度感受实物的触感与质量，因此平铺细节图是能够弥补用户感受的呈现方式。美工机器人能够读取平铺图并规整地展示正反面效果，同时排列展示服装的细节图，再加上对应匹配文案来画龙点睛，有助于刺激用户下单。 平铺细节：多角度、修片精细、文案精炼 以上这么一版复杂、富有逻辑性、且美工整洁的详情页，传统手工需要花一个多小时的时间来设计排版，还要通过店铺后台上新到天猫或淘宝。通过美工机器人，快只需要3分钟的时间就能生成详情页，而且一键就可以铺到店铺后台，大大省去了人工的时间。关键的是这个操作不需要设计师来完成，能够简单操作电脑的普通员工就可以完成——排版设计的环节，全部交给机器人了!上新越多，节省的时间就越多哦! 大家一定好奇，机器人怎么能看懂图片，还能做设计?听起来挺玄乎。 其实，这是人工智能深度学习技术的应用，美工机器人就好比一个孩子，你不断地训练和强化机器人识别图片当中人物主体及服装，读懂图片中模特框架、动作姿态、着装效果等诸多图片信息，多次反复的训练之后机器人就会懂了。 再由高水平美工设计师提供优良的详情页设计样本，通过代码写入模板，令机器人形成记忆和认知，记住详情页的逻辑结构、页面层次、字体、大小，整个页面的色彩搭配等等各种设计元素。下一次机器人就会按照人教给他的逻辑进行自动识别操作。这就是为什么美工机器人设计的详情页能与优良美工媲美的原因了! 另外，银爪网还了解到，除了排版设计，美工机器人还有许多商家意想不到的功能：无图上新获取链接、水印引擎自动打水印、自动试穿报告、产品数据云管理、详情页自动切片导出等，简化电商美工与上新人员各种繁琐的工作流程。 三百多家TOP服装电商都在用美工机器人 传统排版方式，电商想要快速、高品质、批量设计上新，需要雇佣非常多的美工与设计人才，一来人工成本高，二来行业稀缺优良设计人才，难雇佣不易管理。那么行业内的大商家都是如何克服确认的问题的呢?银爪网了解到，现在国内三百多家顶尖服装电商都已经在用美工机器人来做详情页排版设计与上新工作啦，如：森马、韩都衣舍、裂帛、GXG、茵曼、如涵、伊芙丽、钱夫人家、沐乃衣等，通过使用美工机器人，解决了上新问题，并且节省了大量的人工和时间。 以上是银爪网京东店铺托管专业人员为大家整理的部分内容，多关于电商代运营资讯内容请登录我们的官方网站：

此文章来源于网络,如有侵权,请联系删除