20条不该打破的设计规则 – 上篇

在设计中,我们常被允许、鼓励打破设计规则,这时你至少需要知道这些规则,才能正确的打破它们。

本文列出了一些基本的规则和技巧,从字体、排版到色彩、样式,涵盖了大部分设计中常见的错误,帮助你在设计中避免它们。

1. 不要忘了字间距。

设计中糟糕的字间距是常犯的错误,初期定好恰当的字间距很重要。

字间距是指两个字母之间的距离,这也许看起来不起眼,但是好的间距会使你的设计更加美观、有序。

2. 不要为了视觉的美感而忽略文字的可读性/清晰度。

设计的首要任务是与用户进行信息交流,所以把文字的可读性和清晰度放在首位是有道理的。

是什么妨碍了文字的可读性和清晰度呢?我们列举了如下情况:

文字色与背景色对比不明显:

需通过提高两者间的对比度来解决。

滥用大写字母:

大写字母在带给用户“大声呼喊”般震撼的同时,也会影响眼睛对字母的辨识度。这是因为当文字都大写时,每个字母都是相同高度,并且都是相似的方形,而小写字母的高低不齐更易被辨认。

文字过小:

有时为了让设计看起来精致,我们会缩小字号,但请换位思考一下,用户在阅读这些小字时是否会觉得困难?

有一个方法是找其他人来实际体验以发现问题,因为我们可以很容易辨认自己设计中的文字,但其他人不会。

千万不要为了追求美观,而牺牲与用户的顺畅交流,请谨慎对待你的排版!

3. 文本宽度保持在适合的范围内。

你是否很吃力的阅读过一篇文章?或在阅读过程中一次次迷失在文字的换行中?其实这些都是因为文本宽度设置不当。

文本宽度的黄金数字是:每行不少于6个单词,且一行大约30~40个字母(包括空格)。过少会导致频繁换行,过多则会让句子变的冗长而难以阅读。

4. 让文本显得有层次。

和许多自然法则一样,一个完善而清晰的结构层次会很有效。

在设计中,视觉元素的组织关系到文字层次,可以凸显重点信息。因此,重要的部分需要用字号、颜色、字体等方式加以突出,无关紧要的部分就让他们普通一些。

元素的层级结构在排版中最为明显,让我们看一下上图的实例。左图邀请函中所有的文字都是相同的字体、字号和粗细,在你快速浏览时,重要信息很容易被忽略。右边的例子则相反,使用了不同字体以拉开层次,并将文字中的重要信息,在颜色、字号和粗细上加以强调,使信息更容易被识别。

请有原因的强调你的文字。

5. 保持单词间适当的距离。

作为一名设计师,处理文字是一项必要而艰巨的任务。要考虑很多规则和要点,其中一条格外重要:单词间距和字母间距。这里有两个主要的参考标准:Tracking 和 Leading。

Leading: 行间距。

Kerning: 两个特定字母间的距离。

Tracking: 指定区域内,统一的字母间距。

Leading:

指每行文字之间的垂直距离。许多因素会影响到行间距,例如字体,文字数量等。有一个:当每行文字都较长时,通常适合更大的行间距。

Kerning & Tracking:

Kerning 值一般是手动调整的,当你遇到大量文本且设计交付时间很紧的情况,没有时间去手动调整每个字母间距时,Tracking 就派上用场了。Tracking 工具会统一调整整段文字的字母间距,可以很好的规避排版中的过大空隙或不协调行宽。

这里有一个技巧:较大的 Tracking 值对应较长得句子,较小的 Tracking 值对应较短的句子,这样可以获得最佳的可读性。

另一个技巧是:文字较少的段落,最好手动调整字母间距。参照小写字母”i”来调整,见本节图1。

当然,这些都取决于实际的字体和情况。

6. 使用正确的对齐方式。

不论你是设计行业的老手还是新人,一定都接触过对齐工具。

对齐方式有四种:左对齐、右对齐、居中对齐和两端对齐,让我们快速浏览一下它们的使用规则。

左对齐:

最常见的一种对齐方式(你正在阅读的这篇文章也是左对齐的),之所以常见是有道理的,因为它使文本更易于阅读,左侧边界整齐而美观。

在排版难以确定时,用左对齐是最保险的方法。

右对齐:

修饰性的文字或某些印刷品中常会用到右对齐,不过它并不适用于大段的文字,因为他违背了人们从左到右的阅读习惯,参差不齐的左侧边缘会使阅读更加困难。

居中对齐:

很多领域都会运用到居中对齐,如海报、邀请函、logo设计等,它易于保持文字与版面间的均衡,并有助于美观。它同样不适用于大段文字,因为边缘不整齐的文本会造成阅读困难。

两端对齐:

它有时具有欺骗性,整齐的左右边界,不正是你想要的完美排版吗?在某些情况下,两端对齐是一个不错得方法,小说的排版就经常用到它。但是它也存在问题,如果一行仅有几个单词,它会把文字从左到右生硬得拉开,留下不协调的单词和字母间距。

原文作者: Mary Stribley

翻译: 焕思信息科技有限公司 – 邓潜智 Shalon

文章来源:站酷

文章作者:kennth1982

(0)

相关推荐

  • 设计中你该遵守的20条规则

    在设计中,我们常被允许.鼓励打破设计规则,这时你至少需要知道这些规则,才能正确的打破它们. 本文列出了一些基本的规则和技巧,从字体.排版到色彩.样式,涵盖了大部分设计中常见的错误,帮助你在设计中避免它 ...

  • 20个最火爆的Behance网页设计及UI案例解析

    现在,如果你想获得专业同行的认可,单凭几个浏览器截图和一段介绍语是远远不够了.在过去几年,我们见证了很多非常优秀的案例研究,甚至可以说这些案例研究自身就可堪称艺术作品.下面列出了20个最火爆的Beha ...

  • 20个人性化的搜索页面设计

    搜索页面是一个网站上最常用的网页之一,它被认为是第二个最重要的导航方式的一个网站,主要菜单是第一个.因此,至关重要的是给予它需要的,并尽可能方便用户. 搜索页面可能是一个可以决定你网站转化率的重要因素 ...

  • Altium Designer中PCB设计规则导出导入

    我们设计电路板,一般每次开始画新的PCB之前,都需要设置设计规则(Design PCB Rules),包括电气.布线等规则.有时我们需要设置成和以前画过的板子一样的设计规则,这时没必要重新一个个设置, ...

  • 20条实用简洁经验《坦克世界》总结

    玩家总结了20条较为简洁的<坦克世界>实用经验,对于新人来说还是非常实用的.第一时间开启高级账号,有免费金币或者可以充值金币的情况下,最好开启一个月的.加50%的经验和银币奖励,是相当划算 ...

  • 20个小技巧教你设计惊艳的三折页[大量案例]

    设计一款让公司备受瞩目的三折页 宣传册可不仅仅只是陈述公司业务的最好载体.即使是一个简单的三折页,你也能大有可为.毕竟宣传册可是最多功能的宣传物料. 与传单和海报不同,宣传册可以更好地讲述你的品牌故事 ...

  • MySQL性能优化的最佳20条经验

    今天,数据库的操作越来越成为整个应用的性能瓶颈了,这点对于Web应用尤其明显.关于数据库的性能,这并不只是DBA才需要担心的事,而这更是我们程序员需要去关注的事情.当我们去设计数据库表结构,对操作数据 ...

  • AutoCAD应用技巧精选20条详细介绍

    CAD是Computer Aided Design的缩写,指计算机辅助设计,Autodesk公司的AutoCAD是目前应用广泛的CAD软件,具有完善的图形绘制功能、强大的图形编辑功能、可采用多种方式进 ...

  • 2018年12条移动端用户体验设计趋势

    在移动应用领域,事物正飞速发展.要想在用户体验设计领域获得成功,设计师必须有远见,并为即将到来的新挑战做好准备. 为了简化这个任务,我列出了2018年最重要.最有影响力的趋势,而且很有可能远不止如此. ...