强调：好的排版绝不是照搬照抄，而是与所表达的产品，人物，环境，切合得非常好的方便读者快速阅读的一种阅读体验，所以切莫为了装饰版面花掉太多时间，达到要求即可~

一、常用技巧

1.考虑分图层操作，做叠加效果，类似PS。

2.多用快捷键，事半功倍。

3.用黑箭头调整照片露出的范围。

4.有时可考虑做一精致页眉打动人。创建页眉复制后，标号会逐页增加。

5.要排几列，需提前画好栏间距。

6.水平镜像可使画面美观。

7.对齐操作要常用。

8.从图片上吸取排版的颜色很方便，容易产生呼应。

9.图形的叠加，创造出不同的效果。

10.做精致的小图标。

11.活用渐变达不同效果（颜色，类型，方向，透明度），在作用对象上（色块，字体）。

12.把大商标的名字打出来。

13.可先画色块调整好后再导入图片，方便调整。

14.照片加上黑底白边效果大不同，增加了参差感。

15.多用路径查找器创建新样式。（增加，减去，交叉）

16。试着把生活中一些有趣的样式加入排版中。（做有意义的图形）

17.阴影可用效果，羽化，复制透明度做，比较来选。

18.给画面的背景图片增加羽化，透明度。

19.吸管也可吸取格式！

20.图片透明度比相同的图层透明度更低些。 21有联网按钮可用

22在变换中找切变成平行四边形

23别忘了圆润精致的角选项

24描点删除成半圆，用白色箭头调整。

25shift+alt 直接移动复制

26钢笔描点再删除，巧妙利用背景创造效果（2010）

二、字体选项

1.镂空透色字的创作，也可试着把图片贴入字体内部。

2.渐变字体（方向，与背景协调）

3.效果内发光亮色，外发光暗色。锁住光明，效果好。

3.经常用大小，颜色，描边，强化效果。

4.倾斜的，有方向的字体运动感强。

5善用有色文字表达情感。

6.英汉相加型的字体可以考虑~

7.把文字转路径后，可调整文字的样子。

8.字体旁也可加一些修饰图形（圆，方，三角，星星）

9.方正大标宋简英文很美

三、照片处理

1.可用路径选项剪切人物图像。

2.照片背后加一张底图，突出层次感。

3。画好图形，剪切，贴入，让照片成为任意图形。

4.文字绕拍，需手动文本框观看效果。

四、快捷键

ctrl+黑箭头=不等比放大

五、注意项

排版色调灰中透亮，黑白加一色，否则极易乱掉。 L型构图

Z字图片构图（大连XXX）

边框打边式排版

人物动作的指引性

学会适当留白

排版一般程序：

1.根据需求，定下要放哪些内容上去，用什么样的形式，在纸上画好草图。

2.打好排版的边框（各种参考线，很节省时间）

3.排版原则：

色调灰中透亮：

形状灵活不死板；

字体大小变化，重点突出;

方便读者快速获得信息和体会到氛围；

4.西部微调。

5，保存INDD便于以后修改。

6.YOU DO TI！

第二篇：网页设计的排版经验总结

网页设计的排版经验总结

网页的核心是内容，用户访问网站最重要的目的就是要看网页的正文，所以，网页的文本排版非常重要。排版是为了信息分享而重新将字体进行排列的一门艺术和技巧。也就是说，排版是为传递信息而进行的简单排列组合，然而，好的排版非常注重视觉精度和细节，甚至是很小的细节都不容忽视。如今，印刷品，书籍，报纸，信件，电视，网络等都会涉及到排版，简直是无处不在。甚至连重要的网站在以前就开始关注排版了，并且在当时尝试用现成的资源尽可能提高排版水平。 网页排版是近年兴起的一个普通排版的分支概念。虽然，图片也可以传递信息，但网站上的内容大部分是由文字组成。这就是网络排版如此受重视的原因。排版的重要性丝毫不亚于视觉层次，合适颜色的选取，网站功能以及其它特性。我们从来没低估过网络排版的重要性，也深知它在良好的用户体验中所发挥的重要作用。

任何追求漂亮版面的人都知道，印刷排版跟网络排版完全是两码事。尽管有些规则可能相同，但网页设计所处环境完全不同，两者都有自己一套必须遵守的规则和准则。两者的原理不同，不能同时存在，跨越这个界线可能会导致排版混乱。

尽管，你可能已经熟悉了网页设计的层次结构，你可能也明白排版中也少不了它。层级结构会给你一个阅读显示文本的起点。这点非常重要，因为这会帮助你准确传递信息，同时保证读者准确理解。很多网站在这个问题上都做得很好，但是你还是应该牢记在心，这样你的网站就不会显得太过时。为了增加可读性，给标题、介绍段落和常规文本创建标签层级是很重要的，这样你的用户可以看清你的文章结构并能很快的找到他们感兴趣的部分。

浏览器用在链接的默认样式一直是蓝色文本加下划线。虽然这个蓝色经常被改成另外的颜色，但下划线一直被当做是链接的常规样式。这就是为什么除了链接你不要给其他的东西加上下划线的原因。否则，这可能对你的用户造成很大的困惑。

很少遇到网站排版中出现层级结构的问题，但相当多的网站排版却存在间距排列的问题。网站所有元素的间距都必须按照一定的条理进行排列，因此你在处理间距必须遵循这些条理。你可能需要去了解以下的专用术语：行距大小（Leading Size）、字偶间距（Kerning）和字间距（Tracking）。

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

另外一个常见的错误是标题周围不正确的margin值。标题其实是与它下面的段落是相关联的，而不仅仅是两个段落的分 割符。这就是为什么标题的margin-top比margin-bottom要宽。

排版中的颜色并不专指单一的文本颜色，通常是指网站用到的所有颜色。网站用到的图片和颜色相当于文本的“背景”，因此使用颜色时要谨慎。网站的元素要和排版颜色协调，不要让文本显得模糊不清。你也可尝试较大尺寸的排版（又称为宏观排版）来达到更好的效果。简单来说，宏观排版就是使用更大的文本来吸引用户。它的长度通常不能超过1到4个单词，因此，保持文字的简洁性和正确性就显得格外很重要。在关键信息下，但是这并不是那么重要，因为这并不是你的网站的焦点，但大尺寸文字却是。

即使你的网站有很好的排版了，另一个需要注意的是对比。如果你的页面背景是中灰色（#999999），那么不要使用深灰色（#333333）的文本，否则你的内容很难看清，尤其是对一些年纪比较大的或视力差的人。总之，除非你的网站是关于黑客、黑帽seo或哥特摇滚的，不然你应该使用浅色背景和深色字体来保证清晰的对比度增加你网站的可读性。

最重要的排版技巧之一是“大胆留白”。留白是指空白区或没有使用的空间，它会使你的设计整齐而专业。许多人 喜欢苹果网站的原因是：它尽管简单但很精致，而且有很多留白。

字体配对是将两种或更多字体通过排列组合达到最佳效果的过程。这听起来有意思，但对于初学者却并非易事。选择一种或多种的漂亮字体就够了，但是，你只是想完美配对两种字体，从理论上讲，难度更大。字体配对可降低使用单一字体时可能所产生的单调感。你可以就此进行实践，为网站中所有的大标题使用一种字体，在一些简单段落里使用另一种字体，看看最终效果是否很单调。 为了确保可读性和专业性，你的网页上不应该使用超过3种字体。使用过多的字体会干扰你的用户而且让你的网站看起 来很乱。相反，较少的字体让你的网站显得干净易读。你可以标题使用一种字体，正文使用一种字体，最后 logo或副标题使用另外的字体。

如果你把字体弄得难以辨认，这是犯了大忌。你也知道字体配对对于精美排版的重要性，而不是用一些统一的文本。即使你找到了很棒的字体搭配，还是不要忘记为字体设置合适的大小和粗细。字体粗细和大小设置不当基本上就毁掉了之前的搭配，因为这会让你已经使用的不同字体难以辨认。还应注意一点，背景图片跟字体颜色相近或不匹配，会导致字体淹没在背景图片当中。

在过去，设计师必须使用用户电脑，甚至带文本图片上有的字体，这样字体才会正确显示。随着技术不断发展，HTML5很快克服了这些问题。另外还有许多很棒的字体替换工具，这些工具搜集了很多字体，用户不用安装专门的字体，字体照样正确显示。

如果你想提升你的排版水平不容忽视的一点是正确使用标点符号。例如，引号经常用双撇符号代替，就是全角符号和半角符号的区别，就像中文的引号和英文的引号不同一样

本文来自易虎