移动端文字与排版设计的六个原则

在印刷与桌面端Web的传统领域我们有很成熟的文字排版经验，在移动时代，这些经验很多依然有效，但因显示设备与使用环境发生了变化，也给带来了不少变化……

　　在印刷与桌面端Web这些传统领域，我们已经有了很成熟的文字排版经验。随着移动时代的到来，APP的界面设计，加上网站越来越多地转身为响应式设计以适应多种显示设备，这些经验很多依然有效，但因为显示设备与使用环境发生了变化，也给文字排版带来了变化。

大小反差　　在桌面端我们可能会采用字号差异较大的文字组合，移动端屏幕较小，容纳的文字也较少，同等的字号差异在小屏幕上的感受会被放大。

-webkit-box-pack: justify;[br] -moz-box-pack: justify;[br] -ms-flex-pack: justify;[br] -webkit-justify-content: space-between;[br] justify-content: space-between;[br]} [br]　　原生iOS中，需为字符串对象设置NSTextAlignmentJustified值

• (NSDictionary )demoTextAttributes {[br] NSMutableParagraphStyle ps = [NSMutableParagraphStyle new];[br] ps.alignment = NSTextAlignmentJustified;[br] // here, NSBaselineOffsetAttributeName must be set though the default value is 0 to make the justified work.[br] return @{NSParagraphStyleAttributeName :ps, NSBaselineOffsetAttributeName : @0.0f};[br]} 　　这个方法，结合之前我们通过栅格系统对字号和文本容器宽度的规范定义，终于可以避免App中常见的段落文字对不齐，对不准的老问题。

  后记　　以上是实际工作中的经验总结，移动平台、硬件设备、字体本身都在不断变化，相应的设计方法也不会永远一成不变，但总的原则是不变的，那就是让内容更易读。

关键字：排版, 文字, 用户体验, 设计

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！