Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区嘉宾路深华商业大厦9楼(地铁1号线国贸站B出口既是)

    3375726676@qq.com


    © 2007-2021 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 移动网页设计中从右到左的开发

    时间:2023-10-18  作者:GARY  来源:https://www.niegoweb.com/
    中东网站建设市场正在快速增长,因此该地区对网页设计开发的需求也在快速增长。然而不同的是,中东国家要求设计不仅符合他们的需求,让他们的用户感到舒适,而且还适合他们的语言标准,这使得认真的适应过程非常重要。假定中东地区所说的大多数语言是从右向左书写和阅读的(例如阿拉伯语、希伯来语和乌尔都语),开发人员在用这些语言创建产品时经常会面临一系列问题。

    深圳高端网站定制公司
    虽然这看起来没什么大不了的,但是从右向左(RTL)语言的IT开发需要注意一些特性。RTL市场相对较新,没有多少资源可以帮助开发商,这一事实使情况变得更加复杂。我们在RTL开发方面的经验使我们能够编制一份完整的提示列表,这对任何开发RTL产品(如网站或移动应用程序)的人都很有用。通过严格遵循这些提示,您应该能够在RTL开发的挑战水域中航行,并交付一个功能性的、用户友好的结果。

    首先,界面必须从右向左翻转。你可能会认为这是一个相当“呃”的建议,但是我们不能忽视它,因为它实际上是要做的第一件事。有几种方法可以实现这一点。
    1.使用DIR属性或CSS
    如果基本标记是用浮动块构建的,它将类似于下面的例子。为长期关系设计,注意款式。在这种情况下,带有徽标的链接将固定在左侧,带有login-container往右。为RTL设计,一旦你分配了body标记到dir="rtl属性,整个标记将被镜像,将徽标放在右边login-container往左。然后,相反的属性将应用于带有float-left或者float-right班级。

    因为文本方向在语义上与内容而不是表现形式联系在一起,所以我们建议web开发人员尽可能使用dir属性,而不是与其相关的CSS属性。这样,即使在不支持CSS的浏览器中(或者在关闭了CSS支持的浏览器中),文本也可以正常显示。使用此属性,您可以水平镜像图像、重新分配字体、将文本与页面的任意一边对齐等。然而,手工方式是相当劳动密集型的。有一些工具可以自动组装RTL风格,我们将在本文稍后介绍。同时,我们将描述另一种处理标记方向变化的方法。

    2.使用FLEXBOX
    Flexbox在开发人员中很受欢迎有几个原因。它不仅在调整页面元素和其他位的对齐方式时提供了灵活性,而且还消除了为RTL开发重新分配样式的需要。有关更多详细信息,请参见下面的代码片段。{display: grid;} property(把它想象成一个两列三行的表格)。从顶部看:标题占据了整个屏幕的宽度,侧边栏在左边,而主要内容和页脚在右边,一个在另一个下面。

    尽管使用表格构建布局现在还不流行,但是它们仍然会将流向构建为一个组件,就像前面的例子一样,这意味着当您添加dir="rtl"标记,列将从右边开始,从右向左移动。所有表格元素都将遵循这个方向,除非事先明确定义了方向。


    3.格式化文本
    尽最大努力避免使用大胆的和斜体字。在大多数RTL语言(尤其是阿拉伯语)中,粗体文本会使可读性变得极其困难,而斜体则根本不会被使用。同样,大写字母在RTL语言中几乎总是被忽略。确保所有文本都向右对齐,并且字体和字体大小调整正确(更好的是,自定义它们),因为拉丁字体往往会对阿拉伯语的可读性产生不良影响。

    实际上,处理字体的最好方法是和你的客户交谈(当然,假设他们会说这种语言)。事实是,像阿拉伯语这样的语言往往有大量的口语和书面语变体,如果你正在制作一个专门迎合某些地区的产品,它应该真正显示那里使用的语言版本。如果你觉得这件事有趣,关于阿拉伯文字系统的历史信息是可以得到的这里。

    相关案例

    OTHER CASE