曾经说过,在建立手机站的时候设计师应该注意排版的几个问题。那些也只是些基础的问题,现在咋们再来讲下手机建站时,设计师还应该在什么问题上不可忽视
1.基本功能性
保持平衡美观的UI是远远不够的,基本功能也是同等重要的。手机文本设计还需要产生具体的作用,比如符合咋们的一部分操作,像购买产品,下订单或预订机票。文本必须要清晰指示顾客能做什?接下来可以做什么?顾客可以轻松地执行操作。基本功能性文本必须要突出,可点击的元素应该足够大,以便顾客可以点击它们。
2.字型和品牌
同一款app或系统,建议使用单个字型并演变几种不同字体变体和不同尺寸。混合几个不同的字型会使您的界面看起来分散和混乱。通常,品牌或应用程序拥有自个的预设字型。苹果使用San Francisco, 诺基亚使用Nokia Pure,Google Android使用Roboto。
苹果依据产品基本功能选择字体。例如, iOS7 使用了(Pro)Light,iOS9 使用SF-UI,而在iOS10 中,San Francisco的字体版本是SF UI Text 和 SF UI Display。
3.文本样式
尽可能使用内置文本样式。内置的文字样式可让您以视觉上独特的方法表达信息,同时保持较佳的易读性。这些风格基于系统字体,并且你可以利用关键的排版基本功能,例如动态类型,可自动调整每种字体大小的字距和行距。
4.响应式设计
手机设备有不同的尺寸。响应式设计也已经应用于手机设计。响应式排版成必将为这一趋势的重要要素。上述所有元素,任何错误使用可能会破坏整体手机UI设计。设计师必须要考虑手机排版在不同设备上的外观。
5.原型设计
文版排版设计在好多设计范围类都至关重要,原型设计中也是必不可少,先进的文本排版,可以和其他元素组件共同服务于干净的UI界面。但在原型设计中,文本不必须要具备真正的意义。在 XCode 中调整代码,在 Sketch 中修改设计都太慢太麻烦了,不妨试试国内较先进的原型设计工具Mockplus,Mockplus 自带了大批标准组件,你可以直接通过 Drag & Drop 的方法来迅速布局你的页面,文本组件有单行文本和多行文本的组件,并可对其开展例如颜色,尺寸,对其方法,字体选择等多种属性设置,并且可以增加交互。新版本加入了文本数据填充基本功能,可对文本信息开展单个和批量填充,十分便捷。此外,你可以直接手机上直接查看,能否具有较高的可读性
热点文章
最新文章