一起来探讨下无线端的文字应用技巧

淘宝无线端的文字应用很重要，如何才能做出一个高大上的无线端页面？说说正文如何写？无线端有别于PC端，它的可编辑空间比PC端小很多很多，如天猫PC端首页可编辑空间最大宽度可达1920px, 而无线端的首页可编辑空间只有608px。PC端详情页可编辑空间达790px，无线端的只有480px，且总体大小限制在1.5M以内。如此有限的空间，加上我们无线购物时环境光通常比较微弱。文字的应用遇到了较大的挑战，我们得在有限的空间里，塞进我们清晰产品图，清晰文字卖点，清晰活动信息，清晰产品内容等等，同时我们又属于考虑到用户体验，通过页面引导客户了解清晰我们的产品，这给不少设计师带来了许多烦恼，下面，我就为大家分享下，在无线端文字应用的一些技巧

一． 提炼文字信息

大麦电商发现，在我们制作无线端页面的时候，照搬PC端所有的信息明显是不现实的。把PC端的详情照搬到无线端：

1. 文字多的话，文字会被缩放得很小很小，大部分文字都会处以一个看不清的状态。

2. PC端的详情较为复杂，暂且不说能否满足无线端1.5M的这个要求，就是满足了，加载速度也会受到一定程度的影响。

3. 产品的表述及页面的视觉效果会受到很大程度的影响。

从而无线端页面的用户体验，导致我们的无线端点击转化下降，甚至影响我们整个品牌的形象。那我们该如何把PC的信息表达到无线端呢？我们可以对文字进行提炼概括

方法一，将一些形容性的，装饰性的文字删除或者精简，保留能表达主要内容的文字，从而达到提炼的效果。例如：

调整前 调整后

方法二，从这段文字中提炼出简短的一句话，作为这段文字的标题，然后再稍微精炼下这段文字，用以作为对标题的详细阐述与装饰。

例如：

调整前 调整后

二． 合理布局+优化文字排版方式

大麦电商发现，将文字提炼好后，接下来我们从布局出发，充分的做好画面布局，合理利用每一块空间，在文字排版上多花心思，让文字信息带给客户一个舒适的视觉体验。无线端用户使用的屏幕比PC端的小很多，文字信息也相对较小。在排版时我们需要注意：

1.文字周围不宜有过多的装饰，以免导致画面过于复杂，影响阅读；

2.文字呈现位置不宜空间不宜过于狭窄；

3.文字与背景的需有较强的对比度，否则易读性就会受到很大的影响。用户阅读文字卖点时就会显得很困难，甚至会直接忽略掉文字。

以下是一些不合理布局的例子：

一个好的排版布局，可以增加页面的整体美观，使文字更加易读，为用户带来更好的体验。常见的一些较好的布局排版方式有：通过左图右文，左文右图，以文字作为主体产品为装饰等方式。通过这些排版方式，使得文字更为清晰易读，跟图片也结合得更为紧密。让用户有一个舒适的视觉体验，增加点击转化率。如下：

三． 设置适合的行距

行距就是每一行文字的距离，它同样跟我们阅读时的视觉体验息息相关。特别是在文字较小的情况下，一个适合的行距显得尤为重要。

1.当行距太紧凑的时候，用户阅读的时候很容易就会跳到下一行，也很难从行尾扫视到下一行的行首，影响文字的易读性。

2.行距太宽的时候，每一行文字就形成一个单独的段落，而空白的文字行距就变成了阻断文字的视觉断流，使整段文字失去了连贯性。

（错误例子）

那么怎样的行距，才能让用户阅读得最舒适，最适合我们的无线端页面文字呢？一般，我们在设置行距时，可以以字号作为基数，而由于无线端的空间有限，行距的大小设置在字号的1.2~1.5倍为宜。在这个比例下，文字的易读性会大大提升，让用户看的舒适的同时，能清晰表达出我们的卖点。例如，我们的字号是18号字，那么我们的行距设置为21~22号字是最合适的，如下图：