01

A、PC 端的购物行为是比较安静舒适的固定的场所，手机端是急迫的碎片化场所

PC 端的购物环境一般都是家庭、办公室。有一个固定的场所，相对安静。所以消费者在购物的过程中一般都会有大量的时间去做对比，比如一个女孩要买衣服，它会同时打开一个 5-8 页面她会在过程中比较，所以在 PC 端内容展示上卖点占主导，卖点是突出产品价值的主要部分。

但是手机端购物，它不受时间地点环境的影响。我们也许在公交车上、中午点餐之前、上洗手间等碎片化时间用来上手机端购物。这就显得我们购物特别的急迫，我们需要花最短的时间内完成阅读和完成商品的购买。

B、人视线能聚焦的面积是 5 cm 左右面积，手机屏小于 5 cm 时人们看到的画面比较烦躁

电脑端的画面会有比较大的视野，聚焦的面积是可以聚焦在某一个点上，但是手机端的屏幕很小，我们拿的手机上几乎所有的内容都能满满的映入在眼前。 

我们在电脑上看的画面你不会觉得内容特别的多，但是这些内容放到手机端以后，会发现内容特别的繁琐，阅读起来视野就不够聚焦，特别费劲也不耐烦。

C、PC 端的阅读是根据自己兴趣挑读，而手机端必须一屏一屏的下滑

在 PC 端我们阅读多是拿着鼠标滚动观看，我们可以根据自己的兴趣，随意跳读，看到喜欢的点鼠标就停下来。这样一个情况就造成我们的页面内容和逻辑可以随意根据设计师兴趣来组合。

但在手机端，视觉发生了巨大的变化，观看手机端的内容必须得一屏一屏下滑。你不滑动，下一屏内容你就看不到，这会造成我们很多重要的信息，消费者关注的兴趣点，利益点，都必须放在前面。如果你放到后面，可能他都看不到。

D、PC 端可以 15 - 25 屏设计表现，而手机端 68 %的消费者只看前 5 屏

我们记得在 PC 端的详情很多的内容，我们会担心消费者看不明白，总认为我们的卖点不够多。现在，手机端 68% 的消费者只看前 5 屏，那就决定我们的设计策划，所需要思考的已经不是单纯的产品展示，我们更多是考虑如何在前 5 屏吸引消费者关注，快速促进成交。在文案和图片要求更精炼真接，高效明了。

E、 PC端是横构图，而手机端则是竖构图

PC 端是横构图的设计表现，因为我们的电脑是横屏，户外广告是横的，电影院屏幕也是横的，我们视觉都习惯接受横屏的广告信息了。

而手机端是竖构图，所以我们要用竖屏来做设计，中国手机已经有 13 亿部了，所以大家已经习惯了用竖构图的方式来阅读，其实竖构图的设计很多的商家已经在做改变，但改变的还不够不彻底。

我们用竖构图设计的目的：是希望有效的利用好手机屏幕展示更直观表现商品的信息，事实证明，竖构图的页面展现，用户阅读更舒服，转化更高。 

02

A、 放大式观看 vs 滑屏式观看

放大式观看，顾名思义就是用手在屏幕上，放大的形式拿去阅读，这个主要的原因就是页面的内容太满，内容太多。消费者要想把内容看清楚，必须是点击图片，进入手部滑动，再拖拉再返回，在这个过程中需要 5 到 8 秒时间。

如果我们的页面设计都是需要这种方式阅读，显然消费者会特别的烦躁，而且这种阅读必须要双手，单手的话还不好操作，试想你如果在公交车上，如果你在喂孩子奶，请问怎么购物呢？

滑屏那就是根据用户的习惯，一屏一屏滑动的阅读内容，这种阅读是人性所在，也是大部分喜欢的阅读方式，手指轻轻一划，所需要看到的页面就展现在你的眼前。

我们曾测式过消费者放大你的图片需要多长时间，结果是：点击放大需要四步骤，点击进入图片、放大、缩回、返回，共需要 5 - 8 秒，但是滑屏展示只需一个步骤 2 秒内~

8 秒 VS 2 秒 你是消费者你会选哪种阅读方式？

消费人群，环境发生变化了：地铁、公交车、骑车、……

标题突出，信息接收更快。滑屏体验就是懒人的阅读！

B、述说式文案 vs 标题式文案

叙述式文案就是文字一大堆，看着会特别费劲。最好的就是一标题就是一个卖点，一卖点配一画面，非常能让消费者高效阅读，能看的明白。

标注式设计法一般我们会用三块内容来去说明画面的意思，主标题一般都会比较口语化，让消费者听得懂，所以请讲人话，你讲的太专业，消费者听不懂，他就无感。副标题会讲得专业一点，补充主标题内容专业性不足。

有主标题和副标题都已经比较明确，那如果对主标题和副标题内容表达还不完善的情况下可以加一段引文。引文一般建议控制在三段补充内容的信息。

C、 强调 VI 视觉统一性 VS 标注式设计

标注式设计方式，将就在图片上标注标题，比较适合中小卖家，也比较适合美工水平不足的情况下。这种作用比较属于傻瓜化的表达，比较简单。

标注式设计法是倡导简约的人性化的设计理念，希望设计师把更多精力放在文案和图片的结合上，因为消费最容易阅读文字和图片了，以最直接的方式传递内容。

同时在以往设计上，我们喜欢用一些合成特效来表现出设计感，实际上这些特效在无线端上显示的效果不好，细节的一些合成根本看不到。

以下方图片为例，红色的内裤在红色背景中根本不突出，合成的人物在左下解上显的多余。而右图产品突出，文案有趣，直观的传达了产品的特点。