从首页第一视觉停留开始

首屏是第一视觉第一块信息展示区域，适合设计成时尚和引领当下热点潮流或者产品摄影图等视觉冲击力较强的图片，和符合用户知觉的文案，吸引用户的注意力。

时尚美女夏季护肤产品促销电商页面

轻奢女装皮具用品优惠促销电商页面

第一视觉最好以大图海报形式出现，而海报本身的设计是决定用户是否点击进入的关键，什么样的内容容易吸引用户呢？根据经验有以下三个特点：

1. 以能够唤起用户共鸣的话题性图文切入，引出用户的知感。
2. 融入时下创意性的元素，展现垂直内容的不同视角。
3. 以彰显个体为中心的关怀式设计，将用户的视觉重点分为几个小点，不同的内容能够降低网页的跳失率。

垂直电商的移动端搜索设计

根据对APP搜索设计知觉负载理论的研究。每行2图比每行4图用户搜索效率更高，因为简单页面布局用户所需的认知加工负载较低，更利于进行模式识别及认知加工，因此搜索效率较高。第二点，浅色背景的导航界面设计的搜索效率相对较高，因为深色背景页面的无关刺激会对用户搜索产生干扰作用。

男孩女孩金币银行卡篮子金猪ipad金融理财页面

金币箭头职场男女啦啦花个人税球金融理财页

精选内容页面

几点设计Tips

1. 垂直化移动端更强调用户可以识别的统一风格
2. 首页内容就相当于一个人初次见面穿着打扮如何，从视觉上来说，也是影响别人对自己印象的关键，这就是网站的风格，风格设计好的移动端首页能更好的体现移动端的各种功能内容，更能吸引浏览者的注意，提高首页转化率。
3. 让内容层次感清晰,以垂直女装移动端电商为例来说，首先，要让用户了解到，此处都是售卖具体某一类女装的。比如：黑色的裙子，内衣专场，还是什么女性类目都有。
4. 营销模式是怎么样的，是三级分销，用户分享，还是精美的场景化的图文

潮流色彩季节优惠折扣礼券电商促销页面

黄花绿叶甜笑美女美白套装美妆促销页面

更多电商优秀的页面设计PSD分层案例到，优图网（ UPPSD) www.uppsd.com 进行临摹学习。

垂直化移动端商品列表页设计

进一步筛选出更加精准，只剩下符合用户需求的款式，是商品列表页最核心的使命。

▍商品列表页设计Tips：

一、保持信息简明扼要，产品设计者应当深度研究用户画像，了解用户在对比此商品时，哪些信息是必须关注的，哪些是其次，尽量将用户最最需求的内容展现在这一页，就可以减少点进去，再返回，再点开其他页面，再返回通过跳转页面来回对比商品的麻烦现象。

二、界面布局设计做到操作更加顺手，上文提到复杂和简单页面两种布局，一种是一行2图，一种是一行4图，目的给予用户方便的操作流程，先选择大类目，再筛选具体的关键词，再浏览商品，因此Tips是注意不要颠倒流程的先后顺序，同时可以从精选、大家喜欢、颜色，大小，图标等方面区分更精准。

话说商品详情页是用户从首页到进入商品详情页的第一环节，产品设计者最主要的是清晰用户画像，精准呈现用户希望看到的内容