电商详情这样设计，不行!( 二 )
文章图片
只要按照这样的节奏走 ， 肯定错不了 。
来看实操案例 。
我们将上面说到的阿芙精油的页面优化一下 。
上面我们分析过 ， 阿芙的这个页面主要问题是两个：一是文字信息多 ， 而且没有重点 。 二是整体视觉过于平淡 。
文章图片
所以我们优化的整体思路就是减少信息密度 ， 排版上图文过度要有节奏感 。
优化结果：
文章图片
最终大图：
文章图片
我们可以看到优化后的页面图文分离 ， 信息密度适中 ， 再加入色彩的变化 ， 整体节奏感比之前好了很多！
文章图片
文章图片
现在电商的流量手机端占了绝对大头 ， 所以我们做设计的时候一定要有竖屏思维 。
竖屏的最大特点就是用户会快速的向下滑动页面 ， 所以用户的浏览习惯有两个特性：
一是快 ， 在每屏停留的时间非常短暂 ， 2-3秒不能看明白的内容基本就跳过了 。
二是视线是单向的 ， 所以我们的信息编排要尽量简单、清晰 。 多利用上下的空间排版 ， 少用左右排版 。
很多新手在做详情页的时候都不具有竖屏思维 ， 想当然的把内容直接填满页面 ， 这样会造成信息的碎片化严重 。
我们经常可以看到这样的详情页：
文章图片
过于碎片化的信息 ， 会让用户不知道从哪里开始阅读 ， 信息传达的效率低下 。
从设计上看 ， 这样的页面上由于使用了过多的点和线的元素 ， 画面被分割得太厉害：
文章图片
这种排版方式除了视觉上不好看 ， 还会造成什么后果呢？
看下面这张图你就明白了：
文章图片
要解决这个问题其实也很简单 ， 一招就可以搞定 。
推荐阅读
![[量子科学论]对我国航天事业影响大吗？，30天内两次火箭发射失利](https://imgcdn.toutiaoyule.com/20200411/20200411153459502131a_t.jpeg)
- #见证#《见证》完整版来了！中国战“疫”英雄影像档案这样诞生
- 关注！哈尔滨一通勤司机感染，详情公开
- 《见证》完整版来了！中国战“疫”英雄影像档案这样诞生
- 『推荐』张文宏：家长现在要进入“战斗状态”！这样东西最好给娃随身带！
- 纽约州长：我们需要的物资都在中国制造，怎么会这样！
- 『』【图解】力挺世卫组织！国际社会这样声援
- 「微视频：别带着偏见看中国……“老外”们这样讲述中国抗疫时刻」微视频：别带着偏见看中国……“老外”们这样讲述中国抗疫时刻
- 【图解】力挺世卫组织！国际社会这样声援
- 微视频:别带着偏见看中国……“老外”们这样讲述中国抗疫时刻
- 「网红」“电商网红”张大奕陷感情风波 雪梨点赞看热闹