很难想象没有任何文字的网站或应用程序。结合视觉效果，文本内容可帮助用户导航和完成任务，并以可读且美观的构图传达信息。
必须开始考虑将文本块添加到线框中，然后尽早用真实文本替换 lorem ipsum。它将帮助设计师和其他团队成员可视化整个页面内容的组织、功能和优先级，并产生更好的需求。
文本块
文本内容是任何产品的重要组成部分。当您处于产品开发的早期阶段并且还没有相关文本时，您可以从文本块开始——容器或曲线。它们可以帮助您定义文本容器的尺寸、确定标题并在页面上代表内容组织的总体思路。
虚拟文本
每个设计师在他们的职业生涯中都至少使用过一次 lorem ipsum。虚拟文本是修改过的拉丁词的组合，用作占位符文本，预计将被实际副本替换。从好的方面来说，它对于处于规划和头脑风暴想法早期阶段的线框图很有用。
另一方面，虚拟文本不能提供足够的细节，并且可能会在未来导致多次调整。
如果您还没有内容，请使用类似长度的文本和类似的语气，或者从竞争对手的网站上借用。
带有字符数的真实副本
虚拟文本应仅在必要时使用，最好尽快开始使用真实文本。例如，在用户测试或向客户演示期间，带有真实内容的线框图让每个人都能获得更全面的了解，在上下文中评估内容，并审查未来产品的外观和感觉。另外，它会产生更详细的反馈。
此外，如果您的文本块空间有限，Balsamiq 工具允许您查看实际的字符数。这就是您的撰稿人和开发人员可以分别查看限制以及编写和对齐内容的方式。
文字换行
在为移动和 Web 设计时，请确保您的线框说明文本将如何在各种设备上响应显示。有一些事情需要考虑，比如正文的字体大小、行长和高度。说到线框图，最重要的是使文本换行并保持层次结构。
• 标题：使用截断并添加省略号 (...)，确保用户仍然可以在悬停或查看工具提示时查看完整标题。截断字符串中必须至少有 4 个字符的非截断内容。
• 文本块：使用截断和“显示更多”按钮来指示人们可以在首屏或其他页面上查看溢出内容。
对面包屑、分页和长 URL 链接应用截断。
本土化
当产品或服务打算走向全球时，应该进行本地化过程。理想情况下，本地化不仅仅涉及翻译产品，还意味着文本适应文化、品味和风格。线框图阶段允许设计人员在流程的早期预见和解决特定的技术本地化问题。
• 布局：如果您的产品面向使用从右到左语言的国家/地区，请将其显示为线框图。否则，不以传统 F 或 Z 形模式阅读的用户会发现您的网站对用户不太友好。
• 空间：某些语言，如德语或俄语，需要比英语更多的空间。
• 不同的格式：不同的国家和文化已经建立了书写日期、货币、电话号码和其他数据的规则，这已经不是什么秘密了。例如，美国人使用 MM-DD-YYYY 日期格式，而欧洲人坚持 DD-MM-YYYY，而中国人使用 YYYY-MM-DD。
边缘案例
当您正在研究如何很好地适应您的内容并避免文本冲突或溢出时，请跳出框框思考并考虑边缘情况。简而言之，边缘案例是在产品展示、用户测试或进一步开发阶段可能而且可能会出错的任何事情。[2]
• 错误文本：错误将不可避免地发生，您应该指出通知或字段验证消息将出现的位置。
• 字符数：应考虑文本块为空、文本量少或相反达到字符限制的情况。
• 可访问性：确保您的产品可供所有用户使用，并且您的线框包括图像、链接和按钮的替代文本。
以上内容为转载
网友评论