在我们的APP设计中,图形排版是一个过时的话题。每个设计师都有一定的平面排版能力。我们在工作中几乎每天都要排版,排版的时候好像很得心应手。但是会让很多初级和中级设计师忽略很多排版的细节,设计的时候没有规则。这里,北京做APP公司整理了一些排版中值得注意的细节。
文字和背景需要区分清楚。
遵循黑白原则,深色与文字的对比度不够,在文字背景上使用亮色字体一般可以保证可读性。字体过细、背景透明度过高等问题都会导致文字背景的融合,这类问题要做相应的调整。
确保文本的可读性。
在页面上,文本是重要的信息来源,因此保证其可读性是文本排版的首要考虑。影响文本可读性的因素很多。但在诸多问题中,流畅的阅读排版是保证可读性的基础,在排版中控制文字的长度、间距、行距、段落、对齐等可以有效提高可读性。
选择合适的字体样式。
选择与页面设计风格不匹配的字体,会带来“违和感”,改变页面的气质,对信息传递产生影响。根据页面的风格,选择适合其气质的字体,如粗中有粗、细中有寒。如右图所示,当棱角分明的字体与画面搭配时,会有一种先锋和潮流的感觉。
控制字体类型的数量。
北京做APP除了选择合适风格的字体外,还要控制字体类型的数量。一般单页字体类型数量不超过3种。因为字体太多,统一页面样式会极其困难,很容易看到上面提到的字体与页面样式不匹配。虽然字体类型的数量不一定要控制在3种以内,但是字体类型太多可控性差,容易造成视觉干扰。
统一对齐。
统一对齐会使文字布局有序,阅读流畅。多次对齐会使页面混乱。除了保持文字之间的统一对齐外,文字要尽量两端对齐,这关系到页面是否整齐。
控制行距。
行距是行与行之间的间距,通常随字体大小而变化。默认行距略大于字号,通常会显得拥挤。在文本中,将行高设置为字体大小的1.6~1.8倍会比较舒服。如果布局紧凑,可以适当设置为1.2~1.5倍。
控制单词间距。
新手排版时,有时因为文字内容太长,版面有限,会选择缩小字符间距,以达到控制文字长度的目的。其实这是一个很容易被忽略的错误,因为单词间距太挤,会降低单词的可读性。
控制单词的长度和数量。
如果一行文本包含太多的单词,文本内容将难以阅读。原因如下:一是单行过长,阅读时会难以换行;其次,一行中太多的单词很容易导致阅读疲劳。所以合理的长度和字数会让用户更容易做到字里行间的跳跃,否则阅读就成了负担。
平面排版的亲切感。
亲密是在排版中理解的。一般来说,你离我近,我们的关系就近了。图形排版中的间隔大小是影响亲密度的主要因素。左图中高度一致的间隔会让人产生困惑,标题、文字、图片之间的关系又傻又不清晰,严重影响用户的阅读体验。在右图中,我们根据亲昵原则,将相关的标题文字图片按间距分成一组,使图片中各元素之间的关系一目了然。
留空。
通常,北京做APP的首要任务是创造视觉焦点,吸引用户的注意力。空白可以帮助用户尽快找到自己需要的信息,提高用户体验。但随机空白不是空白,要注意元素之间的连续性。如左图所示,虽然留下了大量的空白,但元素之间没有太多的连续性,导致主次混淆,反而分散了用户的注意力。右图中,通过对齐和调整间距,页面有了视觉焦点,也是空白,会显得更加和谐。