编辑对网页排版设计感到不满意的8种情况

译者的话:寡妇、孤儿、捧打鸳鸯,这些场面足以让你有想哭的冲动,但当你在排版设计时,同样会碰到这些问题,甚至可能更槽。虽说今天的页面排版软件可以自动处理很多东西,但这并不意味着你就可以将版面搞得漂亮。在本文中,我们来探讨一下在文字排版中,最容易出现的一些问题,有些问题你在设计时可能并不留意,使到印刷出来后让你遗憾无穷。原文作者为 Charles Purdy 。

当你在设计杂志、宣传册子或平面广告时放了一大块文字后,有时总会让你感到那个地方有点不对劲,但你却感觉不到问题出在哪里(许多设计师及编辑认为这是一个设计师所必须付出的代价)。我们在设计中要切记的是,文字不只是草草出场,它还应该是漂亮的并且能够容易阅读的。漂亮的文字排版有两个重要作用:第一,能够提升你整个设计版面的美感。第二,可以避免象我这样吹毛求疵的编辑将版面退回去重新修改。

根据我的经验,有 8 种主要的情况可以使编辑对你的排版设计感到不满意。听起来蛮多的,但你也不要太过担心。大部分问题你都可以轻易解决,如通过调节文字大小、间距、调整首行、强迫换行或者调整其它文字设置解决。在本文中,虽然我是用 QuarkXPress 软件演示,但其它的排版软件如 Adobe InDesign 、 Pagemaker 也可以得到相似的结果。

一、文字跳动

如果你排版的文字不能够吸引读者,或者让他觉得看你的东西很累,他是没有义务必须强打精神看下去的。你可以尝试检测一下你的眼睛在看到大标题后是否跳动太大了。一般说来,你的眼睛会首先看到大标题,然后就自然会去到左边开始阅读。

图 1 这个设计需要重新调整——我在看完标题后,就自然地去到右边的一栏上方想开始阅读,但这里并不是这篇文章开始的地方。

二、错误断开

在编辑的词汇里,“错误断开”是指两行文字间,一个单词不恰当地被断开了。虽然在英文里,有时一个单词总有断开转到另一行的时候,但做决定的人是你自己。你必须紧记一点的时,你不能在一个单词里随便一个地方就断开。你可以查一下字典:只有在有点的地方才是可以断开的地方。如: mas?quer?ade 这个单词,里面两个黑点的地方才是允许你断开的地方。除了这一点,还有一些事情需要注意:

  • 很多出版社都认为如果将一个人名断开是一种不礼貌的做法,应该尽量避免。
  • 如果是放在网页里,必须留意到,如果你在某个地方用了一个破折号将一行的最后一个单词断开,但如果其它显示器的分辨率不同或显示字体不同时,这个破折号可能会移位,这会使读者造成阅读时造成混乱,所以在设计网页时,我们一般不断开。

图 2 上图中设计师查了字典后选择了正确的位置断开,并用了临时破折号。这是一种正确的做法

三、引号一致:

当你复制或粘贴你的文字时(比如是你的电子邮件中的文字),必须要使引号及省略号一致,特别是在显示器设计观看时,一定要确保你将引号变成真正的引号及省略号,因为有一些字体——如一些图形或象征字体,只有在电脑中有这种字体支持时,才会显示引号,但如果观看的人电脑中没有这种字体,那这些引号或省略号会不忍卒看,甚至还会铸成大错。所以每当我看到引号突然变成一个华丽的字体时,我总是有种想哭的冲动。

四、寡妇与孤儿

听起来有点冷酷无情,但我还是坚持设计师一定要将寡妇及孤儿消灭——如果它们自己做不到的话,我就自己出手。在排版中,“寡妇”指的是一页的最上方留出了一个收尾的句子。而“孤儿”指的是最后一行文字里只有一个单词。这两种情况都是设计的大敌,绝对要避免。

图 3 上图中,左边就是我们所说的“孤儿”,而右边,则是“寡妇”。

时间: 2024-09-15 08:23:21

编辑对网页排版设计感到不满意的8种情况的相关文章

《众妙之门——网页排版设计制胜秘诀》——导读

内容提要 本书是Smashing Magazine网站的精选文章合辑,旨在帮助读者提升网页版式设计水平.本书囊括了字体抗锯齿技术,网页排版的原则,网页字体的设置技巧,CSS字体堆栈指南,CSS3的新特性,网页字体服务推荐以及排版工具介绍,等等. 还在为网页排版苦恼吗?想设计出别具一格无与伦比的网页吗?想了解基本的网页编程知识吗?想成为设计与开发的双面手吗?本书将是你的最佳选择. 内容提要 第1章 字体抗锯齿技术 第2章 提高网页版式可读性的10 项原则第3章 设置网页字体的5 项原则和方法 3.

《众妙之门——网页排版设计制胜秘诀》——3.6 网页版式高级教程

3.6 网页版式高级教程 The Destination Matters More Than the Journey(意为"结果比过程更重要") 这是一篇关于数字网络及网页版式的经典文章.它提醒设计师要选择合适的版式,以便在各个网页上为用户提供完整的导航.文章不仅讲述了如何为网络媒体选择合适的版式,还从传统的角度阐释了如何使用字体. 它针对版式设计提出了许多实用的建议,并且为某些设计师不重视排版,以及现今各高校的设计系缺乏"经典"的排版课程感到惋惜. Setting

《众妙之门——网页排版设计制胜秘诀》——3.2 利用信息层级

3.2 利用信息层级 通过排版来定义内容的优先级不止一种方法.首先,字体的尺寸.颜色.粗细.展示方式,以及字体是标准体或斜体,都会加强或减弱字体的重要性.同时,我们也不能忽视文字在网页版面上的位置这一影响因素. Mark Boulton发表过系列文章"Five Simple Steps to Better Typography(五个简单步骤,让你的版式变得更好)",这些文章分为五个部分,其中在第五部分,他讨论了字体的粗细.对于字体的粗细如何影响层级秩序的创建,他从历史的角度剖析了各种观

《众妙之门——网页排版设计制胜秘诀》——第3章 设置网页字体的5 项原则和方法3.1 系统地进行网页版式设计

第3章 设置网页字体的5 项原则和方法 设置网页字体时,有一些基本的方法.指南和目的.总体来说,网页的版式应当具有可读性.易访问性.可用性和品牌特色.这四个方面相互作用,使网页设计达到与用户沟通和交互的目的. 为使网页富有表现力并给人留下深刻的印象,网页版式的设计有许多方法.让我们进一步看一些网页版式设计的原则.规则和方法-当你学习如何在网页上完成有效的字体设置时,可以把它们当作一个开端. 3.1 系统地进行网页版式设计 在网页设计中,每个版面上的元素都需要同时实现各种各样的目标.创建的每个标题

《众妙之门——网页排版设计制胜秘诀》——3.7 总结

3.7 总结 品牌元素和创意设计元素都应该提升而不是阻碍用户的体验.好的网页版式设计能改善用户的体验,能加强沟通.流畅度以及交互性.想想你的品牌.版式和设计元素是如何相互结合并形成用户体验界面的.

《众妙之门——网页排版设计制胜秘诀》——3.4 展现品牌视觉的同时保持网页的可读性

3.4 展现品牌视觉的同时保持网页的可读性 为了让网页在浩瀚的互联网世界中脱颖而出,设计师需要让网页的视觉设计保持很高的质量.在某些情况下,这意味着你要对网页进行精心的设计.随着演示性和风格性的网站越来越受欢迎,一定要为网页挑选最适合的版式,这一点特别重要.下面,让我们来看一些风格独特的网站,它们都在设计中使用了丑和脏的元素.我们已经在文章"The Secrets Of Grunge Design"中看过了这些网站,只是形式不太一样罢了. 在Pain is Good网站,品牌理念主导着

35款兼容性极佳的响应式网页排版设计

   响应式网页设计有多火咱就不在此赘述了.但是要做好响应式设计,让网页在每一块屏幕上都能正常地显示并拥有良好的版式,设计师和前端同学需要为此付出大量的心血.单单是为13~27寸的桌面环境下不同浏览器来调整兼容性就已经颇为费神了,还要兼顾到从3英寸到9.7英寸的各种手机和平板,这中间如何平衡屏幕尺寸和像素密度(PPI)也够大家喝一壶的了. 所以,设计师和前端同学不仅要参与分析各种情况下的布局变化,还需要大量的案例学习和实践.今天我们推荐的这35个高大上的响应式网站,都能够良好地兼容绝大多数的屏幕

《众妙之门——网页排版设计制胜秘诀》——3.3 为流畅地浏览而设计

3.3 为流畅地浏览而设计 从便于浏览的角度来说,层级也很重要.当用户向下拖曳滚动条的时候,它帮助用户识别出网页上最重要的元素.为了提升网页浏览的流畅度,还有其他设计事项需要注意.其中,间隔就是一个重要的部分. 以下的这些元素会影响用户在浏览网页时的体验: 留白 字距 行高 缩进 内边距 元素的外边距Nick La写了一篇文章"Typographic Contrast and Flow".文章认为Web Designer Wall网站能让用户拥有流畅的浏览体验,并且作者给出了简明的解释

《众妙之门——网页排版设计制胜秘诀》——3.5 将文字看作用户界面

3.5 将文字看作用户界面 界面中的文字非常重要.在37 Signs1著的<Getting Real>(寻觅真实)一书中,作者陈述了每个字母是如何的重要.用户界面中的文字选择能够强化或破坏网站的功能,而如何展示这些文字同样变得很关键.缺乏风格的字体设计没有指示性,会让用户在阅读中失去焦点.Cameron Moll在他的文章"Nine skills that separate good and great designers"中提到了将文字看作用户界面的观点.随后出现了一篇演