• 4008802488
  • 18926071152(24小时业务热线)
  • 香港、深圳、广州、海南、吉隆坡、华盛顿、伦敦

外贸网站如何做好RTL设计?

中文和英文都是从左到右书写的,但是有些国家的文字是从右到左写的,比如希伯来语、波斯语等。而...

外贸网站如何做好RTL设计?

中文和英文都是从左到右书写的,但是有些国家的文字是从右到左写的,比如希伯来语、波斯语等。而外贸卖家有时候要做好本土化,就需要开发RTL外贸网站。RTL就是从右到左的缩写,为了开发和设计RTL网页,卖家需要了解一些专家提醒,以使其正确。

外贸网站如何做好RTL设计?

1、了解镜像,什么时候需要应用。

镜像是将LTR网站转换为RTL格式的一个重要方面。它涉及到获取页面元素,如单词、标题、图标和按钮,并将其程度翻转,从右到左浏览。

镜像的元素包含:

指向特定方向或显示移动图标,如后退按钮或箭头、图表和图形。

导航按钮标记通常显示在LTR网站的左上角。出于RTL网页设计的目标,它们需要移动到右上角。(但标记本身不应程度翻转)。

表单标题,通常显示在表单域的左上角,需要与右上角对齐。

日历列,用于在最右侧显示一周的第一天,在最左侧显示一周的最后一天。

表列。

也就是说,并不是所有的LTR语言元素都必需镜像RTL。无镜像的元素示例包含:

没有特定方向的图标,如“下载”按钮或垃圾桶图标。

带有外语文本的图标,如罗马字母和标点符号(应改为本地化)。

视频和音频播放器控制器。

标准国际日期格式“标准国际日期格式”YYYY-MM-DD表示的日期。

LTR语言单词有意包括在RTL文本中,如“Google”或“Kleenex”。

数字(及其数字的顺序)。

2、思考RTL网页设计的文化方面。

精确的RTL网页设计不仅仅是翻转图标和文本。首先,西方文化中的一些概念不能很好地转化为应用RTL语言的社会文化。如果卖家的网站文本或图形包括这些概念或图像,请尝试用更符合文化的替代计划来调换它们。

例如,如果卖家想用阿拉伯语提供卖家的网站,而阿拉伯语主要用于穆斯林大部分国家/地域,显示存钱罐的图像可能看起来不合适。那是因为猪在伊斯兰教中被以为是不洁的动物。因此,例如,与其展现存钱罐的图像来转达将钱寄存在容器中的想法,不如用一罐硬币中更具文化中立性的图像来调换图像。

此外,请记住,阿拉伯语在所有阿拉伯国家/地域的书写或显示方法是不同的。数字就是一个很好的例子:有些国家应用西方阿拉伯数字(这是西方世界通常应用的0到9)。同时,其他人应用东方阿拉伯数字。因此,在设计RTL网站时,请将卖家的内容本地化,以匹配特定目的国家/地域的文化,而不仅仅是基于一般的RTL语言!

3、应用恰当的字体。

并不是所有的字体都与RTL语言兼容。如果它们不能出现RTL语言字符,它们可能会显示垂直的白色矩形,称为“豆腐”。为了防止这种情形,请应用多语言字体来支撑多种语言(包含RTL语言)。谷歌是如此常用的多语言字体。

或者,将卖家的网站设置为不同的字体显示语言。卖家可以用一种字体显示英语内容,并用另一种字体显示RTL语言内容,以迎合书写系统。

此外,请留意,其他语言可能不会像英语那样粗糙或倾斜。他们也不能应用缩写。因此,在为RTL内容选择合适的字体后,请检查卖家的内容是否显示和格式正确。卖家还应当测试RTL网站文本的可读性,并依据需要调整字体的大小和高度。

4、实现hreflang标签。

Hreflang标签是HTML代码片断,用于告知搜索引擎哪个语言版本应当显示给具有特定语言和区域设置的用户。如果卖家的网页对不同的地理受众有不同的语言版本,卖家需要在卖家的网站上执行它们。

5、检查链接格式。

对于某些字母下阿拉伯脚本的点,在超链接中添加下划线(正如卖家通常对英语超链接所做的那样)会下降这些点的可见性。这反过来又会影响文本的可读性,所以卖家需要以不同的方法区分超链接和传统文本。

以上就是关于外贸网站RTL网页的设计思路,应用镜像、应用恰当的字体,检查链接格式等方面,有需要做RTL网页的卖家可以参考以上的思路和办法。

微信客服

添加客服微信,获取相关业务资料。

4008802488

18926071152

微信客服

微信客服