一、 设计差异：PC端与移动端的视觉与交互差异

设计差异：

订单查询条件包括：订单编号、时候排序、商品名称、供应商名称、下单时候、订单状态、履约方、SKU 编码、商品 ID、是不是缺货、所属云仓等等。

电脑端面积巨大，内容散开排列；移动端面积细小，内容集中排列。

c. 时候查询

经过与业务方沟通， 订单编号、时候排序、商品名称、供应商名称、下单时候、订单状态、履约方的用频次相对较许多，而订单编号、时候排序用频次最高大。

同样的内容，移动端更加聚焦，但是商品数量展示也偏少许。

本文将分享我在将麻烦电商 BOSS 系统的订单页面呈眼下细小程序上的设计过程，希望对巨大家有所帮。

移动端不直接展开的原因是：供应商数量许多， 在当前页面展示篇幅较长远，还涉及到分页，会关系到用户的操作体验。

电脑端采用 input 框，下拉选中；移动端则是全部展示，采用勾选的方式进行选择。

订单状态包括：全部、待付款、备货中、待收货、已完成、已关闭。全部状态下售后中、 发货即将超时、揽收即将超时、发货已超时、揽收已超时的订单类型需要沉点露出，方便飞迅速查询。

二、 登录注册页面：系统门面担当的优化策略

登录注册页面是绝巨大许多数系统的门面担当，是用户看到和用当前系统的第一个页面无论对于产品经理还是前端设计的工事师，这是我们非...不可要打赢的第一场打仗。

五、 PC端迁移到移动端的问题与挑战

电脑端点击出现时候选择器，支持迅速捷查询；移动端点击选择跳转到新鲜页面时候全部铺开展示；两者都支持滑动鼠标连续选择时候段。

通过本文， 您将了解到以下内容：

节奏感，版式上适当用留白，不一样于普通电商详情页的繁琐堆砌，更像精美的杂志页。每一个商品详情页都对商品赋予了网容易严选商品的调性和生命，安排得当，在浏览时像是阅读一本杂志。

特别是是在阅读网容易严选专题时就像一本实用的时尚杂志一样。我个人很中意的其中几个专题：还有告诉你每周怎么吃饭的

案例研究研究：网容易严选的移动端页面设计

琢磨用户日常的用习惯， 对高大频操作的筛选项进行提炼在移动端展示，提升用效率。矮小频操作则不在移动端展示。

select默认样式美化代码兼容移动端和pc端。它以优雅的样式、 统一的API....为了宽阔高大不规整关系到页面样式，可对option进行定位并隐藏，点击某标签的时候才看得出来。

a. 订单编号/排序时候

2. 为啥需要在移动端呈现？

1. 业务背景关系梳理

操作包括：订单详情、 查看物流

1）订单状态

这种系统能够确保网页在PC、平板、手机等不同设备上呈现优雅的自习惯效果，优化用户体验。上面的代码指定，字体巨大细小是页面默认巨大细小的100%，即16像素。

自习惯网页设计的核心，就是CSS3引入的MediaQuery模块。

三、 移动端页面设计：怎么优化用户体验

为了确保平台高大效履约，需要买卖场部同事随时掌握订单状态，特别是发货即将超时、揽收即将超时、发货已超时和揽收已超时的订单，以便及时通知上下游。

但是由于干活性质， 他们无法随时坐在电脑面前，所以需要在细小程序上呈现订单信息，能让买卖场部同事随时查看并处理订单，避免出现订单超时客户投诉的情况。

交互方式相同，都是跳转新鲜页面。

1、网容易严选的设计格调简约优雅，突出品牌调性，内容浏览更舒适。

网页版的官网图基本上原因是基本上原因是banner已经有实物拍摄图了 为了更清洁简洁地呈现内容，采用了矢量图标。

四、 ：移动端页面设计的核心要素

在 B 端 UI/UX 设计领域，我们常常会遇到类似需求：因为业务的进步，需要将 PC 系统中的核心功能摘出来在细小程序或 APP 上呈现，方便用户能够便捷地用和操作，从而提升干活效率。

只是实际操作中我们兴许会找到，尽管对这些个功能很熟悉，落地过程却会遇到一系列问题。

近年来的移动端设计趋势也足够说明了排版设计的实际值钱。方法之一就是列出你希望设计呈现哪些特质， 如果能先确定内容更优良，这样就能直接挑选字型来配合建立优良的内文调性。