产品设计语言

  1. 页面优化
    1. 为较长的语言预留出合适的长度
    2. 勿将可配置字段与固定文字组合造句
    3. 图文分开

页面优化

为较长的语言预留出合适的长度

(1)合理布局长条形文本结构
长条形的文本结构,以其整齐、流畅、干净的视觉效果,在产品官网中的出现频率非常高。但是当该结构在同一水平区域多次出现时,就需格外谨慎了,尤其是在与图形组合使用的情况下。一旦文本长度由于翻译原因发生折行现象,不仅容易影响到页面布局,还可能造成元素遮挡。这在页面调整中是经常发生的。

这种图文组合常常用于列举产品属性。上图由左至右,长条形文本行数发生变化时,文字下方图形被迫发生位置下沉,水平平衡被破坏,从而给用户造成视觉上的混乱。
为了避免上述问题,可以选择一种更为安全的结构——上图下文,这样不仅能够给文本预留出足够的延展空间,还能最大限度地减少对UI的影响。

(2)慎在圆圈内部写文字
在封闭图形,尤其是圆形,内部填写文字,也是一种常见的图文格式,很多公司官网都会将标签做成类似的样式。但是由于圆形的延展性较差,当标签的翻译文字较长时,会给页面调整带来很大难度。因此,建议用标签来代替。

(3)简化按钮文字
这个情况主要针对弹框方式,把想要传达的意思全部写在内容体中,按钮只提供“取消”、“确定”两个选择,避免出现其他选择性动作。

勿将可配置字段与固定文字组合造句

有的产品经理或者设计师,为了让软件语言更加贴近生活,会选用将可配置字段融入在语句中的形式构造页面,殊不知这正犯了国际化的大忌。
不同类型语言的语法结构及表述规律是不同的,所以在翻译时,不能仅仅通过以现有语言的表述规律或使用习惯,来推断目标语言应如何呈现。这种将可配置字段与固定文字混合起来造句的方式是不可取的。

在上例中:“年”、“月”、“日”是中文表达方式中的固定文字,具体日期是可配置字段,文字的直译很明显不符合用户的阅读习惯,调整为第二种方式更适用于大多数语言。
关于日期格式的更多注意事项请参照2.2节。
正确做法是:不要将固定文字与文本框、下拉菜单等形式的配置字段组合造句,而应将二者进行拆分,以更友好的方式进行选择。

图文分开

在使用带文字的图片时,那页面调整可能就不单是前端的工作了,可能还需要美工同事的参与。


转载请注明来源。 欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。 可以在下面评论区评论,也可以邮件至 sharlot2050@foxmail.com。

文章标题:产品设计语言

字数:781

本文作者:夏来风

发布时间:2018-05-06, 23:16:14

原始链接:http://www.demo1024.com/blog/read-cpsj/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。