详情页 定义整个App中产生消费的页面，内容比较丰富特点阅读类App注重文字可读性，选择大字号突出标题和内容电商类应用则引导用户购买产品，购买按钮一直呈现在界面顶部可输入页面 定义需要用户输入信息的页面，如注册登录页面和内容填写页面特点注册登录页面设计要易用简便，注意文字表达是否言；APP首页宽度750px适应手机端浏览高度不能超出2000px确保页面加载速度和用户体验其他电商渠道设计尺寸 注以下尺寸信息为简要概述，具体尺寸可能因平台更新或活动需求有所变化京东主图800*800px以上 详情页990*高不限px可做750和790pxPC首页1920*高不限px 手机端首页；定义提醒或制定计划的界面，常见于日历事件APP待办清单APP和一些个人APP设计要点视觉风格应符合用户心情和使用目的电商类APP界面 产品列表页设计特点展示公司销售的一系列商品，设计需吸引用户并鼓励他们购买移动端产品列表可通过上滑查看，一行中放置的产品数量根据屏幕宽度决定产品详情页；如何打造电商详情页设计随着移动电商的迅猛发展，视觉营销这一传统行业的惯用手段也逐渐融入移动电子商务，并越来越受重视，这都由移动电子商务特殊的购物方式所决定在移动端App上购物，由于接触不到商品实物，消费者只能通过色彩图像和文字来判断商品是否符合自己的需求因此，视觉营销在移动电子商务中；iOS系统采用苹方PingFang SC和San Francisco Pro字体Android 5x以上版本推荐使用思源黑体Noto Sans Han，50以下版本使用Droid Sans Fallback英文和数字内容采用Roboto字体字体大小通常采用偶数设置，基准为16px和12px详情页中标题与正文间距设定为12px16px和20px，行间距为15至16；电商设计师一定要码住的尺寸表一电商平台 主流电商平台的店铺物料PC端淘宝天猫京东主图800*800px 淘宝京东详情页宽750px，高不限 店铺介绍尺寸600*450px 旺旺名片头像120*120px，小于等于100k 宝贝图片500*500px，小于等于120k 天猫详情页宽790px，高不限 京东PC端首页；详情页套版是网站或APP开发中的一个重要环节，它是指根据设计师提供的页面设计稿和产品经理或运营的需求，将详情页面实现为HTMLCSSJavaScript等前端代码的过程具体来说高度还原设计稿详情页是产品的重要展示页面，直接关系到用户体验和转化率因此，套版过程要保证高度还原设计稿，页面效果要美观；列表页设计 在各个功能模块中，美团App采用了列表页的设计，将商家信息以卡片形式展示每个卡片包含商家的头像名称地址评分等信息，用户可以一目了然地了解商家情况同时，列表页还提供了筛选和排序功能，用户可以根据距离价格评分等条件进行筛选和排序，快速找到合适的商家详情页设计 点击商家卡片后，进入商；系统自动识别生成详情页软件将自动识别上传的图片，并生成包含宝贝信息SKU信息等的详情页在生成过程中，可以根据需要调整和完善相关信息，如价格库存发货地等选择发布地址并完成选择合适的发布地址如店铺首页分类页等，并点击“完成”按钮此时，高质量详情页已经生成并发布成功，可以开。

一电商平台设计尺寸 PC端淘宝天猫京东主图800*800px淘宝京东详情页宽750px，高度不限店铺介绍600*450px旺旺名片头像120*120px，小于100k宝贝图片500*500px，小于120k天猫详情页宽790px，高度不限京东PC首页990px宽度，790px150px侧边栏APP购物淘宝天猫京东首页640px；菜单导航页 包含很多分类不同栏目，可跳转到多个不同内容页面的页面如pro小程序的首页一条新世相阅读美图秀秀的菜单导航页搜索页面 用于搜索的页面有的APP有单独的搜索页面，有的只有一个输入框设置页面 更改APP设置的页面详情页面 展示内容详细信息的页面如淘宝的商品详情页起点；闪屏页主要作用为营销推广闪屏页由运营在后台进行配置，一般停留3秒后进入首页，期间用户可点击“跳过”直接进入APP首页或点击闪屏图片进入闪屏落地详情页闪屏页在每次启动APP后第一个界面或接在启动页之后出现二业务流程 闪屏页的业务流程设计旨在保障其在无网弱网情况下仍能即时显示，避免用户等待具体流程如下缓存机制为保障闪屏页在无网弱网。

移动端app多数页面都是设计到3屏幕左右电商来说，一个页面的上下信息流转的过程是十分流畅的拿电商详情页来说，首先展示图片对于用户来说，图片展示比文字更具有感染力往往好看的图片就能让用户进行下单的过程然后展示重要的信息然用户对各种重要的信息进行了解的过程差不多进入第2屏幕开始，就是用户评论；一般说来，在购物类的app中，用户想要到达商品详情页的路径有以下3种1通过搜索直达商品列表2通过分类导航3通过运营设定的特定模块到达比如促销活动和专区这三种路径基本上就涵盖了用户购物的的3种心态第1种路径可以有效满足明确知道自己要买哪个具体商品的需求第2种路径可以有效满足；4 Canva可画Canva可画是一款图片处理辅助工具，提供了丰富的模板和素材库，用户可以根据自己的需求快速制作出精美的详情页此外，Canva还具备手机APP版本，方便用户随时随地进行创作5 优图网优图网专注于正版图片设计素材下载，提供了大量高品质的海报设计海报素材海报模板等，非常适合电商设计；商品详情页面，除了商品本身的颜色，另外更加突出的颜色就是主题红色，醒目明了图片来源无印良品 结账页面除了应付金额以及“去付款”是主题红色，其他延续的是之前的主页详情页颜色，整个风格都高度统一用户看到这么单一的色彩会觉得乏味吗不会的只会觉得和它本身的品牌风格“自然简洁质朴。

6 在确认订单页面，可以修改购买数量收货地址支付方式等信息，确认无误后点击“提交订单”7 进入支付页面，选择支付方式完成支付8 支付成功后，商品将进入您的订单列表，您可以在此页面查看订单状态物流信息评价商品等淘宝手机端详情页设计简洁直观，方便用户快速查看商品信息并完成购买操作。