移动应用APP程序排版设计指南

2023-05-29 0 1,040

终端应用领域APP程序排印结构设计手册

译者:Andrey Zhulidin[1]

移动应用APP程序排版设计指南

最轻明甫

Apple在《设计模式手册》中提议将节录最轻体积增设为17pt。Google Material 结构设计手册提议将节录文档的最轻体积增设为16sp(在iOS中相等于16pt)。

有必要性考虑到控制系统提议是相对于其预设手写体得出的。现阶段,适用于于Android的Roboto手写体,和iOS的San Francisco和New York手写体。其它手写体的最轻调色板可能将因其特点而异。比如,笔法十分细的手写体须要非常大的节录文档体积。

除此之外,WCAG 2.0国际标准提议对斜体字文档采用最轻调色板为18pt和14pt。

在插件结构设计中,请千万别采用小于16pt的手写体。节录的最合适大小不一为16pt至18pt。

移动应用APP程序排版设计指南

专精提示信息:为的是使插件的开本在iOS中更更易出访,能采用静态调色板。在插件外部采用此控制技术将容许在控制系统增设中增设了减小或减小调色板的使用者依照那些增设来查阅插件界面。

副标题体积

近几年,在位数排印中采用大副标题已显得十分盛行。

但,在终端插件中采用大副标题时,须要十分留神。一般来说,在终端插件中采用非常大的副标题会引致副标题扩展到3-4行,而第一行包涵1或2个单字。这种的副标题看上去很凌乱,极难写作。

节录副标题提议不少于2-3行。

移动应用APP程序排版设计指南

专精提示信息:在这类情况下,能采用眼形副标题来延长副标题。

移动应用APP程序排版设计指南

对比

终端插件的特殊性,背景和文档的对比度是一个十分重要的参数。

提议

遵循WCAG 2.0对比国际标准;确保放置在图像上的文字具有足够的对比度;提供两种在浅色和深色背景上放置文档的选项。
移动应用APP程序排版设计指南

专精提示信息:采用适用于于Sketch,Adobe XD和Figma的Stark插件(或其它相同的插件)或在线对比度测试工具来检查文档对比度。

控制系统手写体

对于iOS能采用两种控制系统手写体:San Francisco和New York。而Roboto手写体是Android的控制系统手写体。

控制系统手写体将使应用程序结构设计与操作控制系统更加一致。但,仅采用控制系统手写体不会使应用领域获得独特的视觉结构设计。

保持独特视觉结构设计最简单,最常见的方法是,将控制系统手写体用于节录文档和各种控件,将自定义手写体用于副标题。这种组合看上去始终有趣和新鲜。

移动应用APP程序排版设计指南

请注意,Apple iOS控制系统手写体只能在Apple生态控制系统产品(iOS,macOS等)中采用。Google的Roboto手写体则能在任何操作控制系统中采用。在两个平台上结构设计一个插件时,请记住这一点。

长文档滚动提示信息

终端设备的屏幕体积十分有限,在展示长文档时会须要滚屏。

提议将长文档内容的一部分展示给使用者,从而提醒使用者还有更多内容,并鼓励他们滚动。

移动应用APP程序排版设计指南

参考资料

[1]

guide-for-designing-better-mobile-apps-typography:https://uxdesign.cc/guide-for-designing-better-mobile-apps-typography-5796495ef86f

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务