首页 » 资讯 » 电子商务 » 正文

淘宝技巧:无线端文字如何布局及优化

放大字体  缩小字体 发布日期:2022-12-04  来源:互联网  作者:麻布岗信息网  浏览次数:345
导读

今天有麻布岗信息网小编为大家分享以下内容: 淘宝技巧:无线端文字如何布局及优化随着科技浪潮的日新月异,我们的生活发生了翻天覆地的变化。无线购物无疑是这一变革浪潮中的主要力量。你只需要一部智能手机,就可以随时随地进行网上购物。在这种环境下,无线终端的竞争越来越激烈。在这场比赛中,一个优秀且通俗易懂的无线页面无疑会为比赛增添一把利器。但无线终端与PC终端

今天有麻布岗信息网小编为大家分享以下内容:

淘宝技巧:无线端文字如何布局及优化

随着科技浪潮的日新月异,我们的生活发生了翻天覆地的变化。无线购物无疑是这一变革浪潮中的主要力量。你只需要一部智能手机,就可以随时随地进行网上购物。在这种环境下,无线终端的竞争越来越激烈。在这场比赛中,一个优秀且通俗易懂的无线页面无疑会为比赛增添一把利器。

但无线终端与PC终端不同的是,其可编辑空空间比PC终端小很多。比如天猫PC端的首页最大宽度是1920px,而无线端的首页只有608px。PC的详情页在空之间最大可编辑790px,而无线的只有480px,整体尺寸限制在1.5M这样有限的空房间,再加上我们的无线购物,环境光线通常比较弱。文本的应用遇到了巨大的挑战。我们要把自己清晰的产品图纸,清晰的卖点,清晰的活动信息,清晰的产品内容等都塞进去。进了限定空的房间。同时,我们也在兼顾用户体验,通过页面引导客户清楚地了解我们的产品,这给很多设计师带来了很多麻烦。下面,我就分享一些无线终端中文字应用的技巧。

1.提炼文本信息

我们在做无线页面的时候,把PC的所有信息都复制过来,显然是不现实的。将PC的详细信息复制到无线端:

1.如果字多的话,字会被缩放得很小,大部分会处于难以辨认的状态。

2.PC终端的细节很复杂。暂且不说在无线端上能不能达到1.5M的要求,就是达到了,加载速度也会受到一定影响。

3.产品的表达和页面的视觉效果都会受到很大的影响。

这样一来,无线页面的用户体验导致我们的无线点击转化下降,甚至影响我们整个品牌的形象。那么我们如何把PC的信息表达给无线终端呢?我们可以提炼和概括单词。

一是删除或简化一些描述性、装饰性的词语,保留能表达主要内容的词语,达到提炼的效果。例如:

第二,从这段话中提取一个短句作为这段话的标题,然后对这段话稍加提炼,对标题进行阐述和修饰。

二。合理布局+优化文字排版

提炼文字后,我们会从版面出发,充分利用图片版面,合理利用每个区块空,更加注重文字版面,让文字信息带给客户舒适的视觉体验。无线用户使用的屏幕比PC小很多,文字信息也比较少。在排版时,我们需要注意:

1.文字周围不能有过多的装饰,以免造成画面过于复杂,影响阅读;

2.文字呈现的位置不能太窄空;

3.文字要和背景有强烈的对比,否则易读性会大受影响。用户会很难读懂文字的卖点,甚至直接忽略文字。

下面是一些布局不合理的例子:

好的布局可以增加页面的整体美感,让文字更具可读性,给用户带来更好的体验。一些常见的好的版式排版方法有:通过左图、右图、左图、右图、以文字为主要产品进行装饰等。通过这些排版方式,文字更加清晰易读,与图片结合更加紧密。让用户有舒适的视觉体验,提高点击转化率。

3.设置适当的行距

行距是文本每行之间的距离,也与我们阅读时的视觉体验密切相关。尤其是在小字符的情况下,合适的行距尤为重要。

1.当行距过紧时,用户在阅读时很容易跳到下一行,很难从行尾扫视到下一行开头,影响文本的易读性。

2.当行距过宽时,每行文字形成一个单独的段落,而空白字的行距则成为文字的视觉中断,使整个文字失去连贯性。

那么什么样的行距才能让用户阅读最舒服,最适合我们的无线页面文字呢?一般在设置行距的时候,我们可以用字号作为基数。但由于无线终端上空之间的间距有限,因此行距设置为字体大小的1.2~1.5倍为宜。在这个比例下,文字的易读性会大大提高,会让用户感到舒服,也能清晰地表达我们的卖点。比如我们的字号是18号,那么把我们的行距设为21号~ 22号是最合适的,

4.选择合适的字体。

一般来说,字体可以分为衬线和无衬线。衬线简单来说就是指文字结构之外的装饰性笔画。有衬线的字体叫衬线,没有衬线的字体叫无衬线。如下图所示,我们可以发现,去掉圆圈内所有相似的笔画,并不会影响文字意思的表达,所以这些笔画叫做衬线。

比如我们常见的英文字体Times、Times New Roman中文字体如方正大标宋等。是衬线字符,而像Arial、helvetica方正Lanting Bold、方正Bold都是无衬线字符。

那么我们在选择无线字体的时候,就需要注意这两种字体的选择了。衬线字体的装饰性更好,风格也相对较强,但如果字体较小,会导致字符的识别度较低,影响阅读。所以我们在制作文字标题和一些简单的装饰性文字时,可以根据风格选择衬线字。但是需要注意的是,在制作文字标题的时候,因为内容比较重要,所以不建议使用一些过于复杂的衬线字体。

我们在对说明性、介绍性文字等字体较小的产品进行详细介绍时,应该选择方正兰亭加粗、粗体等一些简单的无衬线体,这样在不影响文字易读性的同时,字体较小,方便用户阅读。通过衬线和无衬线的组合,我们可以轻松完成一个表达清晰,画面美观的无线页面。

5.选择适当的文本状态。

每种字体都至少有一种最佳状态,包括字体大小和抗锯齿选项。

其中Photoshop CS6之前的抗锯齿选项一般分为:无、锐利、锐利、浑厚、平滑。CS6之后增加了两项:窗口和窗口LCD。

最好的状态下,是最清晰的,锯齿最少。但是如果字体处于不合适的状态,字体的外观和易读性都会受到一定的影响。显然,在最好的情况下,文字是最清晰、最易读的。那么如何找到最佳状态,我们可以对字体进行缩放。

字体的使用是设计师一生都在努力的事情。每一种字体,每一页都是新的挑战,没有一成不变的规律。不过我相信通过这次分享,我相信可以启发大家的无线文字应用。我们想提高无线端的用户体验,提高点击转化率。我们只需要记住:1。精致的人物,2。合理的布局和优化的排版,3。舒适的行距,4。选择合适的字体;5 .最佳状态下的平滑和锯齿状字符。相信大家都能让你在无线终端上呈现漂亮的文字排版。

麻布岗信息网(www.517338.com)综合在线信息,汇聚城市生活,美食,购物,旅游,房产,交通,家居,财经,教育,健康,娱乐,历史,汽车,生活消费门户网站

 
关键词: 淘宝 布局 文字
 
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.517338.com/news/show-22522.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。