电商详情这样设计，不行!( 三 )
下面我通过一个实操案例来演示 。
文章图片
其实很简单 ， 我们将画面上零碎的点进行合并 ， 组成一个面 ， 这样就减少了画面上的躁音 。
优化后的页面：
文章图片
这里我只优化了其中一部分内容 ， 其它部分的方法也差不多 ， 就是将一小块一小块的内容进行合并 ， 形成更大块的面 。 文案也集中到一块区域 ， 这样就可以解决信息碎片化的问题 。
最后看下大图：
文章图片
整个页面是不是舒展了很多!
文章图片
OK ， 继续 。
文章图片
图文不符是指画面的内容没有精确的表达出卖点所在 ， 这样的设计没有说服力 。
最常见的情况是 ， 有些设计师不管文案讲的什么内容 ， 都往画面上摆一个产品图 ， 这样当然不能说是错的 ， 但确实是不够精准的 。
比如下图 ， 画面要表达的信息是TYPE-C的接口内部是对称设计的 ， 可以正反插 。 但是作者放了这根线的正反面 ， 而且是不同颜色的 ， 如果不看文案 ， 用户会觉得他在表达这根线是有两种颜色可选 ， 因此图文并不相符 。
文章图片
优化稿：
剪去多余的信息 ， 只对接口进行特写放大 ， 让用户看清楚它的内部结构 ， 这样就一目了然了 。
文章图片
再看一个例子 。
下面是一张化妆品的详情页 ， 是说该产品用了一个很高大上的技术 ， 但是整个画面却只放了几个标准的产品图 ， 让人感觉不到专业性 。
文章图片
那怎么表达出专业性呢？
还记得上篇教程讲的内容吗？我们可以用参照物 。 用代表专业的人和物体来体现出产品的专业性 。
推荐阅读
![[量子科学论]对我国航天事业影响大吗？，30天内两次火箭发射失利](https://imgcdn.toutiaoyule.com/20200411/20200411153459502131a_t.jpeg)
- #见证#《见证》完整版来了！中国战“疫”英雄影像档案这样诞生
- 关注！哈尔滨一通勤司机感染，详情公开
- 《见证》完整版来了！中国战“疫”英雄影像档案这样诞生
- 『推荐』张文宏：家长现在要进入“战斗状态”！这样东西最好给娃随身带！
- 纽约州长：我们需要的物资都在中国制造，怎么会这样！
- 『』【图解】力挺世卫组织！国际社会这样声援
- 「微视频：别带着偏见看中国……“老外”们这样讲述中国抗疫时刻」微视频：别带着偏见看中国……“老外”们这样讲述中国抗疫时刻
- 【图解】力挺世卫组织！国际社会这样声援
- 微视频:别带着偏见看中国……“老外”们这样讲述中国抗疫时刻
- 「网红」“电商网红”张大奕陷感情风波 雪梨点赞看热闹