出海产品设计应该多注意各地的民俗实用性(三)

发布时间:2022-04-08 09:31:26 作者:admin 458
出海产品设计应该多注意各地的民俗实用性(三)
 
设计实施要点
接下来,从产品外观设计四个维度(基本样式、通用布局、组件使用和图标设计)介绍多语言设计中需要关注的问题以及相关的处理建议。
1 .基础风格
1.1字步
在同一字符参数下,不同语言的字符体的视觉感受确实略有不同。 但是,如果卷遇到复杂庞大的产品,建议在同一字段中进行响应,尽可能降低设计和维护成本。 可以基于本平台用户组级别最大的语言创建。
1.2行高
为了使文本更灵活地适应场景的需要,建议文本默认具有行高,不区分单行/多行,也便于统一管理字体样式。
2 .通用布局
2.1关注文本空间
2.1.1确保文本空间
一般来说,多语言场景中文本长度比中文场景中的文本长度长,因此为了保证信息曝光的有效性,需要考虑留出更多的文本空间。 如果空间太小(例如只能出现一个单词),用户将无法理解内容,并感到困惑。
2.1.2排列方式的选择
在多语言设计中,排列方式的选择需要根据功能的实际情况来决定。
如果两种信息在同一级别上并排排列,则需要划分有限宽度的空间。 在这种情况下,如果文本很长且需要换行,则信息可能看起来有点杂乱。 但是,它具有节省纵向空间的优点,即使在信息不长或横行空间大的情况下也可以使用。
上下排列会扩大文本的容纳空间,换行时的显示比较容易控制。
即使显示图标和文本组合,也必须考虑适当的对齐方式。 垂直对齐会突出图标,可以应用于突出状态的场景,如结果页; 水平对齐时,图标与文本相同,图标起到辅助说明的作用,适用于轻微提示和列表等场景。
值得注意的是,在多个图标和字符混合的场景中,多语言设计布局经常被水平对齐使用以与信息兼容,如快捷方式和门户场景。 水平对齐可以提高文字说明的曝光效率,提高样式布局的规则性,还可以更容易地展开内容条目。
2.2关注段落空间
2.2.1注意最小段落宽度
页面的横向分割越多,各个段落的宽度就越小。 在这种情况下,在某些语言场景中,单词可能会换行,也可能无法容纳宽度过长的单词。 因此,在多语言场景中,段落需要以一定的宽度存储信息。 在移动终端的小屏幕上,建议每行谨慎使用三种布局方式。
2.2.2“加大”有限宽度
合成时,也可以通过更改对齐方式来增加段落宽度。 但是,在同一高度可以展示的卡片数量变少,信息密度降低,所以需要根据情况进行取舍。 如果不能更改段落的宽度,也可以通过减小大小或字距来增加宽度,并存储尽可能多的信息。2.3关注信息配准
2.3.1常用左对齐
如前所述,不同语言的书面最小单位不同,因此为了更好地应对各种情况,建议多使用左对齐方式。 因为像英语这样用单词分隔的语言很难对齐每行内容的宽度,也不能应用中文常用的两端对齐效果。 与中心对齐相比,多语言场景中段落的左对齐方式更便于用户阅读。
2.3.2同类信息的级别匹配
当一个卡模块混合使用多种类型的信息时,产品外观设计需要关注关键信息的水平对齐,确保读取动作的顺畅性,方便用户获取信息。
2.3.3在限定高度内使用下对齐
通过向下对齐,设计者可以扩展更多的信息,而不必更改有限的空间大小。 例如,大卡空间内的文本。 下对齐优于上对齐是因为信息不足时,可以避免可能漂浮在空中。
2.3.4特殊的“右对齐”——阿语规则
阿拉伯语界面必须根据一定的规则满足该地区用户从右向左阅读的需要,但其中一些信息不需要通过RTL处理。 如果希望在设计阶段快速生产RTL接口,还可以应用设计软件中现有的插件资源来实现。 合作中,阿语规则可以优先与开发同学对齐,通过开发实现后,最后进行细节检查。
3 .组件的使用
3.1标签组件
在中文场景中,标签通常简化为2-4个字。 对于具有英语分隔的语言,标签中的单词通常不超过两个词,或者使用数字和符号(如20 percentoff  )代替20%off和-20%。 一些补充说明信息可能需要显示三个或更多单词才能明确。 为了确保信息的可扩展性,建议以文本格式放置在接口上,而不是使用标签组件。
例:亚马逊的标签上通常只登载促销说明用的简短短语。 商品的更多信息补充(如配送范围、官方认证等)将直接以文本形式补充到商品列表中。
3.2按钮组件
垂直按钮组合比水平按钮兼容更多的信息,从而扩展了在多语言产品中的使用。
对于需要限制图标下字符长度的非均匀场景按钮组合分隔的语言,建议使用单个单词。 否则,建议更改为其他按钮的组合样式。
3.3通知栏组件
在移动终端多语言产品中,通知栏组件的一行通常容纳不下所有副本。 如果文本超出通知栏的宽度,则需要利用信息的横向滚动或带操作的方式,允许用户进入下一级,或协助气泡和弹匣,使用户了解完整的内容。3.4制表组件
如果选项卡选项为三个或更多,则建议使用间距相等的选项设计,而不是均匀分布宽度的选项设计,以防止拷贝溢出,从而产品外观设计使信息更加均匀紧凑。