网页设计的排版经验总结.docx

1、网页设计的排版经验总结网页设计的排版经验总结网页设计的排版经验总结网页的核心是内容，用户访问最重要的目的就是要看网页的正文，所以，网页的文本排版非常重要。排版是为了信息而重新将字体进行排列的一门艺术和技巧。也就是说，排版是为传递信息而进行的简单排列组合，然而，好的排版非常注重视觉精度和细节，甚至是很小的细节都不容忽视。如今，印刷品，书籍，报纸，信件，电视，网络等都会涉及到排版，简直是无处不在。甚至连重要的在以前就开始关注排版了，并且在当时尝试用现成的资源尽可能提高排版水平。网页排版是近年兴起的一个普通排版的分支概念。虽然，图片也可以传递信息，但上的内容大部分是由文字组成。这就是网络排版如此受重

2、视的原因。排版的重要性丝毫不亚于视觉层次，合适颜色的选取，功能以及其它特性。我们从来没低估过网络排版的重要性，也深知它在良好的用户体验中所发挥的重要作用。任何追求漂亮版面的人都知道，印刷排版跟网络排版完全是两码事。尽管有些规则可能相同，但网页设计所处环境完全不同，两者都有自己一套必须遵守的规则和准则。两者的原理不同，不能同时存在，跨越这个界线可能会导致排版混乱。尽管，你可能已经熟悉了网页设计的层次结构，你可能也明白排版中也少不了它。层级结构会给你一个阅读显示文本的起点。这点非常重要，因为这会帮助你准确传递信息，同时保证读者准确理解。很多在这个问题上都做得很好，但是你还是应该牢记在心，这样你的就

3、不会显得太过时。为了增加可读性，给标题、介绍段落和常规文本创建标签层级是很重要的，这样你的用户可以看清你的文章结构并能很快的找到他们感兴趣的部分。浏览器用在链接的默认样式一直是蓝色文本加下划线。虽然这个蓝色经常被改成另外的颜色，但下划线一直被当做是链接的常规样式。这就是为什么除了链接你不要给其他的东西加上下划线的原因。否则，这可能对你的用户造成很大的困惑。很少遇到排版中出现层级结构的问题，但相当多的排版却存在间距排列的问题。所有元素的间距都必须按照一定的条理进行排列，因此你在处理间距必须遵循这些条理。你可能需要去了解以下的专用术语行距大小（LeadingSize）、字偶间距（Kerning）和

4、字间距（Tracking）。行距大小是一种增加或减少文本行之间产生的空格的方法。字偶间距是调节字符间空格，使其达到更愉悦的视觉效果的过程。使用字间距同样能达到字偶距调整的效果，两者之间的唯一差别在于空格的产生，字间距是在每个字符间产生等量的空格，而字偶间距是调整的基于字符对所产生的空格。最常见的网页布局错误之一是定义了不正确的行高。行高是定义一行文本的高度，所以我们必须按照文本字体大小来设定行高。一般来说，在设置文本行高的时候，我经常在字体大小的基础上加上7个像素（对12-17像素的字体而言）。另外一个常见的错误是标题周围不正确的margin值。标题其实是与它下面的段落是相关联的，而不仅仅是两

5、个段落的分割符。这就是为什么标题的margin-top比margin-bottom要宽。排版中的颜色并不专指单一的文本颜色，通常是指用到的所有颜色。用到的图片和颜色相当于文本的“背景”，因此使用颜色时要谨慎。的元素要和排版颜色协调，不要让文本显得模糊不清。你也可尝试较大尺寸的排版（又称为宏观排版）来达到更好的效果。简单来说，宏观排版就是使用更大的文本来吸引用户。它的长度通常不能超过1到4个单词，因此，保持文字的简洁性和正确性就显得格外很重要。在关键信息下，但是这并不是那么重要，因为这并不是你的的焦点，但大尺寸文字却是。即使你的有很好的排版了，另一个需要注意的是对比。如果你的页面背景是中灰色（#

6、999999），那么不要使用深灰色（#333333）的文本，否则你的内容很难看清，尤其是对一些年纪比较大的或视力差的人。总之，除非你的是关于黑客、黑帽seo或哥特摇滚的，不然你应该使用浅色背景和深色字体来保证清晰的对比度增加你的可读性。最重要的排版技巧之一是“大胆留白”。留白是指空白区或没有使用的空间，它会使你的设计整齐而专业。许多人喜欢苹果的原因是它尽管简单但很精致，而且有很多留白。字体配对是将两种或更多字体通过排列组合达到最佳效果的过程。这听起来有意思，但对于初学者却并非易事。选择一种或多种的漂亮字体就够了，但是，你只是想完美配对两种字体，从理论上讲，难度更大。字体配对可降低使用单一字体时

7、可能所产生的单调感。你可以就此进行实践，为中所有的大标题使用一种字体，在一些简单段落里使用另一种字体，看看最终效果是否很单调。为了确保可读性和专业性，你的网页上不应该使用超过3种字体。使用过多的字体会干扰你的用户而且让你的看起来很乱。相反，较少的字体让你的显得干净易读。你可以标题使用一种字体，正文使用一种字体，最后logo或副标题使用另外的字体。如果你把字体弄得难以辨认，这是犯了大忌。你也知道字体配对对于精美排版的重要性，而不是用一些统一的文本。即使你找到了很棒的字体搭配，还是不要忘记为字体设置合适的大小和粗细。字体粗细和大小设置不当基本上就毁掉了之前的搭配，因为这会让你已经使用的不同字体难以

8、辨认。还应注意一点，背景图片跟字体颜色相近或不匹配，会导致字体淹没在背景图片当中。在过去，设计师必须使用用户电脑，甚至带文本图片上有的字体，这样字体才会正确显示。随着技术不断发展，HTML5很快克服了这些问题。另外还有许多很棒的字体替换工具，这些工具搜集了很多字体，用户不用安装专门的字体，字体照样正确显示。如果你想提升你的排版水平不容忽视的一点是正确使用标点符号。例如，引号经常用双撇符号代替，就是全角符号和半角符号的区别，就像中文的引号和英文的引号不同一样本文来自易虎扩展阅读排版设计总结排版设计:常用排版术语排版设计:常用排版术语封面（又称封一、前封面、封皮、书面）封面印有书名、作者、译者姓名

9、和出版社的名称。封面起着美化书刊和保护书芯的作用。封里（又称封二）是指封面的背页。封里一般是空白的，但在期刊中常用它来印目录，或有关的图片。封底里（又称封三）是指封底的里面一页。封底里一般为空白页，但期刊中常用它来印正文或其他正文以外的文字、图片。封底（又称封四、底封）图书在封底的右下方印统一书号和定价，期刊在封底印版权页，或用来印目录及其他非正文部分的文字、图片。书脊（又称封脊）书脊是指联接封面和封底的书脊部。书脊上一般印有书名、册次(卷、集、册)、作者、译者姓名和出版社名，以便于查找。书冠书冠是指封面上方印书名文字的部分。书脚书脚是指封面下方印出版单位名称的部分。扉页（又称里封面或副封面）

10、扉页是指在书籍封面或衬页之后、正文之前的一页。扉页上一般印有书名、作者或译者姓名、出版社和出版的年月等。扉页也起装饰作用，增加书籍的美观。插页插页是指凡版面超过开本范围的、单独印刷插装在书刊内、印有图或表的单页。有时也指版面不超过开本，纸张与开本尺寸相同，但用不同于正文的纸张或颜色印刷的书页。篇章页（又称中扉页或隔页）篇章页是指在正文各篇、章起始前排的，印有篇、编或章名称的一面单页。篇章页只能利用单码、双码留空白。篇章页插在双码之后，一般作暗码计算或不计页码。篇章页有时用带色的纸印刷来显示区别。目录目录是书刊中章、节标题的记录，起到主题索引的作用，便于读者查找。目录一般放在书刊正文之前（期刊中

11、因印张所限，常将目录放在封二、封三或封四上）。版权页版权页是指版本的记录页。版权页中，按有关规定记录有书名、作者或译者姓名、出版社、发行者、印刷者、版次、印次、印数、开本、印张、字数、出版年月、定价、书号等项目。图书版权页一般印在扉页背页的下端。版权页主要供读者了解图书的出版情况，常附印于书刊的正文前后。索引索引分为主题索引、内容索引、名词索引、学名索引、人名索引等多种。索引属于正文以外部分的文字记载，一般用较小字号双栏排于正文之后。索引中标有页码以便于读者查找。在科技书中索引作用十分重要，它能使读者迅速找到需要查找的资料。版式版式是指书刊正文部分的全部格式，包括正文和标题的字体、字号、版心大

12、小、通栏、双栏、每页的行数、每行字数、行距及表格、图片的排版位置等。版心版心是指每面书页上的文字部分，包括章、节标题、正文以及图、表、公式等。版口版口是指版心左右上下的极限，在某种意义上即指版心。严格地说，版心是以版面的面积来计算范围的，版口则以左右上下的周边来计算范围。超版口超版口是指超过左右或上下版口极限的版面。当一个图或一个表的左右或上下超过了版口，则称为超版口图或超版口表。直(竖)排本是指翻口在左，订口在右，文字从上至下，字行由右至左排印的版本，一般用于古书。横排本就是翻口在右，订口在左，文字从左至右，字行由上至下排印的版本。刊头刊头又称“题头”“头花”，用于表示文章或版别的性质，也是

13、一种点缀性的装饰。刊头一般排在报刊、杂志、诗歌、散文的大标题的上边或左上角。破栏破栏又称跨栏。报刊杂志大多是用分栏排的，这种在一栏之内排不下的图或表延伸到另一栏去而占多栏的排法称为破栏排。天头天头是指每面书页的上端空白处。地脚地脚是指每面书页的下端空白处。暗页码又称暗码是指不排页码而又占页码的书页。一般用于超版心的插图、插表、空白页或隔页等。页页与张的意义相同，一页即两面(书页正、反两个印面)。应注意另页和另面的概念不同。另页起另页起是指一篇文章从单码起排（如论文集）。如果第一篇文章以单页码结束，第二篇文章也要求另页起，就必须在上一篇文章的后留出一个双码的空白面，即放一个空码，每篇文章要求另页

14、起的排法，多用于单印本印刷。另面起另面起是指一篇文章可以从单、双码开始起排，但必须另起一面，不能与上篇文章接排。表注表注是指表格的注解和说明。一般排在表的下方，也有的排在表框之内，表注的行长一般不要超过表的长度。图注图注是指插图的注解和说明。一般排在图题下面，少数排在图题之上。图注的行长一般不应超过图的长度。背题背题是指排在一面的末尾，并且其后无正文相随的标题。排印规范中禁止背题出现，当出现背题时应设法避免。解决的办法是在本页内加行、缩行或留下尾空而将标题移到下页。word排版要领word排版技巧直接链接-3215673html-835358html-5526213html-326117htm

15、l-19105060.html-1586310htmlWord实用技巧50招1、Word下如何使用着重号在Word中我们可以把着重号请到工具栏上。打开“工具自定义”命令选项，打开“自定义”对话框。在“命令”标签卡下的“类别”栏里选中“所有命令”选项。此时在右边“命令”栏中会出现按字母升序排列的所有命令，我们找到ABC头上有三点的“DotAccent”命令，选中后按下鼠标左键，将它拖到工具栏上，释放鼠标。当你在Word中选中要着重标示的文字后，再点击这个“着重号”命令就可以了。2、让Word表格快速一分为二将光标定位在分开的表格某个位置上，按下“Ctrl+Shift+Enter”组合键。这时你就

16、会发现表格中间自动插入一个空行，这样就达到了将一个表格一分为二的目的。3、Word中巧用Alt键按住Alt键再拖动左右（上下）边距，可进行精确调整，在标尺上会显示具体值。4、Word准确移动文本选中要移动的文本，再按“F2”键，此时光标会自动变成灰色，将输入光标定位到目的地，按回车键便可准确移动文本。5、“相中”垂直文本块当我们想选定Word文档中的一个垂直块时，可以先按下Alt键，然后将鼠标拖过要选定的文本。6、让Word打印自动按序排列在打印文件时，点击“文件打印”，在弹出的“打印”窗口左下方点击“选项”按钮，在上面选中“逆页序打印”，这样先打印第一页，再打印最后一页，就无需动手分页了。另

17、外还可以设置奇偶页打印，实现纸张的正反面成批打印。7、快速更改英文大小写选中要改变大小的字母或单词，按下shift以后按F3，每按一次F3，字母或单词将在全部大写、首字大写和全部小写之间切换。单击“格式/更改大小写”，可以进行更复杂的大小写更换。8、快速输入省略号在五笔字型状态下输入“shift+6”，另外按下“Ctrl+Alt+.”组合键可以在任何输入法状态下输入。9、快速去掉页眉的横线在利用Word插入页眉后，页眉信息下总会有一条横线，如果希望将它去掉，可以打开“格式边框和底纹”，在弹出的对话框中把边框设置为“无”，并在“应用于”下更改为“段落”，再单击“确定”安钮即可。还有一种方法就是在

18、字体左边的“标题”中选“正文”即可。最后一种方法就是选择“格式/样式”命令，弹出“样式”对话框，在“样式”项中选定“页眉”，再点击“更改”按钮。接着点击“格式”按钮，在弹出的菜单中选“边框”命令，弹出“边框和底纹”对话框，在“边框”选项卡中选定“无”即可。10、为奇偶页制作不同的水印首先，执行“文件页面设置”命令，打开“页面设置”对话框，点击“版式”选项卡，选中“奇偶页不同”前面的复选框，单击“确定”按钮关闭该对话框。然后再执行“视图页眉和页脚”命令。进入页眉和页脚编辑状态，在某奇数页页面编辑区编辑设置奇数页的水印，再到某偶数页页面编辑区编辑设置偶数页的水印。11、快捷绘图在绘图中，如果要利用

19、一个工具按钮来绘制多幅图，只要用鼠标左键双击此图标即可。12、快速去除超链接想取消超链接的下划线，只需按下组合键“Ctrl+Z”或“Alt+BackSpace”，便可将下划线取消。13、如何避免标题排在一页的底部在排版文件时，有时发现一个标题出现在一页的底部，而它的正文出现在新的一页中，很不美观。为了使标题能够与它的正文排在一起，可以将光标移到该标题所在的段落中，选择“格式”菜单中的“段落”命令，出现段落对话框，在段落对话框中单击“换行和分页”标签，选中“与下段同页”复选框，然后单击“确定”按钮。另外，为了防止一页顶端单独出现某段的最后一行文字，或者在某一页底部出现某段的第一行文字，或者在一页

20、底部出现某段的第一行文字，只要把光标移到该段中，然后在窗口中选中“孤行控制”复选框，系统将自动向下页移一行文字。14、如何将文档中的某一页改为横向在排版某些文档时，要在文档中插入一个很宽的表格，需要把纸张改为横向。为了保证表格前后的内容仍为纵向，可以将光标移到表格之前，选择文件菜单中的“页面设置”命令，单击“纸张大小”标签，在“方向”区中选择“横向”单选按钮，从“应用于”下拉列表框中选择“插入点之后”选项，然后单击“确定”按钮。15、Word中磅与厘米的换算1磅约等于0.03527厘米，1厘米约等于235磅。16、计算机中容量单位的换算1GB=1024MB，1MB=1024KB；1KB=102

21、4字节。17、巧用Word的扩展选定功能将光标定位在你需要选取的部分之首，按“F8”启动“扩展”，此时你会看到底部状态栏中的“扩展”由灰色变为黑色，再按一下“F8”，将选取一个字或一个词，按二下“F8”，将选取一句，按三下“F8”，将选取一段；按四下“F8”，全选。按ESC键或者按F6键即可关闭扩展功能。18、清除拼写功能我们使用Word时，往往出现录入几个字后个别字的下方出现波浪线的情况，有时就会影响到视觉。要想彻底解决这个问题可单击“工具选项”，然后选择“拼写和语法”取消所有的可选项，点确定便完成了。19、Word表格后空白页的处理在Word中，如果一篇文档的最后一页是表格，并且这个表格占

22、满了一整页，就会在其后产生一张雪空白页。虽然该页只含有一个段落标记，但却是没有办法删除的。在打印时，该页照样会使打印机走一页纸，因而会造成不必要的浪费。解决这个问题的办法其实很简单把光标置于最后这一段，然后把行间距设置成“1”（Word允许的最小值）即可。20、改变图片形状要对一个图片进行不规则的编辑，可以打开绘图工具，选取任意的自选图形，然后在这个图形上点击右键，选取“设置自选图形格式”，在“填充颜色”中点击下拉箭头，选取“填充效果”，并选中“图片”选项卡，在“选择图片”按钮上点击。然后在硬盘文件夹中选取喜欢的任何图片，点击确定后图片的外形即为该自选图形。21、编辑线段顶点如果是用线条工具生

23、成的图形可以编辑顶点。方法是选定该线条，点击鼠标右键，选择“编辑顶点”，再需要改变的地方点击鼠标右键，选择“添加顶点”，选中该点，点击鼠标右键选择“平滑顶点”等自己需要的方式，拖动鼠标到自己需要的图形。按下ctrl单击顶点则可以删除该顶点。22、在Word中快速改变行距全选你想要改变行距的文本段落，按ctrl+1键，可将该段落设置为单倍行距；按按ctrl+2键，可将该段落设置为双倍行距；按ctrl+3键，可将该段落设置为5倍行距。23、在Word中快速选取段落将光标放在需选取的段落中的某行的左边空白处，单击左键一次，选取该行，单击左键二次，选取该段落，单击左键三次，选取全文。24、汉字输入法的

24、若干诀窍固定使用某一种汉字输入法的人，希望一打开电脑就有这种输入法在伺候。要实现这一点，只需要打开“控制面板”中的“键盘”，调出“语言”页，在“语言”栏中选中你需要的汉字输入法，然后点击“设成默认值”和“确定”按钮，最后重新开机即可。使用Ctrl+Shift组合键可以在英文和所有汉字输入法中进行循环切换。为了得到我们需要的汉字输入法，往往要连按几下Ctrl+Shift，显得很不方便。其实我们可以将经常使用的汉字输入法定义成热键，需要时按一下即可。比如，欲将“王码五笔输入法86版”定义成Ctrl+Shift+8，可以打开“控制面板”中的“输入法”，调出“热键”页，在“项目”中找到“切换到王码五笔

25、输入法86版”，然后在“组合键”中选中“Ctrl”、“左键”、“右键”，在“基本键”中选8，最后按“确定”即可。25、用Word201*对称页边距进行双面打印工作中为了节省打印纸，经常使用Word双面打印文档，但打印出的文稿正面和背面的页边距很难左右对齐。对策首先，选择“文件/页面设置/页边距”选项卡，选中“对称页边距”复选框，清除“拼页”复选框，在“内侧”和“外侧”框中，输入对称页边距值，比如都为17厘米。然后，插入页码。最后，先打印奇数页再打印偶数页。26、Word中实现表格标题重复有时表格的标题是非常难做的，并且好多页数据都使用同一个标题，在Word中，选中需要重复的表格行，然后执行“表

26、格/标题行重复”，以后每输入完一页数据，下页就会自动出现该标题行。27、Word读书消除疲劳小技巧在Word中打开需要阅读的文档，白纸黑字在屏幕上显示好象对眼睛不太好，那就依次选择“工具/选项/常规”，在“常规选项”中将“蓝底白字”选上，这种方式就可消除一些眼睛的疲劳；另外为了便于阅读，再单击“视图”菜单中的“网格线”，屏幕上就出会出现稿纸般的横线。28、表格一次删个光在Word中编辑表格时，选中要删除的部分，按下“Delete”键，删除的是其中的文本内容，表格部分还存在；按下“BACKSPACE”键，则删除的是选中的全部，包括单元格、表格行或是整个表格。29、Word文档快速查找在文档中，当

27、需要查找文档内容时，常常是用“编辑”菜单中的“查找”命令，其实可以用另外一种更简便的方法在垂直滚动条的下方，有一小圆点按钮（“选择浏览对象”），单击则可以选择按对象进行浏览。30、几秒钟自动生成目录将大标题设为标题2，将小标题设为标题3，打开“插入”菜单，选择“索引和目录”，点选“目录”标签，在“显示页码”与“页码右对齐”前面打上“”，“制表符前导符”选择为点，“格式”选用默认的“来自模板”，“显示级别”设为“2”，按下“选项”按钮，弹出一个“目录选项”窗口，在“标题2”与“标题3”之后分别输入“1”和“2”，这时“标题2”与“标题3”前方出现符号“”，与此同时，将其标题后面的数字删除掉，按两

28、次“确定”，目录生成了！31、在Word快速输入化学方程式化学方程式的一大特点就是包含大量的脚码，这一特点使得在Word编辑化学议程式成了一件极痛苦的事情.我新学到了一种方法，非常简单且有效。如输入H2O，选中2，点选“格式/字体/字体/效果/下标”，2就变成下标了。32、Word的两种水印一是文字水印单击“格式”菜单的“背景”子菜单中的“水印”命令，可以插入不同颜色、样式、大小、方向和字体的水印。还可以根据需要选择或输入要作为水印的文字。二是图片水印单击“插入图片”，视图片的来源选“剪贴画”或“来自文件”，选定图片后向文档中插入图片，在图片插入处单击鼠标左键，出现“图片工具栏”，在“文字绕排

29、”选“衬于文字下方”，“图像控制”选“水印”，此外还可以对图片亮度、对比度、尺寸等进行设置。33、Word中画直线及精确调整图形的技巧如果想画水平、垂直或30、45、75度的角的直线，则固定一个端点后在拖动鼠标时按住Shift，上下拖动鼠标，将会出现上述几种直线选择，合适后松开Shift键。按住Shift+矩形，拖动鼠标，可以画出一个正方形。另外，按下Ctrl+方向键可以实现图形的微调；按下Alt+线段的一段，也可以实现对线段长短或者位置的微调；34、在Word文本框间创建“文字流”所谓“文字流”，就是输入文字在文本框链中的流动过程，而文本框链是在Word中用动态链功能将各个文本框链接起来形成

30、的。当录入或拷贝的文字内容超过一个文本框的容量时，其它内容就会依次自动“流”向该链的下一个文本框，这对于那些经常从事长文本编辑或多页排版的朋友将十分有用。方法首先用鼠标单击“插入/菜单/文本框/横排或竖排”，用鼠标在工作区的合适位置拖出第一个文本框，其大小可根据用途而定，同理可以拖出第二、第三个文本框；然后用鼠标选中第一个文本框，在弹出的“文本框”工具条上单击“创建文本框链接”，在第二个文本框上单击左键，两个文本框就链接上了。要想让多个文本框都连成一串均可如法炮制。此时，在这些文本框中不管是用键盘直接输入还是将文本复制，当第一个文本框装满时，文字会自动“流”到第二个文本框中；当第二个文本框又不

31、够时，再“流”到第三个文本框中。35、迅速得出Word表格的行列数有时在Word中画了一个行列数很多的表格，过一段时间想知道它的总行数或总列数又忘记了，不用一行行数，点击“编号”按钮立刻得出。36、我用Word来拆字首先点击“工具/自定义/命令/分解图片”，按住鼠标左键把它拖放到工具栏任意位置即可；然后点击“插入/图片/艺术字”，例如输入空心字“心”，选择该“心”字剪切，在选择性粘贴中选图片（Windows图元文件），选中该字，点击工具栏中的“分解图片”按钮，这样可以选择“心”中的任意笔画进行一笔一画的拆分了。37、批量写贺卡和信封打开Word，首先设置纸张大小，选择“文件/页面设置/自定义”，将贺卡或信封的尺寸输入；然后利用绘图中的“文本框”和“直线”准确的定义好邮政编码框以及收信