分享此网站可得100G教程,联系小洁领取点击这里给我发消息

UI设计中怎样设计界面的文案

APP设计 学UI设计 658次浏览 0个评论

客观的说,我是一个文字创作者。我通过写字来赚钱,但是大多数人不知道的是,我很不喜欢阅读。

但是大家不要误会我,我还是看了很多书的。我用自己的方式看书、博客和杂志。但是一旦文章过于冗长,我就会无精打采,因为大脑会觉得很无聊。

UI设计中怎样设计界面的文案

我看见的是一堵“字墙”

在我小的时候,一直认为不喜欢阅读是一个弱点。但直到几年后,我才意识到这个弱点帮助我成了一个更好的编辑。

你们知道我大多为app和网站写文案,这需要文字言简意赅,字字如金。写文案其实很像设计——为那些讨厌看字的人做的设计。

人们不会阅读你的界面

许多研究表明人们是不会在网上浏览长篇大论的。这个研究结果同样适用于app、游戏或任何其他界面。大多数人只是粗略的浏览,提炼里面的关键词。

UI设计中怎样设计界面的文案

你会惊讶有多少人会点击“继续”

是人们是懒惰?粗心?还是他们只是讨厌看文字? 但不管你怎样做,结果总是相同的。大部分的界面文字人们是不会去看的,无论你的措辞多好。

因此,你不应该仅仅写一段话然后复制粘贴进您的设计里,因为这样你的设计可能需要改变。 如果你不能用简短的文字来解释一个操作,这意味着你的设计可能太复杂了。

换句话说:你不应该随意复制粘贴文案设计界面,你需要精心设计你的措辞。

七个关于文字设计的提示

作为一个界面编辑,我了解一些可能会使你的文字更容易阅读的技巧。希望这些技巧在你设计时可以派上用场。


1.修减文案

你能帮助用户做的最重要的事,是尽可能的缩短你的文案。在写完你的第一稿之后,请一遍又一遍地修减文案,删除细节,使用更简单的文字,并且只留重点,变得更无情一点。

UI设计中怎样设计界面的文案文本越短,阅读的可能性越大。

作为一个文字工作者,我知道很多方法可以通过延伸你的想法来美化你的文章,但是界面设计不需要那些技巧。

2.添加标题


有时,你的文案不能够再缩短了。在这种情况下,看看你是否可以使用你文案里的几个字来添加一个标题。从而使您的用户可以寻找到关键字。如果他们想了解更多可以继续阅读。

UI设计中怎样设计界面的文案

标题使你的内容更易阅读。

3.列表形式


当浏览网页时,我们的眼睛往往会上下浏览。因此,列表通常比段落更容易阅读。
如果你发现自己在一段话中使用像“和”或“也”这样的字眼过多,你可以尝试用列表来表述这段话。

UI设计中怎样设计界面的文案

4、给用户一些放松的空间


有一些产品,比如Medium,它的产品内容文字很丰富,这并不是不好,但有时大段大段的内容可能让人很难去看下去。

当我需要写大段内容时,我会试着添加很多视觉元素:分隔符、图片、标题、示例——任何打破“字墙”的东西。这能让用户适当放松,思考是继续浏览还是放弃。

例如,在我的Medium帖子里,我尝试着让我的一段内容仅仅只有几行,并且添加大量视觉元素。

UI设计中怎样设计界面的文案

多添加一些视觉元素

5.确定关键词


编辑文案时往往过分注重文案中的用词。用词很重要,但我认为语言的表述也同样的重要。
当你编辑文案的时候,想想如何在屏幕上突出关键词,以及如何弱化不那么重要的词。这种方法在设计中被称为视觉层次。
字重、大小、颜色、对比度、排版、间隔、接近、对齐、动效、这些都会影响用户是否阅读你的文案。试着调节语句的顺序,直到找到平衡。

UI设计中怎样设计界面的文案

6.逐步引导


当你想引导用户做一些事情,简单的把所有的信息放在整个屏幕上,让他们能够一下就了解你的想法,这看起来很好。但是事实是,如果你的文本很长,大部分人是不会阅读它的。

所以你会怎么做?

你可以一次向用户显示一点信息,用书面用语来说,这就是所谓的渐进式公开,但我喜欢称之为缓慢的揭示。(听起来更戏剧,不是吗?)你可以尝试着把信息分成小块并逐步介绍。

UI设计中怎样设计界面的文案

另一个方法是把详细信息放在跳转链接的方式展示,许多产品通过添加“产看详情”的链接来简化内容,点击这些链接可以转到详细信息的页面。

7. 在mocks写作, 而不是docs


你曾经有过一些写起来挺好,但写完回过头来看却觉得过于冗长的经历吗?这就是当你在Google Docs、Dropbox Paper、或者其他一些软件上编辑时发生的事情。

当你为一个界面写文案的时候,能够联系上下文是至关重要的。你需要了解这句话与前后文衔接的好不好。

这就是为什么比起word,我更喜欢在Sketch里直接写文案。我发现在界面里更有助于编辑,因为我可以看到我写的上文,并联系上文尝试一点一点地推敲下文,我可以更清晰地看到这句话在全文中的效果。

UI设计中怎样设计界面的文案

结语


文字用各种含义丰富我们的世界。 他们帮助我们理解周围的世界。 但可悲的是,很多人并不喜欢阅读。 如果你和我一样,是做文字工作的,那我们的目标是尽可能的让阅读更容易。帮助人们理解他们身边的世界。

上面的建议只是我在设计时所尝试一小部分技巧。如果你有自己的设计技巧,并愿意分享您的想法或故事,请在下方评论框留言。


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!