文章由《服务市场—美工机器人》提供，仅作学习交流使用。
-----------------
在注意力越来越稀缺的当下，服饰卖家通过升级详情页来更好地链接消费者的尝试一直没有停过。而随着电商消费中手机端比例极速提升至97%和竖屏营销时代的到来，详情页设计趋向于迎合手机端的浏览习惯。
不过，仍然有很多卖家因为人手不足、设计成本负担重、意识不到位等原因，选择直接将电脑端详情页转化为手机端。这样包括字体大小、排版布局等造成买家浏览不便，无法有效传达关键信息，进而影响成交转化。
本期内容，为大家分享手机端详情页设计3原则，帮助你打通详情页设计排版的任督二脉。
买家对于宝贝信息的获取是按秒计的，卖家总是希望在单位时间、单位屏幕面积内展示更多信息。这个做法本身没有错，但是很多时候卖家会把属于不同模块的产品信息强行堆叠后挤在一屏中，比如主海报和卖点文案排布过于拥挤，产生视觉压迫感，不利于最关键信息的传达。
淘宝、天猫对于详情页宽度、高度和切片有一定限制，为了实现一屏一内容，需要遵守以下原则。
首先，每一屏的内容分别以简单清晰的卖点、产品信息、模特展示、细节展示为主，突出店铺主题和宝贝卖点，尽量在10屏内展示完全部产品。
其次，手机端每一屏的内容需要有一个明显的分割形式，比如大标题的区分等。
无线端一次只能浏览单个宝贝，如果宝贝第一次被点击后不能迅速抓住买家，达成转化或收藏、加购等，那么后续转化的机会就很少了。所以在详情页上一定要做到视觉展示的极致，保证卖点明确、版式清晰，不给客户浏览造成停顿等不适感。
常用的服饰电商详情有五种版式：上下屏分割型、左右分割型、并置型、自由型、满版型。手机详情页用得最多的是上下分割型、左右分割型。
上下分割型最适合竖屏展示，遵循图片易整不易碎的原则，图片和文字按照合适的间距上下按顺序排布，在一屏中形成整体的视觉效果。
左右分割型通常将文字信息编排在版面的左侧或右侧，营造出舒适自然的视觉空间。在服饰商品详情页面中通常在第二屏起即可排布，常在设计理念、潮流趋势等卖点模块中使用，方便卖点清晰展示。
字体设计上，手机端详情页以20-36号字体为佳，免得买家因为看不清而点开图片查看大图。
在女装详情中一般使用圆润的衬线体，带来高雅温柔的感受。粗无衬线体能更好的体现“有力”的效果，一般用在男装详情。而硬朗的衬线体和细无衬线体是目前设计中的主流选择，适用的服饰类目比较广泛。
另外，选用字体时需要注意版权问题，使用没有购买版权的字体极可能会被投诉。所以优先选用商家专用字体，阿里巴巴发布的免费商用字体给卖家带来不少便利。
由于手机分辨率更高了，买家对图片清晰度的要求也随之提高。很多商家考虑到手机详情页加载速度的问题，为了提速只能选择降低图片质量。为了解决这个痛点，深绘美工机器人使用了HTML格式，保证手机端的加载速度。同时，通过美工机器人排版的手机详情页可保证图片原始清晰度，保证服装的视觉展示效果。
如何用美工机器人做一款高颜值高转化服装类目手机端详情页？操作仅需四步：
1、免费领取适合自己店铺和商品定位的高转化手机端模板；
2、填写详情页和上货必需的字段，并上传商品图片包；
3、系统自动分析、裁剪图片并排版详情页（电脑端同步生成）；
4、系统自动上货（3种上货状态可选）或者导出详情页切片。
整个过程仅需要10分钟，如果批量制作详情页并自动上货，平均用时仅需3-5分钟，目前支持免费试用。
本文来源服务市场，转载请注明！
