如何在APP界面设计中把文字排版做到极致?

文章分类:设计前沿 发布时间:2018-06-21 原文作者:dede58.com 阅读( )

  做ui设计的朋友们,你们一定在设计中碰到排版的吧,根据我的经验,排版是UI设计中最难的部分。它们存在于各种形式并与我们相处了很长的时间。还好我们有许多规则、实践方式与理论可以帮助那些比较难跟上的人。在这篇文章中,我将给你几个实用的提示和技巧让你可以在项目设计中使用。

  所以你使用的字体必须灵活。你的字体应该提供各种粗细变化、在特殊符号中的宽度范围,秒速赛车走势图它也必须要渲染地非常好。必须要注意这些方面,确保你的用户不会因你的无知而受苦。好的排版对观看者来说是没有感觉的,而不好的排版呈现在屏幕中则会感到非常可怕。

  易辨性是我们可以多轻易在一个字体中区分两个字母。这是非常专注在字体、字母与细节的细微排版。当然,这也是最重要的因素之一。不是所有的字体当初被设计出来都是都是容易阅读的。最常见的问题是大写的字母I和小写的L之间没什么区别。你必须避免这种字体,因为如果使用者在小屏幕上阅读可能会出问题。

  易读性关乎于整体的阅读体验。我们可以轻松扫视文字编排、区分标题、副标题、段落和区块。这样的宏观排版使文字更具视觉吸引力,也令人更想去阅读。这真的是一门艺术,利用对比、颜色、大小、构图和微小的细节成就更好的阅读体验。

  但这个原则在网页和手机上则是不一样的。其实有些无衬线字体也是很容易阅读的,且目前视觉设计来说更喜欢简单无装饰的字体。在网页浏览特别是手机上,我们其实可以看到更多的无衬线字体。而且萤幕显示器并不是一张纸,通常我们不会在网络上阅读很长的文章,而在app中更是如此。

  这就像我们在走在薄冰上。太宽的对于文字区块会让我们的眼睛很难找到下一行文字。但如果太窄的话,眼睛将需要从一条线跳到另一条线,这样会经常打破阅读节奏。我们的潜意识在跳至下一行时会充满活力(只要它不那么频繁)。

  层级关系定义了我们如何阅读内容。它告诉我们如何区分标题、副标题和正文。我们可以透过使用不同的对比度、文字大小、内间距、外间距等来实现这一点。我们必须掌握这一个重要的技巧以获得良好的可读性。

  这是UI设计中最耗时的部分。任何重复的元素可以提供一致性,重复的部分可以是位置、文字大小、颜色、内距、外距,一些规则的使用等等。例如我通常让内距/外距的大小为5,所以它看起来会更一致(这是我的规则之一),「重复」将产生「节奏」。

  学习排版技巧可以比作是一个迷人的旅程,而且当你的的技能开始进步之后,结果是让人非常满意的。这个技能不是从阅读本篇文章就能获得,而是需要不断学习和不断的动手练习。所以打开你的Sketch或者Photoshop,动手开始创造一些超棒的作品吧!