×

无线端页面设计思维(如果一眼看不见,就永远看不见)

96
务耕者 Excellent
2018.09.14 23:49* 字数 521

眼睛对图像压力的处理,会自动调整到舒适区,会选择忽略80%的内容。

图片发自简书App
图片发自简书App
从上面两组图片可以看出,电脑端震撼 在手机端呈现时未必震撼,但手机端震撼,在电脑端呈现也一定震撼。
图片发自简书App

然而在制作无线端详情页的时候,我们总会犯一些错误,正是这些错误造成我们跳失率极高的罪魁祸首。

【错误1】密度太大

图片发自简书App
在视觉传递过程中,人们对信息元素接受强弱不一样。对密度过大的细小文字很容易被直接忽略。

【错误2】文字信息失效

图片发自简书App

在视觉传递过程中,眼睛对文字信息处理的压力过大,人们就会自动忽略文字信息的内容,从而丧失信息传递的作用。

【错误3】没有重点

图片发自简书App

信息传递过程中需要有主次关系,来区别信息传递的强弱,让信息文案有层次传递感。

消费者对一个宝贝会在15秒内做出决策,如何能够在短短15秒内能够清晰直观了解产品,显得尤为重要。

无线端竖屏思维的核心要点

1、如果一眼看不见,就永远看不见

2、将核心重点发大3倍,非重点删减2/3

3、页面核心以一句话原则,直观清晰表达。

图片发自简书App

那么我们该怎么做呢??

【一屏概念】

图片发自简书App

总结:

一屏一个主题,信息传递一目了然 一语中的。能够突出主题,能让买家秒懂信息

【分离概念】

图片发自简书App

文字比较多需要进行分离  卖点多的需要进行主次分离  图文视觉美化进行分离

总结:

图片和文字绝不混排,图文信息要分离,突出重点信息传递。

【切割概念】

图片发自简书App

图文结合,点线面构图元素的结合塑造视觉引导,通过视觉信心引导传递 从而引导买家进行购买行为。

总结:

对布局分成一个个小块,把核心重点突出以外,区别主次关系,加强模块化。

日记本
Web note ad 1